Последние публикации сайта:

Подключаем библиотеку jQuery для скриптов и плагинов на WordPress.

Дата публикации: 21.09.2014

Просмотров: 11

Если на вашем блоге Wordpress установлены какие-либо плагины, то при использовании темы, который мы только что написали, в консоле браузера, вы можете обнаружить вот такую ошибку.

jQuery is not defined

21-09-2014 18-42-49

Эта ошибка означает то, что в активной теме не подключена библиотека jQuery.

Давайте посмотрим, как ее можно правильно подключить в Wordpress теме.

Как и в случае с подключением стилей CSS файла style.css, для подключения библиотеки jQuery нам понадобиться файл functions.php темы.

Вот содержимое этого файла, которое мы имеем на данный момент:

Добавляем заголовок title для страниц WordPress темы.

Дата публикации:

Просмотров: 11

Еще одно изменение, которое хотелось бы внести в файл header.php темы, это сделать так, чтобы Wordpress сам добавлял содержимое тэга <title> в зависимости от настроек блога.

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

На всех страницах блога будет один и тот же заголовок. Это совсем не хорошо для цели продвижения в поисковых системах.

Давайте решать эту проблему.

Как правило, в качестве значения элемента title, на Wordpress выводят название блога, которое задается здесь (Настройки - Общие):

21-09-2014 16-47-33

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

Добавляем кодировку страниц из настроек WordPress.

Дата публикации:

Просмотров: 11

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

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

Давайте сейчас откроем содержимое файла header.php и добавим кодировку к файлам нашей темы.

Кодировку желательно подключать сразу после того, как был открыт тэг <head>. Делается это с помощью следующего выражения.

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

В итоге, имеем следующее содержимое файла header.php.

С помощью консоли проверяем, что кодировка страниц успешно прописалась.

Добавляем боковую колонку сайта. Файл sidebar.php.

Дата публикации:

Просмотров: 11

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

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

Можете прямо сейчас создать пустой php-файл с таким названием и разместить его в папке с темой.

Откройте его и заполните следующим содержимым:

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

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

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

Шапка и подвал блога на WordPress. Файлы header.php и footer.php.

Дата публикации:

Просмотров: 11

На многих сайтах так называемые области "шапки" (header) и "подвала" (footer) повторяются на многих страницах.

Вот как выглядят эти области в нашем примере:

08-09-2014 5-38-30

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

Так как содержимое этих частей, как правило, повторяется на многих страницах сайта, код для них выносят в отдельные файлы header.php для шапки и footer.php для подвала.

Зачем это делается?

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

Страница 6 из 116« Первая...45678...203040...Последняя »