Как добавить редактируемый из админ-панели текст в подвал сайта в WordPress

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

Видео-версия

Для реализации данной возможности воспользуемся фреймворком Customizer, входящим в состав WordPress.

В качестве примера возьмем строку «Сайт работает на WordPress» в подвале сайта.

Т.к. манипуляции будем производить над одной из тем из каталога WordPress, то подключимся по FTP и создадим и активируем дочернюю тему.

Затем откроем файл functions.php дочерней темы и добавим следующий код:

add_action('customize_register', 'dco_customize_register');

function dco_customize_register($wp_customize) {
    //Добавляем новую вкладку в раздел Внешний вид -> Настроить админ-панели
    $wp_customize->add_section('footer', array(
        'title' => 'Подвал',
        'priority' => 1, //с помощью этого параметра можно регулировать положение вкладки в списке вкладок
    ));

    //Указываем имя настройки, которая будет содержать текст для подвала
    $setting_name = 'footer_text';
    //и добавляем ее
    $wp_customize->add_setting($setting_name, array(
        'default' => '', //с помощью этого параметра можно задать текст по умолчанию
        'sanitize_callback' => 'sanitize_textarea_field',
        'transport' => 'postMessage'
    ));

    //Добавляем область для ввода текста на созданную нами вкладку
    $wp_customize->add_control($setting_name, array(
        'section' => 'footer',
        'type' => 'textarea',
        'label' => 'Текст в подвале',
    ));

    //Добавляем поддержку предпросмотра изменений без полного обновления страницы
    $wp_customize->selective_refresh->add_partial($setting_name, array(
        'selector' => '.site-info', //должен содержать class или id элемента с текстом в подвале
        'render_callback' => function() use ($setting_name) {
            return nl2br(esc_html(get_theme_mod($setting_name)));
        }
    ));
}

add_action('customize_register', 'dco_customize_register');

function dco_customize_register($wp_customize) {

//Добавляем новую вкладку в раздел Внешний вид -> Настроить админ-панели

$wp_customize->add_section('footer', array(

'title' => 'Подвал',

'priority' => 1, //с помощью этого параметра можно регулировать положение вкладки в списке вкладок

));

//Указываем имя настройки, которая будет содержать текст для подвала

$setting_name = 'footer_text';

//и добавляем ее

$wp_customize->add_setting($setting_name, array(

'default' => '', //с помощью этого параметра можно задать текст по умолчанию

'sanitize_callback' => 'sanitize_textarea_field',

'transport' => 'postMessage'

));

//Добавляем область для ввода текста на созданную нами вкладку

$wp_customize->add_control($setting_name, array(

'section' => 'footer',

'type' => 'textarea',

'label' => 'Текст в подвале',

));

//Добавляем поддержку предпросмотра изменений без полного обновления страницы

$wp_customize->selective_refresh->add_partial($setting_name, array(

'selector' => '.site-info', //должен содержать class или id элемента с текстом в подвале

'render_callback' => function() use ($setting_name) {

return nl2br(esc_html(get_theme_mod($setting_name)));

}

));

}

Теперь скопируем шаблон template-parts/footer/site-info.php из родительской темы.

и заменим

<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentyseventeen' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentyseventeen' ), 'WordPress' ); ?></a>

1	<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentyseventeen' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentyseventeen' ), 'WordPress' ); ?></a>

на

<?php echo nl2br(esc_html(get_theme_mod('footer_text'))); ?>

1	<?php echo nl2br(esc_html(get_theme_mod('footer_text'))); ?>

При необходимости текст по умолчанию можно указать вторым параметром:

<?php echo nl2br(esc_html(get_theme_mod('footer_text', 'текст по умолчанию'))); ?>

1	<?php echo nl2br(esc_html(get_theme_mod('footer_text', 'текст по умолчанию'))); ?>

Сохраняем изменения, переходим в раздел Внешний вид -> Настроить и щелкаем по вкладке «Подвал», либо по иконке карандаша в нижней части сайта.

Вводим необходимый текст и сохраняем.

19 thoughts on “Как добавить редактируемый из админ-панели текст в подвал сайта в WordPress”

евгений 03.07.2018 в 16:36

Скажите, для каждого блока код придётся дублировать?
Хочу я например таких редактируемых полей сделать штук 10

Ответить ↓

Даниил 14.08.2018 в 10:08

Всегда думал, что такие штуки лучше делать через виджеты. Т.е. создать позицию для вывода виджета и вставлять туда хоть 100 блоков.

Ответить ↓

Danil 07.08.2019 в 18:12

У меня не получается кто то может помочь?

Ответить ↓

Bad logistics companies 11.08.2019 в 14:23

The worst logisxtics company ran by Mitch Ward. He really needs to get his act together https://www.mwlogistics.com/

Ответить ↓

MatthewImamp 03.09.2019 в 02:07

http://mysite.ru

Ответить ↓

MiraAvera 18.11.2019 в 21:10

Работа в интернете

Ответить ↓

StevWigree 28.11.2019 в 06:22

Purchase Generic Bentyl Dicyclomine Muscle Spasms Medication Tablet Diovan Viagra En Ligne Danger viagra Cialis Prix Pharmacie Belgique

Ответить ↓

ConWHAZY 13.12.2019 в 20:04

Перевозка грузов MSC

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

http://www.msc.com.ru

Ответить ↓