Рубрики
WordPress Глава 5

Редактирование файлов из панели управления


Кодекс Источник 1

А знали ли вы, что в WordPress есть доступ к редактированию файлов ваших тем и основного файла CSS-правил style.css ? Если нет, то следуем…

Внешний вид → Редактор

Редактор

Внимание! Работа в этом разделе рекомендуется только опытным пользователям.

Если права на файлы (подробно об этом поговорим во 2-ом томе) выставлены должным образом, то изменение информации в файлах при сохранении в данном разделе произойдет необратимо.

При переходе в данный раздел перед нами, как правило, должен открыться файл для редактирования, где хранятся все стилевые правила для элементов вашего сайта — style.css

Редактор css

Именно в этом файле мы можем повлиять и переиначить css-свойства, что позволит отображаться элементам в том стиле, в котором нам угодно. Работа с этим файлом требует от вас базы языка CSS.

Если вы обратите внимание на правый блок, то увидите в его начале выпадающий список, с помощью которого мы можем выбирать доступную (которая установлена) тему для редактирования. Будьте внимательны когда редактируете файл, лишний раз убедитесь, что редактирование происходит именно должной теме.

файлы для редактирования
Файлы доступные для редактирования

Учтите, что при обновлении, которое приходит порой для ядра системы, тем и плагинов, ваши изменения в файлах неизбежно затрутся, поэтому внесение изменений в файлы необходимо делать на основе Дочерней темы (зависимой). На данном этапе вам просто это стоит запомнить, так как создание дочерних тем это лекция 2-го тома.

Если вам все же не терпится поэкспериментировать с редактированием и изменением файлов темы, то рекомендуется перед редактированием сохранить полное содержимое редактируемого файла в отдельный текстовый файл, например   вот так:

Копия содержимого

Эта копия всегда позволит вам вернуть оригинальное содержимое.

Редактор для CSS в WordPress

Как вы наверно заметили, при редактировании файла с таблицей стилей (style.css) отсутствует подсветка синтаксиса и есть вероятность затронуть оригинальные правила. Поэтому, если вы используете плагин Jetpack, то учтите, что в нем есть более продвинутый редактор для CSS, с подсветкой синтаксиса, возможностью предварительного просмотра и редактированию без опасения затронуть оригинальные правила темы, так как сам файл стилей будет совершенно отдельным. Подробно знакомится с Jetpack мы будем в последней главе этого тома.

Редактор модуля Джетпак

В файлах шаблонов с расширением .php содержится разметка на языке HTML и естественно инструкции интерпретатору серверного языка программирования PHP, благодаря которому и происходит автоматизация многих процессов. Редактирование этих файлов неподготовленными пользователями крайне не рекомендуется.

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

Функции темы

Естественно, что эта информация нам будет необходима начиная со второго тома, но тем не менее это нужно знать.

Рубрики
WordPress Глава 5

Установка тем (шаблонов) в WordPress


Кодекс Источник 1

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

Из чего состоит тема?

Файлы ваших доступных тем лежат в соответствующей одноименной директории по следующему пути: http://АДРЕС_САЙТА/wp-content/themes/ Именно там находятся папки, каждая из которой и является темой (шаблоном) оформления сайта.

Директория с темами
Директория с темами

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

По идеологии WordPress, темы которые идут в дистрибутиве принято величать по годам. Следовательно не трудно догадаться, что в 2016 году активная после установки системы тема, будет называться — twentysixteen, описание и особенности которой нам доступны по этой ссылке.

Непосредственно сама тема — это совокупность специальных файлов, каждый из которых играет свою роль. Вот, как пример, содержимое папки темы 2015 года — twentyfifteen:

файлы темы

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

Где взять готовые шаблоны?

Для обзора и скачивания тем (шаблонов) для  CMS WordPress существует официальный репозиторий (хранилище), где эти темы доступны для скачивания совершенно бесплатно.

Репозиторий ВордПресс

Обратите внимание, что для упрощения поиска нужной темы существуют специальные фильтры, которыми мы задаем критерии для поиска:

Фильтры поиска

Это позволит вам быстрее найти нужную тему, отвечающую вашим требованиям.

Чему уделить внимание при выборе темы?

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

Вот, например, обзор темы от команды разработчиков wordpress.org

Обзор темы

Как мы видим большинство положительных оценок, а число отрицательных голосов в соотношении с положительной оценкой, ничтожно мало. Мы видим, что последнее обновление было относительно недавно, это тоже служит большим плюсом, а самое главное это — разработчик темы. В нашем случае это члены команды wordpress.org, которым естественно мы можем доверять на все 100%, как и разработчикам из команды Automattic, которые занимаются проектом wordpress.com и прочими связывающими проектами, один из которых плагин — JetPack. Естественно в чистоте и правильности кода нам не придется сомневаться, так как понятия «плохо», там просто не может быть и разработанные ими темы будут иметь прекрасную совместимость, как с WordPress, так и со сторонними плагинами и сервисами.

Добавление новой темы на сайт

Ознакомившись с общей информацией пришло время перейти к практике и установить на ваш сайт новую тему оформления. Для этого давайте перейдем в раздел главного меню Панели Администратора > Внешний вид > Темы

Мои темы

Здесь мы видим все доступные нам темы, то есть те которые уже установлены в систему и готовы немедленно быть задействованными.

Самая первая тема — это активная в данный момент тема, та с помощью которой и отображается на данный момент ваш сайт.

Чтобы посмотреть (но не активировать!) как будет отображаться сайт в другом оформлении, достаточно навести курсор мышки на нужную тему и выбрать команду «Показать»

active

Если после предварительного просмотра вас все устроило, то команда «Активировать» немедленно задействует и применит стили отображения новой темы, которые уже будут видны и посетителям сайта. Поэтому рекомендуется не спешить и с помощью предварительного просмотра протестировать новое представление веб-сайта.

Как удалить тему?

Удаление темы происходит более хитрым образом. Вам все так же необходимо навести курсор на миниатюру темы и затем кликнуть по «Информация о теме», после чего в открывшимся окне, в самом нижнем правом углу вы увидите неприметную ссылку «Удалить», по клику на которую произойдет удаление соответствующей папки с файлами (которые рассмотрены выше) из директории /wp-content/themes/

Удаление темы

Установка темы через встроенный поиск

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

Добавляем тему

Перед вами, в рабочей области, возникает схожий интерфейс, с тем интерфейсом, который мы повстречали на официальном сайте wordpress.org, где вы можете так же задать критерии для поиска. Заметьте, что те темы которые уже у вас установлены будут с соответствующей пометкой

Выбор темы

Остановив свой выбор на той или иной теме рекомендуется почитать о ней информацию, которая, как и кнопка для установки доступна при наведении курсора на миниатюру темы

add theme 3

Убедившись, что ваш выбор закреплен социальным фактором, рассмотренным выше, вы можете смело устанавливать новый шаблон.

Установка темы через «загрузку»

Второй метод установки темы рекомендован в том случае, если, например, вы купили Premium-тему на стороннем ресурсе, например, как «ThemeForest» (в буквальном переводе — «Лес Тем»), где представленны одни из самых лучших тем для WordPress со всего мира.

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

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

Загрузка темы

Указываем путь к архиву с темой и устанавливаем ее путем загрузки

Загрузка и установка

Установка при помощи FTP-соединения

Третий метод установки новой темы — это использование клиента FTP или же задействования панели управления (CPanel) вашего хостинг-провайдера. Об этом способе мы будем подробно знакомиться во втором томе.

Безопасность

Отнеситесь серьезно к источнику предпочтительной для установки темы. Если тема «скачена» с сомнительных ресурсов, то следует учитывать факторы риска. Рекомендуется на начальном этапе использовать темы только с официального репозитория wordpress.org

Контрольные вопросы:

  1. Где и в каком виде находятся все доступные темы вашего сайта?
  2. Как посмотреть тему не активируя ее?
  3. Какие методы загрузки вы знаете и в каких случаях их разумней использовать?
  4. Как удалить тему?
  5. На что обратить внимание при выборе темы?
Рубрики
WordPress Глава 4

Настройки постоянных ссылок, ЧПУ


Кодекс Источник 1
Кодекс Источник 2

Настройки → Постоянные ссылки

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

Я бы отнес эту настройку к наиболее серьезной категории настроек, как говорится «детство закончилось» 🙂 теперь мы будем говорить о вещах, неверное использование которых неизбежно влечет за собой последствия.

По умолчанию, WordPress использует веб-адреса, которые имеют вопросительные знаки и разные чисел после них.

Пример не ЧПУ

Если расшифровать этот параметр, то запрашивается страница (публикация) с идентификатором №737.

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

Что такое ЧПУ (Человеко-понятный урл)?

Как мы рассмотрели выше, первый вид постоянных ссылок (по умолчанию) понятен далеко не каждому пользователю, все эти вопросики, цифры и прочие математические символы не несут в себе никакой смысловой информации. Настало время нам познакомится еще с двумя разновидностями ссылок в WordPress:  mod_rewrite: «Pretty Permalinks» и PATHINFO: «Almost Pretty», которые уже в свою очередь дают человеку некую информацию в схеме протокола HTTP.

Pretty Permalinks

Красивый адрес («Pretty Permalinks»)

«Pretty Permalinks» — это способ построения ссылки, когда ее окончание аналогично названию вашей записи. На рисунке выше видно, что такие правила достигаются в тех вариантах, где мы видим на окончании название, например:  http://example.com/2015/post-name/  — это и будет человеко-понятным урлом вашей записи. По мимо этого, если построение ваших ссылок включает год, месяц, день; то вы без труда можете запросить архивы публикаций за определенный период. Предположим мы хотим увидеть записи опубликованные в октябре 2015 года, тогда удаляем из адреса все лишнее и запрашиваем архив:

Запрос архива

Все эти манипуляции происходят благодаря специальным модулям установленным на сервере. Пока что эта техническая информация, мало что скажет Вам и ее можно вполне проигнорировать, но как и в Кодексе я ее опубликую:

Сервера, которые поддерживают правила переопределения постоянных ссылок:
  • Веб-сервер Apache и его модуль mod_rewrite
  • Веб-сервер Hiawatha с включенной поддержкой UrlToolkit
  • Веб-сервер Microsoft IIS 7+ используемый URL Rewrite 1.1+ модуль PHP 5 как FastCGI
  • Веб-сервер Microsoft IIS 6+ используемый ASAPI_Rewrite
  • Веб-сервер Microsoft IIS 6+ с Ionic ISAPI Rewriting Filter (IIRF)
  • Lighttpd при помощи 404 handler или mod_rewrite

Почти красивый адрес («Almost Pretty»)

На третей разновидности ссылок мы останавливаться не будем, скажу, что отличие ее в построении правилами модуля mod_rewrite, лишь в том, что она  включает в свой путь основной файл index.php

http://example.com/index.php/yyyy/mm/dd/post-name/

Обратите внимание, что по мимо заготовок, вы так же можете воспользоваться этими тегами и в разделе Произвольно, указать свои произвольные правила для построения адреса.

Допустимые теги:

%year% — год публикации, например: 2004
%monthnum% — месяц публикации, выглядит: 05
%day% — день публикации, выглядит:  28
%hour% — час публикации: 15
%minute% — минуты публикации: 43
%second% — секунды, в виде: 33
%post_id% — идентификатор страницы (записи)  в виде: 423
%postname% — название записи ( возможно произвольно редактировать, смотреть рисунок ниже )
%category% — название категории, к которой относится запись.
%author% — имя автора публикации

Постоянная ссылка
Постоянная ссылка

А в разделе Дополнительно, вы можете переопределить названия постоянных ссылок для рубрик и меток (тегов):

  • Префикс для рубрик
  • Префикс для меток

Какую структуру постоянных ссылок выбрать?

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

Внимание! Если по каким то причинам ( например, не верные права на запись у файлов ) возникают ошибки и страницы вашего сайта не доступны, следует вернуться к варианту по умолчанию

По умолчанию

Рубрики
WordPress Глава 4

Настройки медиафайлов


Кодекс Источник 1

Настройки → Медиафайлы

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

Вообще это достаточно нужная настройка в плане оптимизации. Предположим вы загрузили изображение сделанное фотоаппаратом, которое примерно составляет по объему информации в нем — 5Мб. Как известно на большинстве из сайтов графическим дополнением к анонсу записи служит миниатюра, например, в виде небольшого квадратика. Учтите, что если вы видите квадратик, предположим размером 150 на 150 px , это еще не значит, что оригинал имеет такой же размер. фотография может быть пропорционально уменьшена. И не трудно догадаться сколько со слабой скоростью передачи данных будет подгружаться эта миниатюра или сколько она «скушает» платного мобильного трафика пока загрузится.

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

Настройки медиа

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

Копии

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

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

Выбираем размер

Их то и можно смело задействовать чтобы не подгружать огромный оригинал

Средний размер

Как отключить создание копий в виде миниатюр?

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

 

Рубрики
WordPress Глава 4

Настройки обсуждений (комментарий)


Кодекс Источник 1

Настройки → Обсуждение

Рабочая область данного раздела настроек позволяет вам настроить и задать некие правила для комментариев (дискуссии). Очень полезный раздел, так как в большинстве случаев возможность комментирования на сайте не отключается владельцами и следовательно нуждается в настройках.

Экран настройки комментариев

 

Вот таким образом выглядит рабочая область экрана и теперь самый раз познакомится с ее возможностями подробно.

Настройки для статьи по умолчанию

Настройки для статьи по умолчанию

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

Пинги

Так что, отключив эту возможность именно на странице настроек мы отключаем уведомления и обратные ссылки для всех сообщение системы. Аналогичный запрет/разрешение касается и формы для комментарий. Если вы желаете отключить возможность комментирования, вернее даже сказать выставить ее для всех записей в состояние ОТКЛ, то тогда снимаем «галочку» (флажок) в чекбоксе и забываем про этот функционал.

Другие настройки комментариев

Другие настройки комментариев

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

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

Для отправки комментария вам необходимо авторизоваться.

Следующие настройки в этой группе отвечают за иерархию, отображение комментариев:

  • Автоматически закрывать обсуждение статей старше дней
  • Разрешить древовидные (вложенные) комментарии глубиной уровней
  • Разбивать комментарии верхнего уровня на страницы по штук, по умолчанию отображается страница
  • Сверху каждой страницы должны располагаться комментарии 

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

Отправить мне письмо, когда

Управление оповещениями о новых комментариях на сайте на адрес электронной почты, который был указан в Общих настройках, а так же для авторов, комментарии которых ожидают проверку.

Перед появлением комментария

Перед появлением комментария

Пожалуй, тоже полезная настройка, что бы не доверять даже зарегистрированным пользователям и перед появлением проверять (с последующим одобрением)  каждый комментарий, даже СПАМ. Эти настройки преимущественно полезны и позволяют оптимизировать работу сайтов, где несколько авторов.

Модерация комментариев

Модерация комментариев

Ну а здесь у нас начинается война с войском спамеров. Первая же настройка позволяет нам считать подозрительным комментарий, если он содержит заданное число ссылок на внешние ресурсы.

В текстовой области вы можете указать те сочетания слов, например «Жми Здесь» и т.п. или же задать URL, IP при котором комментарий так же будет считаться подозрительным. Проведем простой эксперимент. Укажем в качестве подозрительной фразы, фразу «Нажми кнопку», а в качестве слова выберем «Press» 

Обратите внимание, что каждое слово или IP необходимо указывать с новой строки. Дополнительно используется поиск по подстроке, то есть по слову «press» будет найдено «WordPress».

В области для текста ниже, с заголовком Черный список мы укажем адрес электронной почты vasya@gmail.com. Вся разница между между Черным списком и Списком Модерации комментариев состоит в том, что в первом случае (при модерации) комментарий становится в очередь на одобрение, если встретится подозрительное содержимое, а во втором случае, при Черном списке, комментарий неизбежно будет занесен в Спам.

comment spam

Давайте проверим… я уберу флажок с чекбокса «Автор должен иметь ранее одобренные комментарии» из раздела «Перед появлением комментария», чтобы позволить комментариям сразу появляться даже от непроверенных пользователей. Далее опубликуем три комментария: от Пети, Васи и Миши. Глядя на скриншоты комментариев попробуйте предположить какие из них будут одобрены, а какие нет, и почему.

Комментарий Комментарий Комментарий

Если ваш ответ, что только один комментарий от Мишы появится на сайте, то вы безусловно правы!

Разрешенный комментарий

Так как два других будут поставлены в очередь на модерацию и ожидать одобрения.

все комментарии

Ну а если на сайт придет Вася и оставит комментарий указав адрес почты, который у нас значится в черном списке, то Васю ждет досадное разочарование… Решение по его комментарию будет принято без вашего участия и комментарий будет направлен в Спам

Это спам

Не забывайте про эти возможности системы!

Аватары

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

По умолчанию WordPress использует систему Gravatar — Глобально распознаваемые аватары. Зарегистрироваться и привязать изображение к вашему адресу электронной почты (которая и будет служить индефикатором вашей личности, дпже на других сайтах, где используется эта глобальная система) вы можете по этой ссылке.

[wpvideo HNyK67JS]

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

Аватар по умолчанию

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

Аватар пользователя

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

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

При внесении изменений не забудьте сохранить изменения!

Рубрики
WordPress Глава 4

Настройки для отображения страниц


Кодекс Источник 1
Кодекс Источник 2

Настройки → Чтение

Рабочая область данного раздела не богата настройками, но тем не менее хранит те настройки, которые чаще всего востребованы пользователями для отображения страниц.

Настройки чтения

На главной странице отображать

Пожалуй, самым главным вопросом начинающих пользователей является вопрос о смене главной страницы сайта на произвольную, одиночную страницу. Мы знаем, что по умолчанию WordPress после установки выводит нам цикл записей опубликованных на сайте в хронологическом порядке. Но что если нам просто необходим сайт из 2-3 страничек, без цикла новостей и прочего. В этом случае правильным подходом будет создать две страницы и дать им название, например: Главная и Новости. 

Все что нам останется, так это теперь выбрать радиокнопку «Статическую страницу» и указать в активных (после выбора) выпадающих списках эти самые страницы, что Главной будет соответственно — Главная, а для вывода записей будет служить страница — Новости.

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

На страницах блога отображать не более…

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

В RSS-лентах отображать последние …
Для каждой статьи в RSS-ленте отображать …

Аналогично и для альтернативного способа доставки контента (RSS) мы можем задать число последних записей и указать вариант для отображения содержимого: или выводить полное содержание записей или в виде анонса (урезанное автоматически или же управляемое вами в поле Цитата)

Видимость для поисковых систем

Внимание! Будьте осторожны с этой настройкой!

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

Запрет индексирования сайта

Но и это еще не все! Дополнительно будет осуществлена попытка создания системой файла robot.txt с содержанием на запрет индексирования всех директорий:

User-agent: *

Disallow: /

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

Сервисы отключены

Обратите внимание, что само содержимое сайта будет так же доступно, если требуется сделать сайт абсолютно приватным, то это уже тема для следующего тома 🙂

Рубрики
WordPress Глава 4

Настройки при публикации страниц


Кодекс Источник 1
Кодекс Источник 2

Настройки → Написание

Следующим разделом настроек будут рассмотрены настройки, которые определены для написания (публикаций) записей или страниц.

Экран настроек

Форматирование

Форматирование

Позволяет осуществлять преобразование специальной последовательности символов в картинки. Второй чекбокс служит для, якобы, автоматического исправления системой некорректного HTML — кода, но с выходом версии 4.3.1 вы этого более не увидите 🙂 Как и функции закладки (Press This).

Рассмотрим следующий раздел с двумя выпадающими списками: Основная рубрикаОсновной формат записей позволяют нам присвоить рубрику, которая будет служить рубрикой «по умолчанию», то есть, если записи не будет присвоена ни одна из имеющихся на сайте рубрик, то запись непременно будет относится к той, что здесь выбрана. Аналогично и  с форматом по умолчанию для записей. Если, например, у вас видео-блог и ваш контент преимущественно из видео-роликов, которые вы стилизуете определенным образом, то наверно стоит задать соответствующий формат.

Настройки рубрик

Публикация через e-mail

Публикация через письмо на почту

Малоизвестная и не популярная настройка публикации через электронную почту. Затрудняюсь привести пример в каком из случаев может быть востребована эта функция и поэтому рассматривать мы ее не будем. Можете не сомневаться, что в скором будущем вы ее не увидите.

Сервисы обновления

Когда вы публикуете новую запись на своем сайте, WordPress автоматически уведомляет специальные службы слежения за обновлениями по специальным адресам (которые мы указываем в текстовом поле). Подробнее можно ознакомится по этой ссылке.

Для нас — русскоязычного населения, стоит, пожалуй, добавить к уже имеющейся единственной записи еще две:

http://rpc.pingomatic.com/

http://ping.blogs.yandex.ru/RPC2

http://blogsearch.google.ru/ping/RPC

Теперь все в порядке и при обновлении записей или публикации новых, по специальному протоколу XML-RPC уже пойдут сигналы о переменах в контенте на вашем сайте, что приведет к вероятно быстрой индексации новых страниц.

Пример отправляемого сообщения (ping)
Пример отправляемого сообщения (ping)

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

Пример заполнения текстового поля для сервисов принимающих пинг-уведомления:

Пинг-сервисы

Рубрики
WordPress Глава 4

Общие настройки CMS


Кодекс Источник 1

Настройки → Общие

Давайте познакомимся с первой вкладкой настроек системы WordPress.

Название сайта

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

Краткое описание

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

Адрес WordPress (URL)

Абсолютный путь к директории, куда установлен Ваш WordPress. Корневая директория WordPress узнаваема по наличию в ней папок: wp-admin, wp-content, wp-includes, файла wp-config.php и прочего…

Предположим, вы извлекли систему в папку blog, следовательно путь будет http://mySite.ru/blog, где mySite — адрес вашего сайта.

Обратите внимание! Если вы используете константу ( define( ‘WP_SITEURL’, ‘http://example.com/wordpress’ ); ) для определения адреса директории WordPress, то вышеописанный способ не сработает, так как приоритет константы выше настройки, которая хранится в базе данных.

Адрес сайта (URL)

Ну а это, как вы наверно уже догадались, адрес нашего сайта, адрес ведущий к главному файлу index.php

Этот адрес, как правило совпадает с адресом рассмотренным в настройке выше, но иногда может и меняться в случаях интеграции системы, например, в какую нибудь другую структуру. Так же возможно указать путь с помощью константы WP_HOME в конфигурационном файле wp-config.php

Адрес e-mail

Этот адрес используется в целях администрирования. Например, для уведомления о новых пользователях.

Адрес администратора сайта. По моему этим все сказано. Именно на него буду приходить письма с уведомлениями о регистрации новых пользователей (если разрешена регистрация), о новых комментариях, которые администратор может одобрить или удалить, ну и всегда восстановить доступ к сайту при утере пароля. Новый пароль придет именно на этот адрес.

Есть небольшие отличия в этом адресе электронной почты и адресами прочих администраторов на сайте. Более подробно мы поговорим об этом в следующих главах при превращении вашего сайта в сеть сайтов, именуемой —  мультисайтом, но на этом этапе вам необходимо уяснить, что уведомления о комментариях новых будут приходить только на этот адрес, другие администраторы не будут осведомлены. Вот пример оповещений:

Оповещения WP

Эти оповещения конечно же настраиваемые и о них мы поговорим чуть позже.

Членство

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

Внимание! Если вы разрешили регистрацию на сайте, то проверьте следующую настройку, настройку присвоения роли для зарегистрированного пользователя. Роль должна предоставлять  минимальные привилегии.

Роль нового пользователя

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

Часовой пояс

Здесь все просто. Если вы планируете публиковать записи с акцентом на дату, планировать публикации (отложенные публикации), вообщем, если время как то используется на вашем сайте, то необходимо настроить wordPress на ваш часовой пояс и выбрать то значение, которое берет начало от Гринвича, для времени вашего сайта.

Правильность выбора поможет проверить отображение времени: UTC: 25.09.2015 14:11:59 Местное время: 25.09.2015 17:11:59

Формат даты и Формат времени

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

Учтите, что ряд плагинов используют правила отображения времени и дат именно исходя из этих настроек.

Первый день недели

Думаю данная настройка не нуждается в пояснении.

Язык сайта

Относительно недавно нам стала доступна еще одна полезная настройка — локализации системы. Решили посмотреть как отображается WordPress на другом языке? Просто выберите нужный 🙂

После внесения изменений не забывайте сохранять настройки!

Рубрики
WordPress Глава 4

Настройки и конфигурация WordPress


Кодекс Источник 1

Вы наверно можете подумать: «А все ли настройки моего сайта сделаны?»  — и это хорошая мысль! Нет не все. Все что мы до этого делали это имеет больше практический характер и затрагивает лицевую сторону сайта (front-end). На самом деле в последнем разделе главного меню навигации с именем «Настройки» перед нами открывается целый мир настроек, способный изменить ваш WordPress и расширить границы возможностей и постепенно со всеми мы и познакомимся в этой главе.

настройки

Краткий обзор настроек

Общие

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

Написание

Этот раздел содержит настройки отвевающие неким образом за публикацию записей, в частности настройки публикации через электронную почту

Чтение

Раздел Чтение последователен в своих настройках предыдущему, в котором мы подготавливались к публикации, а в этом мы непосредственно управляем публикациями на выходе. Мы можем указать число записей для отображения переназначить страницу для записей наш его блога и т.д.

Обсуждения

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

Медиафайлы

Настройки миниатюр

Постоянные ссылки

Настройки, так сказать, машинных не человекопонятных адресов страниц в ЧПУ (человеко-понятные «урлы»)

Рубрики
Глава 4

Использование виджетов в WordPress


Кодекс Источник 1

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

WP виджеты

RSS

rss

RSS-виджет позволяет вам интегрировать поток сообщений из внешнего источника в область вашего сайта, с таких ресурсов, как: ваш Twitter, Facebook, сообщения с Google+ или с других блогов.
Все что вам нужно — это ввести полный (абсолютный) URL RSS-канала ну, например, http://wordpress.org/development/feed/
По мимо указание канала RSS-ленты, мы можем озаглавить ее и настроить, задав:

  • число сообщений в потоке
  • содержимое
  • отобразить автора
  • вывести дату публикации

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

Архивы

Архивы

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

Календарь

Календарь

Отображает календарь текущего месяца. Если дни имеют публикации, то они будут кликабельны и по переходу представлять пользователю список записей за этот день.

Мета

Бэкэнд

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

Фронэнд

Облако тегов (меток)

Метки

Отображает список из лучших тегов сайта в виде облака тегов. По мимо меток для выбора доступна и таксономия.

Поиск

Поиск

Отображает поисковое поле для поиска на вашем блоге.

Произвольное меню

Меню

Отображает пользовательское меню, т.е. меню созданное пользователем.
В выпадающем списке необходимо выбрать нужный вариант меню.

Рубрики

Рубрики

Отображает ссылки на категории (рубрики) в виде маркированного списка.Как видно из рисунка выше, мы можем сделать отображении в виде выпадающего списка и дополнительно отображать число записей, которое содержит данная категория и ее иерархию (вложенность).

Последние записи

Записи

Отображает список последних публикаций блога.
Дополнительным параметром мы можем указать количество сообщений для отображения (не более 15) и дату публикации.

Свежие комментарии

Комментарии

Отображает список последних утвержденных комментарий сайта.
Как и во всех случаях в параметрах виджета мы можем указать Название, которое появляется над списком последних комментариев, а также количество комментариев для отображения (не более 15).

Страницы

Страницы

Выводит ссылки на каждую страницу с возможностью указать параметр сортировки. А параметром последнего поля мы можем исключить по идентификатору, ту или иную страницу из отображения указав ее ID разделенные через запятую.

Текст

Текст

Пожалуй, самый полезный виджет. Он используется для ввода HTML, JavaScript, или простого текста. Возможность использования нескольких экземпляров этого виджета. Учтите, что клик по Enter автоматически добавит абзацы, если вы отметите флажок в соответственном чекбоксе.

Контрольные вопросы:

  1. Какие области для виджетов нам доступны?
  2. Какая разница между областью для виджетов и областью для неиспользуемых виджетов?
  3. Сколько может быть областей для виджетов?
  4. Как сохранить настройки неиспользуемого виджета?
  5. По мимо раздела для виджетов, где еще мы можем управлять нашими виджетами?
Рубрики
Глава 4

Что такое Виджеты?


Кодекс Источник 1

WordPress Виджеты — это дополнительные функции для вашего сайта, вернее сказать вызов тех или иных функций в доступной области сайта. как правило, по умолчанию у нас идет одна область — боковая панель (Sidebar). Помимо  виджетов, которые доступны после установки системы по умолчанию, их наличие так же могут добавлять и различные установленные плагины, об установке которых мы поговорим уже в следующей главе. Поэтому первое правило гласит: «Если, после установки плагина, вы не обнаружили его настройки, то вероятней всего он оформлен в виде виджета и следует проверить их доступность по адресу Внешний Вид > Виджеты«. Так же не стоит забывать, что их настройка доступна и через Theme Customizer (смотреть предыдущую главу).

Пример виджетов

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

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

Установка виджетов

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

Отображение виджетов

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

Перед нами тема «Twenty Fifteen» и в ней доступный сайдбар, который так и назван — «Область для виджетов»:

Установка виджета

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

Удалить виджеты можно тем же методом Drag-and-drop (в переводе с английского означает буквально тащи-и-бросай), но только уже наоборот из области виджетов в область неактивных виджетов, которая находится в нижней части страницы, сразу после доступных к выводу виджетов.

Метод №2 удаления состоит в том, что при клике по виджету мы видим какие дополнительные параметры мы можем ему задать и там же есть ссылка на удаление виджета

Удаление виджета

Обратите внимание, что управление виджетами так же доступно из «кастомайзера», с которым мы знакомились в предыдущей записи.

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

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

 

Рубрики
Глава 4

Настройка темы через WordPress Customizer


Кодекс Источник 1

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

В WordPress версии 3.4 появился дополнительный функционал — настройка темы через визуальный настройщик, именуемый — Customizer.

Обратите внимание! Что возможность настройки темы через «Кастомайзер» возможно будучи авторизованному на сайте и так же стоит понимать, что вероятней всего доступные настройки «кастомайзера» будут разными в разных темах, а в некоторых могут быть и совсем неузнаваемыми (как правило в платных, для того чтобы упростить настройку внешнего вида ).

Перейти в режим настройки темы мы можем с помощью приведенной ниже ссылки…

Кастомайзер

Или же как альтернативой можно воспользоваться ссылкой в панели администратора: Внешний вид > Настроить

Помните! Все измененные настройки применяться лишь в том случае, если вы сохраните изменения, в противном же случае изменения не сохранятся и после перезагрузки страницы все настройки исчезнут.

Кастомайзер

Визуальные настройки темы

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

Давайте рассмотрим и познакомимся с возможностями кастомайзера темы «Twenty Fifteen». Сразу первым блоком мы видим активную тему на данный момент. Естественно вы можете выбрать другую тему и посмотреть свой сайт в другом оформлении. Изменения не вступят в силу пока вы их не примените, поэтому не бойтесь менять темы для просмотра.

Изменение темы

Свойства сайта

Данный раздел позволяет изменять описание и заголовок сайта. отнеситесь к этому серьезно, так как по забегаловку роботы будут понимать, о чем ваш сайт. Не менее приятна будет новая возможность — добавлять иконку для вашего сайта. Да, эта настройка живет здесь!

Задать иконку для сайта

Цвета

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

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

И заключительным блоком в кастомайзере нашей темы будет блок — Статическая главная страница. Эта настройка позволяет вам установить любую страницу вашего сайта в роли главной, тем самым убрав привычный цикл записей, которые по умолчанию и отображаются в WordPress на главной (Front Page) странице.

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

Меню

Получается, что назначение некоторых ссылок этого раздела вам уже будут знакомы.