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

Статья написана:
  • WordPress
  • Обновлено: май 08, 2019

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.

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

Я понимаю, что фрагментов кода 9 может быть недостаточно для тех из вас, кто любит экспериментировать с большим и большим количеством различного кода, поэтому я уверен, что наш Роберт Лудроски 25 удобные фрагменты кода для разработчиков WordPress будет насыщать ваш голод (по крайней мере на некоторое время). ;)

Коды 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:

<a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a>

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

<? php echo get_post_permalink (); ?>
 <? php echo get_page_link(); > 

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

<p> Ссылка: <a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a> </ p>

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

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

<?php the_ID(); ?>

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

<p class = "meta"> Отправлено авторским именем. Идентификатор сообщения: <? Php the_ID (); ?> </ P>

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

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

<? php get_all_category_ids ()?>

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

<? php $ category_ids = get_all_category_ids (); foreach ($ category_ids как $ cat_id) {$ cat_name = get_cat_name ($ cat_id); $ category_link = get_category_link ($ cat_id); // нам нужна ссылка cat, чтобы URL работал! echo "<a href=\"‹$category_link‹\"> {$ cat_id} </a>: {$ cat_name} <br/>"; }?>

... и как это отображается:

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

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

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

Код получает все идентификаторы категорий и имя категории для каждого идентификатора, затем он связывает идентификатор с ссылкой категории, пока он отображает название категории после «:» - следовательно, эхо-сигнал () выражение <a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>.

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

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

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

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

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

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

 <? php $ result = count_users (); echo 'Есть', $ result ['total_users'], 'total users'; foreach ($ result ['util_roles'] как $ role => $ count) echo ',', $ count, 'are', $ role, 's'; echo '.'; ?> 

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

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

<? php printf (__ ('Количество сообщений, публикуемых пользователем «Лидеры»:% d', 'text-dom-here'), count_user_posts (1)); ?>

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

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

<? php $ user_info = get_userdata (1); $ username = $ user_info-> user_login; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo "$ first_name $ last_name входит на свой сайт WordPress с именем пользователя $ username."; ?>

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

<? php $ blogusers = get_users ('blog_id = 1 & orderby = nicename & role = administrator'); // Массив объектов WP_User. foreach ($ blogusers как $ user) {echo '<span>'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). '</ SPAN> <br/>'; }?>

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

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

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

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

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

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

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

<? php function formatPostDate ($ postId, $ format = '% F') {$ post = get_post ($ postId); $ output = strftime ($ format, strtotime ($ post-> post_date)); вернуть $ output; } function getLastPostID () {list ($ post) = get_posts (array ('posts_per_page' => 1)); вернуть $ post-> ID; }?> <p> В этом блоге есть сообщения, начиная с <? php echo formatPostDate (1, '% B% e,% Y'); ?>. <br/> Последнее сообщение было опубликовано в <? php echo formatPostDate (getLastPostID (), '% B% e,% Y'); ?>. </ p> <p> Вы хотите посетить определенный архив? </ p> <select name = "archive-dropdown" onchange = "document.location.href = this.options [this.selectedIndex]. value; "> <option value =" "> <? php echo esc_attr (__ ('Выбрать архив')); ?> </ option> <? php wp_get_archives (array ('type' => month /, 'format' => 'option', 'show_post_count' => 1)); ?> </ select>

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

Функция 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 («quotes»); для включения файла «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 и веб-маркетингу с особым склонностью к социальным медиа, и она работает над тремя романами на своем родном языке (итальянский), который она надеется Инди скоро опубликует.

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