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

Где находится functions.php и как его использовать

Файл functions.php расположен в папке вашей темы:

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

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

Что можно делать через functions.php (с примерами)

Файл functions.php позволяет расширять функциональность темы и подключать собственные функции, хуки и фильтры. Ниже приведены основные задачи и примеры их реализации.

Включение поддержки миниатюр (thumbnails):

add_theme_support( 'post-thumbnails' );

Добавление новых форматов записей:

add_theme_support( 'post-formats', array( 'aside', 'gallery', 'quote' ) );

Создание навигационных меню:

register_nav_menus( array(
    'main_menu' => 'Главное меню',
    'footer_menu' => 'Меню в футере',
) );

Подключение собственных скриптов и стилей:

function my_theme_scripts() {
    wp_enqueue_style( 'main-style', get_stylesheet_uri() );
    wp_enqueue_script( 'custom-js', get_template_directory_uri() . '/js/custom.js', array('jquery'), null, true );
}
add_action( 'wp_enqueue_scripts', 'my_theme_scripts' );

Автоматическое добавление текста в конец каждой записи:

function add_custom_text($content) {
    if (is_single()) {
        $content .= '<p>Спасибо за чтение! Подпишитесь на обновления.</p>';
    }
    return $content;
}
add_filter('the_content', 'add_custom_text');

Создание собственного виджета:

class Welcome_Widget extends WP_Widget {
    function __construct() {
        parent::__construct('welcome_widget', 'Приветственный виджет');
    }
    function widget($args, $instance) {
        echo $args['before_widget'] . '<p>Добро пожаловать на наш сайт!</p>' . $args['after_widget'];
    }
}
add_action('widgets_init', function() {
    register_widget('Welcome_Widget');
});

Регистрация пользовательского типа записи (Custom Post Type):

function create_portfolio_post_type() {
    register_post_type('portfolio',
        array(
            'labels' => array('name' => 'Портфолио'),
            'public' => true,
            'has_archive' => true,
            'supports' => array('title', 'editor', 'thumbnail')
        )
    );
}
add_action('init', 'create_portfolio_post_type');

Что лучше помещать в functions.php, а что — в плагин

Functions.php идеален для:

• функций, тесно связанных с темой и её визуальной частью,
• подключения стилей, скриптов, меню, миниатюр, форматов постов, виджетов, кастомных шорткодов, хуков для темы.

Плагин лучше использовать, если:

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

Советы по работе с functions.php

• Используйте дочернюю тему для внесения изменений, чтобы обновления основной темы не стерли ваши функции.
• Минимизируйте количество кода в functions.php — если функционал большой или универсальный, лучше сделать плагин.
• Всегда тестируйте добавленные функции на локальном или тестовом сайте, чтобы не сломать сайт на продакшене.
• Используйте хуки (actions и filters), чтобы не изменять ядро WordPress и тем самым сохранить совместимость с будущими обновлениями.

Вывод

Файл functions.php остаётся ключевым инструментом для добавления PHP-функций и расширения функционала темы. Он позволяет гибко настраивать сайт, подключать стили и скрипты, добавлять виджеты, шорткоды и пользовательские типы записей.

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

JavaScript — это язык программирования, встроенный в браузеры, который делает веб-страницы «живыми». Программы на этом языке называются скриптами. В браузере они подключаются к HTML и выполняются сразу после загрузки страницы. JS позволяет добавлять динамичные элементы на сайт: слайдеры, всплывающие окна, кнопки, интерактивные формы и другие элементы интерфейса.

JavaScript в WordPress

WordPress темы и плагины активно используют JavaScript для создания интерактивных и динамических элементов. Чаще всего используется комбинация:

• Vanilla JS (чистый JavaScript без библиотек)
• AJAX для динамических запросов без перезагрузки страницы
• jQuery (для обратной совместимости и старых тем)
• Современные фреймворки в продвинутых темах: React, Vue.js, Alpine.js

JavaScript может быть добавлен к теме или плагину через стандартные функции WordPress:

// Регистрация и подключение скрипта
wp_register_script( 'custom-js', get_template_directory_uri() . '/js/custom.js', array('jquery'), null, true );
wp_enqueue_script( 'custom-js' );

/wp-content/themes/my-theme/
├── js/
│   ├── main.js
│   ├── slider.js
│   └── popup.js
├── style.css
├── functions.php
└── index.php

Стандартные библиотеки WordPress

WordPress включает несколько библиотек, которые можно использовать в своих темах и плагинах:

• jQuery — для обратной совместимости
• Underscore.js — утилитарные функции
• Backbone.js — для создания структурированных клиентских приложений
• wp.i18n — для интернационализации
• wp.apiFetch — для AJAX-запросов к REST API

Пример подключения встроенной библиотеки:

wp_enqueue_script( 'jquery' ); // Подключение jQuery

Вывод

JavaScript остаётся основным инструментом для создания интерактивных сайтов на WordPress. Современные темы используют сочетание ванильного JS, AJAX и фреймворков. Организованный и правильно подключённый JS делает сайт быстрее, удобнее и современнее.

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520

Термин Экран Администратора используется для описания различных секций в WordPress, связанных с областью администраторской панели. Причина по которой используется термин «Экраны» а не «страницы», заключается в том, чтобы избежать путаницы между административными экранами и обычными страницами (как типом поста), которые могут быть созданы, отредактированы или удалены пользователем.

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

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

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

Администраторы могут также изменять файлы темы или добавлять пользовательский код через экран «Редактор файлов» (Theme File Editor), однако в современных версиях WordPress его использование не рекомендуется, так как прямое редактирование файлов может привести к ошибкам и потере изменений. Для визуального изменения оформления в админ-панели доступен встроенный инструмент Additional CSS в настройщике (Customizer), если он включён темой; он позволяет безопасно добавить собственный CSS без изменения файлов темы.

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520