Коды WordPress 9, чтобы оживить ваш блог и улучшить UX

Статья написана: Луана Спинетти
  • WordPress
  • Обновлено: октябрь 26, 2020

WordPress легко настраивается и устанавливается, готовый к работе, как только вы публикуете свой блог.

Но использование параметров WordPress по умолчанию может привести к потере от вашего имени:

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

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

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

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

Чтобы получить бесплатную котировку, заполните эту форму запроса.

Дайте им попробовать и дайте мне знать, как они сработали для вас! ;)

Коды 9 для улучшения вашего блога WordPress

Я предлагаю вам два типа фрагментов кода в этом сообщении:

  1. Коды Codex
  2. Фрагменты кода и виджеты

Коды Codex являются фрагментами PHP, которые я написал сам (с помощью моего жениха, Simone), строго используя Кодекс WordPress.org как ссылка.

Фрагменты кода и виджеты - это готовые фрагменты кода PHP (или плагины WordPress), которые свободно доступны на других сайтах и ​​на WordPress.org, но я также включил фрагменты моего жениха, и я написал с нуля, используя открытые и ссылки на Codex.

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

Коды Codex

1. Дифференцировать липкие сообщения

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

<?php is_sticky(); ?>

Только одна функция вернет только значения TRUE или FALSE, поэтому вы можете здесь, если написать условную конструкцию (if / else) для управления вашими липкими сообщениями. Пример:

<?php if is_sticky() {
  the_title();
  the_time('M, d, Y');
  the_excerpt();
}
else {
  include 'post-template.php';
}

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

Каждый тип поста будет иметь свою собственную таблицу стилей CSS, но мы здесь не определяем стили; только шаблоны.

Single.php - это шаблон по умолчанию для отдельных сообщений (вы найдете его в каждой теме WP по умолчанию).

Если вы разработали собственную тему WP, но у вас нет шаблонов для одиночных сообщений, вы можете следовать руководству Codex здесь, .

2. Отображение URL-адреса

Это может быть интересно добавить в ваш шаблон. Если вы хотите, чтобы ваши читатели получали URI для каждой из ваших страниц (или сообщений), просто используйте следующий тег в шаблоне single.php, page.php или even index.php:

">

Вместо использования the_permalink, который является наиболее очевидным выбором и работает во всех случаях, WP позволяет использовать две альтернативные формы для постов и страниц:

 <?php echo get_page_link(); ?> 

Например, ваш шаблон страницы может включать:

Ссылка на сайт:

3. Извлечение и отображение идентификационного номера

Даже если вы настроите структуру permalink как пользовательскую и оптимизированную для SEO, вы все равно можете показать своим посетителям идентификатор сообщения, добавив эту простую функцию в свою мета-линию:

<?php the_ID(); ?>

Использование образца:

<p class="meta">Posted by Author's Name. Post ID is <?php the_ID(); ?></p>

4. Список категорий по ID

Стандартная функция WordPress:

<?php get_all_category_ids() ?>

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

{$ cat_id}: {$ cat_name} ";}?>

… И как это отображается:

категория WP код

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

Что делает этот код?

Код получает все идентификаторы категорий и имя категории для каждого идентификатора, затем он связывает идентификатор со ссылкой на категорию, в то время как он отображает имя категории после «:» - следовательно, эхо-сигнал () выражение {$ cat_id} : {$ cat_name}.

5. Подробная страница пользователей / авторов для вашего блога

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

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

Прежде всего, вам нужно создать копию вашего файла page.php. Переименуйте свою копию на любое имя - я назвал свой users.php.

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

Теперь откройте файл users.php (или его имя) и примените следующий код:

 <?php
 $result = count_users();
 echo 'There are ', $result['total_users'], ' total users';
 foreach($result['avail_roles'] as $role => $count)
 echo ', ', $count, ' are ', $role, 's';
 echo '.';
 ?> 

Этот код использует count_users Функция указана как «использование по умолчанию» в Кодексе. Вы можете просмотреть живой пример этого кода на http://robocity.in/users/.

После этого кода давайте добавим кое-что об администраторе блога:

Я использовал count_user_posts здесь, следуя формату использования, предложенному Codex.

Функция get_userdata полезно показать корреляцию между определенным именем пользователя и реальным именем человека, использующего его. Увидеть ниже:

Логин пользователя; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo "$ first_name $ last_name входит на свой сайт WordPress с именем пользователя $ username."; ?>

Это самая интересная функция, которую вы можете использовать на странице авторов / пользователей - get_users функция:

'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). ' '; }?>

Эта функция получит список пользователей в соответствии с определенными параметрами, которые вы можете настроить в коде. В приведенном выше примере (взятом со страницы Кодекса и отредактированном для соответствия моей странице пользователей на Robocity.in) я хочу получить список администраторов для блога с идентификатором 1 (текущий блог), упорядоченный по 'nicename', и для каждого пользователя, Я хочу отображать имя пользователя и адрес электронной почты в предложении типа «Имя пользователя - [электронная почта защищена]».

Если вы хотите, чтобы в журнале были зарегистрированы что-то о себе, вы можете использовать get_currentuserinfo функция для получения, скажем, имени пользователя и адреса. Я не использовал эту функцию в своем примере, но креативность не знает границ, верно? ;)

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

6. Альтернатива… Архивы!

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

Не облегчит ли вашим читателям понимание возраста и глубины архивов вашего блога? :)

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

Дата публикации)); return $ output; } function getLastPostID () {список ($ post) = get_posts (array ('posts_per_page' => 1)); вернуть $ post-> ID; }?> В этом блоге есть сообщения с . Последний пост был опубликован . Вы хотите посетить определенный архив? 'ежемесячно', 'format' => 'option', 'show_post_count' => 1)); ?>

Что делает этот код?

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

Чтобы получить первое сообщение в блоге - обычно с ID = 1, мы пишем echo formatPostDate (1, '% B% e,% Y') в первом абзаце: этот код использует функцию formatPostDate и принимает в качестве параметров идентификатор сообщения. # 1 и стандартный английский формат даты и возвращает дату.

Чтобы получить последнее сообщение в блоге, мы используем formatPostDate (getLastPostID (), '% B% e,% Y'), чтобы получить идентификатор последнего сообщения и формат даты (снова на английском языке) и распечатать дату на экран.

7. Проверьте, использует ли посетитель мобильное устройство

Muneeb на WP-Snippets.com поделился интересным фрагментом кода (функцией), чтобы проверить, использует ли посетитель вашего сайта мобильное устройство.

Код доступен здесь, .

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

8. Используйте конструкцию if / else для управления содержимым боковой панели страницы

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

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

Кодекс приходит к вам с помощью get_sidebar ($ название) функция. Использование прост:

  1. Создайте (скажем) боковую панель для своих комментариев. Назовите его sidebar-quotes.php
  2. В основном файле sidebar.php (или файле заголовка или индекса, в соответствии со структурой вашей темы WP) напишите get_sidebar («кавычки»); для включения файла «sidebar-quotes.php».

Вы получите более тонкую боковую панель с вызовами на другие суб-боковые панели, которые вы можете оптимизировать с конструкциями if / else, если знаете немного PHP-кода для WordPress.

Возможно, вы этого не знаете, но когда вы используете общий код get_sidebar (), он будет включать «sidebar.php», потому что вы не добавляли аргумент $ name. Это использование по умолчанию. Когда вы добавляете «-name» после «sidebar * .php», вы можете вызвать это расширение имени с аргументом $ name.

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

9. Инструмент для интеграции фрагментов кода на ваш сайт WordPress

Снимок экрана

Фрагменты кода это бесплатный плагин WordPress, созданный Shea Bange, который позволяет вам легко добавлять фрагменты кода в ваш блог.

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

Том Эвер на WPMUDev.org написал интересное введение в этот плагин, но самый полезный ресурс, который я нашел до сих пор для фрагментов кода, - это форум поддержки плагинов на WordPress.org.

К вам!

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

О Луане Спинетти

Луана Спинетти - независимый писатель и художник, базирующийся в Италии, и страстный студент Компьютерной науки. Имеет диплом о высшем образовании в области психологии и образования и посетила 3-курс в комиксе, из которого она закончила 2008. Будучи многогранной персоной, она проявила большой интерес к SEO / SEM и веб-маркетингу с особым склонностью к социальным медиа, и она работает над тремя романами на своем родном языке (итальянский), который она надеется Инди скоро опубликует.

Подключение: