Как добавить префикс Sponsored Post к заголовку поста в WordPress

Хотите ли вы автоматически добавлять префикс "Sponsored Post" к заголовкам постов блога в WordPress? Как только вы начнете публиковать спонсируемые...

Хотите ли вы автоматически добавлять префикс «Sponsored Post» к заголовкам постов блога в WordPress?

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

В этой статье мы покажем вам, как автоматически добавить префикс «Sponsored Post» к заголовкам ваших постов в WordPress.

Зачем добавлять префикс Sponsored Post к вашим сообщениям?

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

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

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

Например, в США блоггер, публикующий спонсорский пост, должен соблюдать требования Руководства по одобрению от FTC. Это включает в себя раскрытие информации о том, когда пост спонсируется.

Один из способов сделать это — добавить префикс к заголовку каждого спонсируемого поста.

Предварительный просмотр спонсируемого поста с помощью пользовательского CSS

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

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

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

Чтобы добавить префикс ‘Sponsored Post’ к вашим заголовкам, вам необходимо отредактировать файлы темы WordPress. Мы сделаем это, добавив фрагмент пользовательского кода в функции вашей темы.php файл.

Учитывая это, давайте рассмотрим, как добавить префикс «Sponsored Post» к заголовкам ваших постов в WordPress.

Как добавить пользовательское поле Sponsored Post к вашему посту

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

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

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

Параметры редактора блоков

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

Отображение пользовательских полей в блочном редакторе

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

Параметры экрана в классическом редакторе

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

Добавить пользовательское поле

Чтобы добавить новое пользовательское поле, просто введите ‘sponsored’ в текстовое поле Name и ‘true’ в текстовое поле Value.

Добавление нового пользовательского поля

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

В следующий раз, когда вы будете писать спонсируемый пост, все, что вам нужно сделать, это выбрать ‘sponsored’ из выпадающего меню и ввести ‘true’ в поле Value.

Выпадающее меню пользовательского поля

Как добавить префикс Sponsored Post с помощью сниппета кода

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

Для этого вам нужно скопировать и вставить этот фрагмент кода в функции вашей темы.php файл.

add_filter( 'the_title', 'wpb_sponsored' ); function wpb_sponsored( $title ) < global $post; $sponsored_text = ''; $sponsored = get_post_meta($post->ID, 'sponsored', true); if( $sponsored == 'true' && in_the_loop() ) < return $sponsored_text.$title; >return $title; >

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

Вместо этого мы рекомендуем использовать плагин code snippets. Более подробную информацию вы можете найти в нашем руководстве о том, как добавить сниппеты кода в WordPress.

В этом учебнике мы используем WPCode для добавления кода на наш сайт.

Плагин WPCode WordPress code snippets

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

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

После активации плагина перейдите на страницу Сниппеты кода « + Добавьте сниппет из вашей панели администратора WordPress. Затем перейдите к опции ‘Add Your Custom Code (New Snippet)’ и нажмите кнопку ‘Use snippet’.

Добавьте свой новый пользовательский фрагмент кода в WPCode

После этого просто скопируйте и вставьте фрагмент кода в поле кода.

Не забудьте выбрать опцию ‘PHP Snippet’ из выпадающего списка Code Type в правой части экрана.

Добавление сниппета кода для отображения префикса спонсируемых постов в WPCode

Нажмите на тумблер ‘Inactive’, чтобы изменить его на ‘Active’, а затем нажмите на кнопку Save Snippet.

Теперь WordPress начнет отображать префикс. Попробуйте зайти в отредактированный ранее пост, и вы увидите «Sponsored Post» с префиксом к заголовку поста.

Предварительный просмотр префикса спонсируемых постов

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

Если вы изучите фрагмент кода, то заметите, что мы обернули текст спонсируемого поста вокруг CSS-класса, который мы назвали ‘sponsored_text’. Вы можете использовать этот класс CSS для выделения текста внутри заголовка поста.

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

.спонсируемый_текст

Предварительный просмотр спонсируемых постов с помощью пользовательского CSS

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

Как добавить суффикс Sponsored Post с помощью сниппета кода

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

add_filter( 'the_title', 'wpb_sponsored' ); function wpb_sponsored( $title ) < global $post; $sponsored_text = ''; $sponsored = get_post_meta($post->ID, 'sponsored', true); if( $sponsored == 'true' && in_the_loop() ) < return $title.$sponsored_text; >return $title; >

Добавление пользовательского сниппета кода для суффикса Sponsored Post в WPCode

Когда вы изучите код, вы заметите, что мы сделали всего два изменения.

Мы добавили пробел перед спонсируемым текстом, а затем изменили порядок, чтобы сначала отображался $title.

Предварительный просмотр суффикса Sponsored Post с помощью пользовательского CSS

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий