15 Делает и не делает эффективную тему WordPress

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


1. Не вводите полные URL в свои темы

Когда вы создаете свои темы, могут быть случаи, когда изображения используются для значков социальных сетей или значков RSS-каналов, и во время этих моментов в вашем кодировании вы можете захотеть закодировать полный URL-адрес (т. Е. / Wp-content /themes/your-theme-name/images/image.jpg) но это приведет к ошибкам на веб-сайте всякий раз, когда человек, использующий вашу тему, меняет имя папки своей темы.

Ниже приведены правильные коды для динамического извлечения полных URL..

<?php bloginfo (‘stylesheet_directory’); ?>/images/image.jpg

2. Используйте теги шаблона как можно больше

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

3. Не забывайте навигационные выпадающие коды

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

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

4. Сделайте ваш виджет темы готовым

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

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

Также не забудьте проверить темы виджетов учебник здесь в Theme Lab.

5. Не заставляйте пользователей полагаться на многочисленные плагины, чтобы ваша тема работала

Если вы выпускаете темы бесплатно или создаете коммерческие темы WordPress, вы должны заинтересовать своих конечных пользователей играть в то, как вы создаете свои темы. Загромождение ваших тем 5-10 необходимыми плагинами не только приведет к разочарованию людей при загрузке и настройке вашей темы на их сайте, но и к тому, что многие люди вообще не будут ее скачивать, потому что, давайте посмотрим правде в глаза, люди не не занимает внимания более 2-3 секунд.

Например, если вы собираетесь настроить нумерацию страниц в своей теме, почему бы не использовать эту статью, чтобы узнать, как настроить ее в своей теме автоматически. Cats Who Code имеет довольно хороший учебник по как добавить нумерацию страниц в вашу тему без необходимости активировать плагин.

6. Показать поисковый запрос на странице результатов поиска

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

Ниже приведен код, используемый для замены вашего текущего заголовка «Результаты поиска» в вашей теме..

Результаты поиска для <?php the_search_query () ?>

7. Не наполовину задница ваших 404 страниц с ошибками

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

Если вы ищете вдохновение на 404 страницах, Smashing Magazine витрина убийцы 404 страниц со всего Интернета, который стоит проверить.

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

Когда вы создаете тему WordPress, очень важно убедиться, что вы можете настроить ее как можно больше прямо с самого начала. Начинать с файловой комбинации index.php, header.php, sidebar.php и footer.php может показаться минималистам хорошей идеей, но я бы посоветовал начать со всех основ ниже, чтобы дать Вы немного больше контролируете то, что отображается – когда, где и как.

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

Для получения дополнительной информации об этих файлах шаблонов и о том, что они делают, проверьте иерархия шаблонов страница на WordPress.org.

9. Не забудьте об интеграции RSS

Когда вы создаете свой блог, одним из элементов, который привлекает внимание людей больше всего, является возможность подписаться на ваш блог через программу чтения RSS. Таким образом, вместо того, чтобы требовать от пользователей вашей темы добавления этой информации в себя, почему бы не предпринять шаги для добавления в поле подписки на RSS, как вы делаете это в окне поиска. Добавьте кнопку RSS, возможность подписки по электронной почте, и вы также можете даже добавить количество подписчиков в текст, добавив этот бит кода в свою тему, где вы хотите, чтобы она отображалась (замените «feedburner-id» на свой собственный FeedBurner ID – если вы выпускаете эту тему в дикой природе, взгляните на # 11 в нашем списке и убедитесь, что у вас есть это в качестве опции).

<?PHP
// получить крутой счетчик подачи
$ Whaturl ="http://api.feedburner.com/awareness/1.0/GetFeedData?uri=feedburner-id";

// Инициализируем сессию Curl
$ ch = curl_init ();

// Устанавливаем curl для возврата данных вместо печати в браузер.
curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1);

// Установить URL
curl_setopt ($ ch, CURLOPT_URL, $ whaturl);

// Выполнить выборку
$ data = curl_exec ($ ch);

// Закрыть соединение
curl_close ($ ч);
$ xml = new SimpleXMLElement ($ data);
$ fb = $ xml->подача->запись [ ‘циркуляция’];
echo $ fb;
// конец получаю крутой счетчик подачи
?>

10. Добавляйте стили CSS для комментариев

Если вы создаете тему, вы всегда должны быть готовы к многопоточным комментариям. Это функция в WordPress, которую многие блоги используют для построения взаимодействия в разделе комментариев. Итак, подготовка вашей таблицы стилей для многопоточных комментариев – отличная идея. У Криса отличный пост CSS-коды для стандартных CSS-классов, которые WordPress выкладывает в разделе комментариев, придание вашей теме стилизованного раздела комментариев без необходимости трогать файл comments.php.

11. Не выпускайте тему без панели настроек

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

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

12. Убедитесь, что ваши темы работают из коробки

Это идет рука об руку с номером 5 в списке – вы всегда должны убедиться, что ваши темы работают прямо из коробки. Некоторые темы, которые я видел, требуют 5-6 шагов, прежде чем тема станет работоспособной на сайте, включая, помимо прочего, активацию плагина и редактирование / сохранение панели параметров темы. Если тема требует определенных вещей, убедитесь, что используется резервный элемент по умолчанию.

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

13. Не используйте слишком много пользовательских полей

Да, большинство тем WordPress в журнальном стиле, созданных пару лет назад, создавались с использованием настраиваемых полей на каждом шагу, но большинство людей не захотят заполнять 3, 4 или 5 настраиваемых полей для каждого сообщения. Так что сделай все проще для них. Если вы собираетесь показать изображение из поста на главной странице вашей темы, возьмите этот полезный фрагмент кода и добавьте его в файл functions.php вашей темы, и он автоматически будет публиковать первое изображение, без необходимости настраиваемое поле.

// Получить URL первого изображения в записи
function catch_that_image () {
глобальный $ post, $ posts;
$ first_img = ”;
ob_start ();
ob_end_clean ();
$ output = preg_match_all (‘// i’, $ post->post_content, $ match);
$ first_img = $ соответствует [1] [0];

// изображение не найдено отображаемое изображение по умолчанию
если (пусто ($ first_img)) {
$ first_img = "/images/default.jpg";
}
вернуть $ first_img;
}

После того, как вы добавили этот код, просто добавьте <?php echo catch_that_image (); ?> в файлах вашей темы, где бы вы хотели, чтобы изображение отображалось.

Благодаря доброму Форумы поддержки WordPress за этот полезный совет.

14. Сделайте SEO свой тег

Отличный способ убедиться, что ваша тема готова для SEO, – это удалить тег по умолчанию, найденный в вашем файле header.php themes, и заменить его кодами ниже. Это даст немного больше смысла названиям вашей темы и поможет SEO-усилиям, которые пользователи тем захотят применить на практике – и все это без необходимости прикасаться к чему-либо..

<?php if (is_home ()) { ?><? bloginfo ( ‘имя’); ?> | <?php bloginfo (‘описание’); ?><?php} ?>
<?php if (is_search ()) { ?>Результаты поиска для <?php / * Количество запросов * / $ allsearch = &новый WP_Query ("s = $ s&showposts = -1"); $ key = wp_specialchars ($ s, 1); $ count = $ allsearch->POST_COUNT; _e ( ”); echo $ key; _e (‘â € ”); echo $ count. ”; _e ( ‘статьи’); wp_reset_query (); ?><?php} ?>
<?php if (is_404 ()) { ?><? bloginfo ( ‘имя’); ?> | 404 Ничего не найдено<?php} ?>
<?php if (is_author ()) { ?><? bloginfo ( ‘имя’); ?> | Автор Архивы<?php} ?>
<?php if (is_single ()) { ?><?php wp_title (”); ?> | <?php $ category = get_the_category (); echo $ category [0]->cat_name; | <?php bloginfo (‘имя’); ?><?php} ?>
<?php if (is_page ()) { ?><? bloginfo ( ‘имя’); ?> | <?php $ category = get_the_category (); echo $ category [0]->cat_name; ?>|<?php wp_title (”); ?><?php} ?>
<?php if (is_category ()) { ?><?php single_cat_title (); ?> | <?php $ category = get_the_category (); echo $ category [0]->category_description; ?> | <? bloginfo ( ‘имя’); ?><?php} ?>
<?php if (is_month ()) { ?><? bloginfo ( ‘имя’); ?> | Архив | <?php the_time (‘F, Y’); ?><?php} ?>
<?php if (is_day ()) { ?><? bloginfo ( ‘имя’); ?> | Архив | <?php the_time (‘F j, Y’); ?><?php} ?>
<?php if (function_exists (‘is_tag’)) {if (is_tag ()) { ?><?php single_tag_title ("", правда); }} ?> | <? bloginfo ( ‘имя’); ?>

15. Не забывай о сухарях

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

Во-первых, добавьте приведенные ниже коды в ваш файл functions.php темы (немного настроенный из оригинального поста Cats Who Code, ссылка выше).

function the_breadcrumb () {
эхо

    «;
    if (! is_home ()) {
    эхо
  • «;
    эхо “Дом”;
    эхо "
  • ";
    if (is_category () || is_single ()) {
    эхо

  • «;
    the_category (»
  • «);
    if (is_single ()) {
    эхо "
  • ";
    the_title ();
    эхо
  • «;
    }
    } elseif (is_page ()) {
    эхо

  • «;
    echo the_title ();
    эхо
  • «;
    }
    }
    elseif (is_tag ()) {single_tag_title ();}
    elseif (is_day ()) {echo"

  • Архив для "; the_time (‘F jS, Y’); эхо»
  • «;}
    elseif (is_month ()) {echo"

  • Архив для "; the_time (‘F, Y’); эхо»
  • «;}
    elseif (is_year ()) {echo"

  • Архив для "; the_time ( ‘Y’); эхо»
  • «;}
    elseif (is_author ()) {echo"

  • Архив автора"; эхо»
  • «;}
    elseif (isset ($ _ GET [‘paged’]) && !пусто ($ _ GET [‘paged’])) {echo "

  • Архив блога"; эхо»
  • «;}
    elseif (is_search ()) {echo"

  • результаты поиска"; эхо»
  • «;}

    эхо

«;
}

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

<?php the_breadcrumb (); ?>

Спасибо, что прочитали статью

Спасибо, что нашли время, чтобы прочитать статью. Я надеюсь, что вам понравилось и вы узнали кое-что по пути – я знаю, что сделал. Если вам понравился пост или есть что добавить, сообщите нам в комментариях.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map