Архив автора: Admin

Вывод элементов в WordPress

Одной из важнейших и удобнейших функций CMS WordPress является удобный вывод тех или иных элементов на сайте.

Самая распространённая задача, которая встаёт перед администратором WordPress сайта — вывод записей (постов) на какой-либо странице. Это могут быть статьи, новости и что угодно ещё. Возможно 2 варианта реализации данной задумки:
1. Средствами самого WordPress. При помощи пункта «Настройки» -> «Общие» вы можете выбрать «Страницу записей», на которой будут выводиться все без исключения имеющиеся записи.
2. Посредством WordPress плагинов. Этот вариант немного удобнее, так как позволяет настроить вывод отдельных категорий (рубрик) на конкретной странице или страницах — главной, странице контактов, странице новостей и т.д.

Отдельно стоит отметить, что в том случае, если вас интересует вывод в WordPress таких элементов, как миниатюра записи, дата публикации или комментарии к записи, то подобная функциональная возможность реализуется непосредственно в каждом конкретном шаблоне. Поэтому, для изменения местоположения данных элементов чаще всего вносят изменения в файлы разметки самой темы. А это требует определённых базовых знаний языка программирования PHP.

Кроме всего вышеуказанного довольно часто вам может понадобиться настроить вывод какого-либо меню на вашем WordPress сайте. Для реализации данной возможности вам сначала необходимо будет скопировать и вставить небольшую PHP-функцию в конец файла functions.php вашей темы, вот этот код:
function print_menu_shortcode($atts, $content = null) {
extract(shortcode_atts(array( ‘name’ => null, ), $atts));
return wp_nav_menu( array( ‘menu’ => $name, ‘echo’ => false ) );
}
add_shortcode(‘menu’, ‘print_menu_shortcode’);

После добавления вышеуказанного кода в functions.php вы сможете вставлять меню в любое место на странице при помощи шорткода вида [menu name=“слаг названия нужного меню на английском”]

Форма обратной связи в WordPress

Сегодня мы поговорим о том, как создавать на своём WordPress сайте такой распространённый элемент, как форма обратной связи (или любая другая форма, например, форма заказа обратного звонка).

Сразу стоит отметить, что, к сожалению, в WordPress нет встроенных инструментов, позволяющих создать форму обратной связи. Для этой задачи используются различные плагины. В официальном репозитории WordPress подобных плагинов содержится огромное множество. Самый популярный из них — плагин Contact Form 7.

Это гибкий инструмент, который позволит вам создать практически любую форму. Стоит также отметить, что плагин настолько популярен, что в официальном репозитории WordPress вы можете найти множество плагинов, разработанных специально для того, чтобы дополнить какие-либо функции Contact Form 7.

Так вот, для создания формы обратной связи в WordPress вам, прежде всего, необходимо установить и активировать плагин Contact Form 7. Напоминаю, что сделать это можно в административной панели вашего WordPress сайта в разделе «Плагины» -> «Добавить новый».

После установки и активации Contact Form 7, всё, что вам осталось сделать — создать и настроить вашу форму. Для этого вам необходимо перейти в новый раздел админ-панели WordPress, который появился у вас после активации плагина, называется он «Contact Form 7».

При переходе в этот раздел вы обнаружите список созданных форм. При помощи специальных кнопок под названиями форм вы можете их изменять, удалить и копировать. Эта функциональность позволяет создавать на вашем сайте не одну, а целое множество форм.

Итак, чтобы создать новую форму обратной связи в WordPress — нажмите «Добавить новую» в данном разделе меню (Contact Form 7). Перед вами появится заготовка формы, которую вам нужно будет вначале озаглавить (самая верхняя строчка), чтобы не путать, для чего нужно эта форма, а затем — изменить саму форму.

Делается это довольно просто. Любая форма — это набор каких-либо полей и кнопка отправки данных — Submit. Поэтому всё, что вам нужно сделать, это добавить и расположить в окне редактирования формы все нужные роля и увенчать всё это кнопкой submit. Вы увидите, что в изначальной заготовке там и сделано, она должна послужить вам примером.

Добавлять новые поля в форму можно при помощи специальных кнопок, расположенных над полем редактирования формы. Вам доступны такие роля, как: текстовое поле, поле ввода телефона, поле выбора вариантов и многие другие. Для вставки нужного поля, прежде всего, выберите в поле редактирования формы нужное место, куда вы хотите вставить новое поле, а затем нажмите на кнопку соответствующего (нужного вам) формата поля, например, «текстовое поле». После этого для вас откроется специальное окошко при помощи которого вы сможете задать определённые параметры этому конкретному полю, например, сделать его обязательным при заполнении, либо вставить какой-нибудь первоначальный шаблон-заполнитель (placeholder).

После установки параметров поля и его появления в окне редактирования формы проделайте те же манипуляции со всеми остальными полями, которые вы хотели бы видеть, а в заключении в самом низу формы (так принято) добавьте кнопку отправки (submit) и, если это необходимо, измените текст этой кнопки. Всё, основа формы готова, но это ещё не все!

Теперь необходимо сделать так, чтобы данные из этих форм присылались к вам на почту. Для этого необходимо переключиться с со вкладки редактирования формы на вторую вкладку, которая отвечает за редактирование того, как будет выглядеть письмо, которое вы получите, когда посетитель сайта заполнит вашу форму.

На этой вкладке вам необходимо разместить в нужных полях и местах данные, собранные при помощи данной формы. Чтобы сделать это максимально быстро и удобно, сначала нажмите синею кнопку «Опубликовать» справа. После этого, в данной вкладке над полями появится список с названиями форм, которые вы создали на предыдущем шаге. Вам необходимо скопировать эти формы (прямо с квадратными скобками) и вставить их в нужные места в письме или теме письма. И, конечно же, не забудьте указать в качестве получателя письма свой EMail. В завершении сохраните изменения при помощи синей кнопки справа.

Готово. Теперь необходимо добавить данную форму в нужное место на вашем WordPress сайте, например, на страницу «Контакты». Для этого, прежде всего, скопируйте так называемый «шорткод» вашей формы, он будет указан прямо под названием вашей формы (скопировать нужно прямо с квадратными скобками).

Теперь перейдите в административной панели сайта WordPress на нужную страницу в разделе «Страницы», в нашем примере — в страницу «Контакты». В появившееся окно редактирования содержимого вставьте скопированный шорткод в нужное место, например, в самый конец и нажмите синею кнопку «Обновить» справа.

Готово, вы создали свою собственную форму и добавили ее в нужное вам место на своём сайте!

О WordPress админке

В сегодняшней статье пойдёт речь о самом сердце CMS WordPress — об админке (административной панели).

Админка, по своей сути, это самая главная часть всего WordPress, так как позволяет непосредственно управлять самим сайтом, а именно это и является определением системы управления сайтом WordPress, как таковой.

Для того, чтобы зайти в административную панель WordPress вам необходимо в строке URL-адреса к URL-адресу вашего сайта, например, «example.ru» прибавить окончание «/wp-login.php», чтобы в итоге получилось что-то вроде этого «example.ru/wp-login.php». Стоит заметить, что это стандартное, заранее предустановленное URL-окончание практически для всех сайтов WordPress, позволяющее войти в админку, за исключением тех случаев, когда это окончание было изменено вами или вашим веб-мастером вручную в целях безопасности или по другим причинам.

После попадания на описанную выше страницу входа в админку WordPress вам будет предложено ввести свой логин и пароль, чтобы система распознала вас как администратора сайта, либо как модератора или автора. После ввода логина и пароля и входа, непосредственно, в административную часть сайта перед вами предстанет во всей красе все величие «закулисья» WordPress, которое позволит вам создать из своего сайта то, что вы захотите.

В левой части админ-панели всегда будет находиться навигация по различных разделам этой самой админки: страницы, записи, настройки, внешний вид и многое-многое другое. Следует упомянуть, что количество разделов может отличаться и зависит от установленных на сайте плагинов, некоторые из которых имеют свои собственные разделы с настройкой.

В правой же части админ-панели WordPress, находится непосредственно рабочее поле того или иного раздела, его настройки.

Теперь немного об основных разделах.

Для общих настроек сайта вам необходимо посетить раздел «Настройки» в левом меню админ-панели. Там вы сможете настроить такие опции, как главная страница сайта, разрешить комментарии, поменять название сайта и т.д.

Для настроек внешнего вида и темы чаще всего используется раздел «Внешний вид». Там вы сможете, например, воспользоваться встроенными в вашу тему настройками, либо же просто сможете сменить тему, а также настроить навигационное меню или боковую колонку.

Для добавления новых страниц на свой сайт и изменения старых используйте раздел «Страницы». Там вам будут предоставлены удобные инструменты редактирования. Стоит отметить, что записи, по аналогии со страницами, стоит добавлять и изменять в другом разделе — «Записи».

О бесплатных WordPress шаблонах

Сегодня речь в статье пойдёт о такой теме, как бесплатные шаблоны WordPress.

Как вам, возможно, уже известно шаблоны (они же — темы) в WordPress играют очень значимую роль. Именно от шаблона, в большей степени, зависит то, как будет выглядеть ваш сайт. Исходя из самого названия «шаблон» становится понятно, что это — некая заготовка внешнего вида сайта, которую вы можете использовать применительно к своей тематике. Шаблон, по своей сути, технически — это набор файлов, написанных на языке программирования PHP и расположенных в директории /WP-content/themes вашего сайта.

Стоить понимать, что именно конкретный шаблон, чаще всего, влияет также на то, какие настройки вам будут доступны, если вы захотите внести какие-либо изменения в свой сайт. Именно поэтому иногда, при решении каких-либо вопросов может не быть какого-либо универсального решения, подходящего абсолютно всем, так как все шаблоны уникальны и их число исчисляется тысячами.

Существует 2 вида шаблонов в WordPress: платные и бесплатные.

Первые создаются независимыми разработчиками с целью извлечения выгоды от продажи этих шаблонов. Продажа шаблонов же осуществляется чаще всего на различных сторонних сайтах, например, TemplateMonster или ThemeForest. Приобрести их можно на подобных сервисах, имея под рукой банковскую карту и немного времени. Иногда вместе с покупкой шаблона можно приобрести услугу по её установке и настройке.

Что касается бесплатных шаблонов (так называемые Open Source шаблоны), то здесь все довольно просто. Эти шаблоны, чаще всего, разрабатываются с одной из 3 целей:
1. Повысить свои навыки, как программиста
2. Внести свой вклад в развитие сообщества WordPress
3. Прорекламировать платную версию этого же шаблона. То есть в данном случае шаблон представляет собой урезанную по возможностям версию какого-либо платного шаблона. Вам, как бы, например, говорят: «Нравится этот бесплатный шаблон? Тогда предлагаем вам купить дополненную версию, в которой вы сможете самостоятельно изменять фон страницы».

Самое большое хранилище бесплатных шаблонов, конечно же, находится на официальном сайте WordPress в разделе тем. При помощи строки поиска по шаблонам и различных фильтров там вы сможете найти шаблон, подходящий именно вам: с боковой колонкой, темные, светлые, для журналистов и многие-многие другие.

Помимо официального сайта WordPress вы легко сможете найти бесплатные WordPress шаблоны налюбовавшись другом сайте, просто вбив в поисковике «бесплатные WordPress шаблоны» или чуть-чуть конкретней, например «бесплатные строительные WordPress шаблоны».

Как изменять что-то в WordPress?

Сегодня мы поговорим о том, как изменять те или иные элементы на вашем WordPress сайте. Речь пойдёт о самых распространённых вопросах.

Как изменить страницу WordPress? Делается это очень просто — через админ-панель. Зайдите в раздел «Страницы», выберите нужную страницу, щёлкните по ней, отредактируйте и нажмите синюю кнопку «Обновить» справа.

Как изменить меню WordPress? Для этого вам необходимо в админ-панели зайти в раздел «Внешний вид» в подраздел «Меню». При помощи появившихся полей создайте и отсортируйте меню, которое будет выводиться у вас в навигации.

Как изменить админку WordPress? Для изменения содержимого административной панели вам необходимо обладать начальными знаниями языка программирования PHP, так как для ее изменения необходимо задействовать специальные «хуки», использующие PHP.

Как изменить пароль WordPress? Данное действие производиться при помощи стандартной формы, либо через админ-панель, при помощи раздела «Пользователи».

Как изменить сайт на WordPress? Это довольно общий вопрос, который чаще всего подразумевает изменение внешнего вида сайта. Это можно сделать при помощи настроек вашей установленной темы, но я рекомендую немного изучить технологии HTML и CSS. Это позволит вам превратить ваш сайт в практически любую задумку.

Как изменить шапку WordPress? Шапка обычно изменяет при помощи настроек конкретной темы. Кроме того, изображение шапки можно загрузить при помощи CSS-свойства background.

Как изменить шрифт WordPress? Для этого вам необходимо сначала загрузить шрифт в директорию вашего сайта, а затем добавить в ваш CSS-код примерно такую конструкцию:
@font-face {
font-family: «Название шрифта»;
src: url(Ваш путь к шрифту/Название шрифта.ttf);
}

Как изменить плагин WordPress? Для подобных изменений требуется знание PHP, ведь вам придётся редактировать и менять чужой PHP-код, который используется во всех плагинах.

Как изменить фон WordPress? Чаще всего это можно сделать при помощи настроек темы. Также это можно сделать при помощи CSS-свойства background, добавив в качестве фона картинку или же изображение.

Как изменить главную страницу в WordPress? Для этого в административной панели сайта вам необходимо перейти в раздел «Настройки», подраздел «Чтение» и в графе «Главная страница» из выпадающего списка выбрать нужную.

Как создать полноценный сайт за 5 минут?

1. Зарегистрируйте или приобретите виртуальных хостинг и доменное имя, например, у хостинг провайдера TimeWeb подойдёт простейший тариф Year. Важно — после регистрации доменного имени придется подождать пару часов, пока он не пройдет официальную регистрацию. Только после этого переходите к следующему шагу.
2. В панели управления хостингом найдите и воспользуйтесь автоматической установкой CMS WordPress. Вам будут выданы логин и пароль для управления сайтом. Сайт уже почти готов. Осталось его наполнить.
3. Зайдите в административную панель своего сайта, подставив в конец вашего доменного имени /wp-login.php, чтобы получилось что-то вроде «http://vash-sayt.ru/wp-login.php» . Введите выданный логин и пароль и вуаля — вы управляете и редактируете собственный сайт, зайдите в раздел «Страницы» и создайте свою первую страницу.

Файлы WordPress

Сегодня мы поговорим о такой интересной теме, как структура файлов и папок в WordPress. На первый взгляд, структура файлов WordPress может показаться слишком сложной, но это не так.

Первое, что стоит знать — подавляющее количество файлов в WordPress это файлы с расширением .php, содержащие в себе программный PHP-код движка CMS и непосредственно вашего сайта, они влияют, в основном, на функциональные особенности. Кроме того, вам также встретятся файлы с расширением .js, содержащие код JavaScript, который, в основном, влияет на внешнюю динамику сайта непосредственно в браузере. Также чуть реже вам будут встречаться файлы с расширениями .css (каскадные таблицы стилей), .po и .mo (файлы для перевода тем на разные языки) и другие.

В корневой директории WordPress находится ряд важных PHP-файлов, содержащих настройки движка, а также 3 основные папки:

wp-includes, wp-admin и wp-content. Всё, что вам нужно знать о первых двух папках — это то, что эти папки содержат жизненно важные файлы, отвечающие за корректную работу WordPress, поэтому старайтесь никогда без крайне на то необходимости не вносить каких-либо изменений в эти две папки — wp-includes и wp-admin. Это не стоит делать по двум причинам:

1. Вы можете необратимо нарушить стабильную работу своего сайта

2. Любые изменения, которые вы туда внесете, исчезнут, как только WordPress автоматически обновится до новой версии.

Что же касается непосредственно папки wp-content, то это уже совсем другой разговор. Она, как раз, в наибольшей степени предназначена для внесения каких-либо модификаций и содержит такие папки, как uploads (где хранятся все загруженные в библиотеку WordPress файлы), themes (где хранятся, разложенные по папкам, установленные CMS темы), plugins (где система хранит все установленные плагины).

Вся эта структура в WordPress создана с одной лишь целью — отделить программный код движка от любых модификаций, вносимых сторонними программистами. Это позволяет любому веб-мастеру спокойно создавать расширения и плагины, не опасаясь необратимо нарушить работоспособность сайта.

Как убрать в WordPress всё, что угодно

Сегодня я расскажу вам предельно простой, но очень действенный способ, который поможет убрать, а точнее даже скрыть ненужные элементы с вашего WordPress сайта.

Перейдём сразу к делу: всё волшебство сокрытия элементов на сайте заключено в чудесном CSS-свойстве, под названием «display:none». Итак, что же это такое?

Как вы, возможно, уже знаете, WordPress построен на основе 4 основных технологий:

1. Язык программирования PHP, который отвечает за функциональную работоспособность сайта, в основном, скрытую от глаз посетителей.

2. Язык программирования JavaScript, который отвечает, в основном, за внешнюю динамичность вашего сайта при отображении его в браузере посетителя.

3. Язык гипертекстовой разметки HTML, который является основным веб-стандартом отображения WEB-страниц в интернете.

4. Каскадные таблицы стилей CSS, от которых на 90% зависит то, как ваш сайт будет выглядеть внешне: размер шрифтов, цвет текста, цвет фона, прозрачность элементов и многое-многое другое.

Так вот, сегодня мы заострим своё внимание именно на 4-ом пункте — CSS, потому что именно он поможет нам убрать ненужные элементы WordPress сайта.

Дело в том, что как было сказано ранее, среди всех прочих свойств, вроде цвета шрифта, фона, размера элементов и всего прочего, существует CSS свойство, которое отвечает за показ определённых элементов. Это свойство называется «display». Оно может принимать различные значения, определяющие то, каким образом браузеру необходимо рассматривать этот элемент, но нас сегодня интересует именно значение под названием «none». Это значение вкупе со свойством display напрямую говорит браузеру посетителя WordPress сайта, что данный элемент показывать не нужно.

Так как же это действует и куда всё это нужно вписывать?

Итак, в первую очередь при помощи инспектора кода в вашем браузере вам необходимо определить так называемый «селектор» вашего элемента. Открыв инспектор кода, наведите курсор на нужный вам элемент и изучите его структуру. К примеру, если вы хотите убрать ненужную ссылку в подвале своего WordPress сайта и видите, например, такую картину в инспекторе кода вашего браузера:

<a href=“http://wordpress.com” id=“copy” class=“ssilka”>Сделано на WordPress</a>

То вы можете убрать этот элемент множеством различных способов. Как минимум двумя, на выбор, используя любой селектор:

#copy {display: none;}

.ssilka {display: none;}

После вписывания любой из вышеуказанных строк либо в файл style.css вашей темы, либо в специальный блок CSS-настроек вашей темы, либо в блок CSS-настроек какого-либо стороннего плагина (например Simple Custom CSS) указанная ссылка исчезнет.

Если этого не произошло, попробуйте усилить приоритет ваших строчек перед другими свойствами, добавив слово «!important». Таким образом, вышеуказанные две строчки превращаются в:

#copy {display: none !important;}

.ssilka {display: none !important;}

Кроме того, если вы вносили одну из этих строчек в файл style.css своей темы, то не забудьте после этого очистить кеш своего браузера, нажав сочетание клавиш CTRL + F5, а также не забудьте почистить кеш на самом сайте, если вы используете какие-либо дополнительные кеширующие плагины (например, WP Super Cache).

Также, если вы хотите развивать свои знания в сайтостроении, то советую вам немного почитать о том, что такое селекторы и CSS и как они помогают преобразить сайт. Ведь эта информация, по своей сути, не очень сложна в восприятии, зато помогает решать подавляющее количество вопросов, связанных с внешним видом вашего сайта.

Папка «plugins» в WordPress

Сегодня речь пойдёт о такой «волшебной» папке WordPress, как папка «plugins». Именно она позволяет решить 90% ошибок, связанных с WordPress.

Так что же это такое и с чем её едят? Папка «plugins», как и папка «themes», которая содержит файлы установленных тем, находится в директории /wp-content. Вообще, в принципе, WordPress директория /wp-content содержит в себе разного рода пользовательские файлы и папки, которые не являются в той или иной степени частью программного ядра WordPress. Это упрощает техническую работу с данной CMS, так как предотвращает возможное допущение ошибок программистами, которое могло бы повлиять непосредственно на стабильную работу сайта.

Итак, сама по себе папка «plugins», как становится понятно из названия, содержит в себе папки всех установленных плагинов. Каждый отдельный плагин в этой директории имеет только одну свою собственную папку. Кроме всего прочего, в данной директории также, в редких случаях, могут находиться не только папки, но и отдельные файлы, так называемые «вкрапления», так сказать, мини-плагины, программный код которых настолько мал, что поместился в один файл и не требует создания целой отдельной папки.

Теперь перейдём в главной тайне, которую в себе кроет папка «plugins». Дело в том, что подавляющее большинство ошибок, которые могут возникнуть на вашем WordPress сайте, появляются именно по причине неверно работающих плагинов, которые вы или ваш веб-мастер установили. От ошибок, конечно же, никто не застрахован. Все плагины разрабатываются людьми, многие из них могут даже предварительно не быть протестированы должным образом, в результате чего у владельцев WordPress сайтов, установивших подобные плагины, возникают разного рода ошибки.

Благодаря удобнейшей программной архитектуре WordPress, которая изолирует программный код ядра WordPress от всего остального, вам под силу легко решить практически любую ошибку, которая возникнет на вашем сайте. Более того, именно при помощи папки «plugins» вы сможете определить виновника ваших проблем. Делается это очень просто — простым поочередным переименовыванием всех папок, лежащих в директории «plugins». Таким образом, если вы, например, добавите к названию папки одного из плагинов цифру 1, то WordPress автоматически перестанет видеть данный плагин и деактивирует его. Если в результате переименования данной папки возникшая на сайте ошибка исчезла — значит проблема была именно в этом конкретном переименованном плагине. Если нет — возвращайте папке данного плагина предыдущее название и переименовывайте папку следующего плагина и так далее, пока не найдёте виновника своих бед.

Чтобы сразу же убедиться, что ошибка на вашем сайте точно связана именно с работой плагинов — вы можете переименовать разом всю папку «plugins», например в «plugins1», тем самым сразу скрыв от WordPress все установленные плагины и отключив их.

Вышеуказанным способом можно определять не только виновника ошибок на сайте, но также и источник повышенной нагрузки на ресурсы хостинга. Так что если вам вдруг стали поступать «письма счастья» от вашего хостинг-провайдера виртуального хостинга о превышении разрешённой нагрузки, то при помощи описанной методики поочередного отключения и включения плагинов вы можете попытаться проанализировать среднюю нагрузку, которую оказывает тот или иной плагин на выделяемые хостингом ресурсы.

WordPress и HTTPS

В настоящее время существует множество вариантов и способов обезопасить свой сайт. Один из них — сделать свой WordPress сайт доступным по HTTPS, ну а проще говоря — установить для своего сайта SSL-сертификат.

Когда речь идёт о безопасности сайта, любому веб-мастеру сейчас стоит задуматься о том, чтобы сделать передачу данных на своём WordPress сайте зашифрованной, чтобы в случае чрезвычайной ситуации, если «враг» внезапно перехватит трафик и запросы ваших посетителей (в частности, логины и пароли), он бы ничего не смог понять и разобрать. Именно для таких целей и придуман SSL-сертификат сайта. Именно его наличие превращает HTTP в начале URL-адреса вашего сайта в заветное HTTPS с буквой «S» на конце, что обозначает «Secured».

Только когда ваш WordPress сайт надежно защищён SSL-сертификатом, в браузерах, в строке адреса вашего сайта появится зелёный замочек, сообщающий вашим посетителям, что все их действия на вашем сайте надеждно защищены и зашифрованы.

Основной принцип работы SSL-сертификата и HTTPS соединения заключается в том, что его настройка происходит не в самом WordPress, а непосредственно на используемом сервере (на хостинге). Обычно, на виртуальном хостинге это вынесено, как отдельная услуга. Стоит также обратить внимание, что сертификат приобретается для одного конкретного доменного имени.

Что касается непосредственно стоимости данной услуги, то сделать свой WordPress сайт с HTTPS для вас может быть бесплатно. Например, используя бесплатный SSL-сертификат Let’s Encrypt. В продаже также имеют сертификаты различной надежности от компании Comodo и других гигантов этой индустрии.

Если говорить о пользе SSL помимо непосредственно безопасности, то в настоящее время также считается, что HTTPS сайты имеют небольшое преимущество над HTTP сайтами при их ранжировании в Google и Яндекс, так как это говорит о том, что владелец сайта заботится о безопасности и сохранности данных своих посетителей.