WordPress Словарь Терминов

Что такое functions.php и как его использовать в WordPress?

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

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

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

wp-content/themes/имя_темы/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


Что такое: Типы постов

Типы постов – термин, используемый для различных видов содержания текста на сайте WordPress. В 2003 WordPress был изначально запущен как платформа для блогов. Посты – это общая терминология блоггинга, которая закрепилась за системой WordPress, в то время как она развилась в систему управления контентом (CMS). Когда WordPress добавил разный тип контента, страницы, они назвали это другим видом постов, отсюда и пошло название «тип поста». В поздних версиях WordPress добавил разработчикам возможность зарегистрировать свои собственные виды постов. В целом, тип поста определяет структуру и поведение конкретного контента.

По умолчанию WordPress предлагает следующие типы:

  • Пост (post)
  • Страница (page)
  • Медиафайл (attachment)
  • Ревизия (revision)
  • Пункт навигационного меню (nav_menu_item)

Дизайнеры и разработчики тем могут добавить пользовательские виды постов при помощи функции register_post_type() или одного из множества плагинов.

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


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


Что такое: JavaScript

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' );

Совет: напрямую вставлять JS в файлы темы (например, header.php или footer.php), не рекомендуется. Лучше использовать wp_enqueue_script() и при необходимости wp_localize_script() для передачи данных из PHP в JS.

Организация скриптов в теме

Многие темы содержат отдельную папку /js, где хранятся все JavaScript-файлы. Скрипты вызываются только там, где они нужны. Это ускоряет загрузку страницы и предотвращает ненужную загрузку скриптов.

Пример структуры темы:

/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 – это подтема, которая наследует функциональность, структуру и стили родительской темы. Она позволяет безопасно вносить изменения, не затрагивая файлы исходной темы. Когда родительская тема обновляется, все ваши правки, сделанные в дочерней теме, продолжают работать, а обновление не стирает внесённые изменения. Поэтому работа через дочернюю тему считается надёжным способом кастомизации. Вы меняете не файлы родительской темы, а создаёте их переопределённые версии в дочерней.

Чтобы создать дочернюю тему, необходимо создать отдельную папку внутри каталога тем. Главный файл, без которого она не будет распознана, — это style.css. В его заголовке указывается родительская тема через параметр Template, который должен точно соответствовать имени папки родительской темы. После включения дочерней темы её стили подключаются поверх стилей родительской, поэтому вы можете переопределять любые правила CSS. Родительская тема при этом продолжает работать полностью, предоставляя функциональность, которую вы не изменяли в дочерней теме.

Пример правильного файла style.css дочерней темы

/*
 Theme Name:   My Child Theme
 Theme URI:    https://example.com/
 Description:  Child theme for the Twenty Twenty-Five theme
 Author:       Your Name
 Author URI:   https://example.com/
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  my-child-theme
*/

/* Ваши пользовательские стили */

Важно:
Template: должен быть строго названием папки родительской темы. Например, если тема находится в /wp-content/themes/twentytwentyfive, то Template: twentytwentyfive.

Пример functions.php для правильного подключения стилей

Хотя дочерняя тема может работать и без собственного functions.php, на практике он нужен почти всегда — прежде всего для подключения стилей родительской темы.

<?php
add_action( 'wp_enqueue_scripts', 'my_child_theme_styles' );
function my_child_theme_styles() {
    // Подключаем стиль родительской темы
    wp_enqueue_style(
        'parent-style',
        get_template_directory_uri() . '/style.css'
    );

    // Подключаем стиль дочерней темы
    wp_enqueue_style(
        'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( 'parent-style' )
    );
}

Структура файлов дочерней темы

Минимальная структура выглядит так:

my-child-theme/
│
├── style.css ← обязательный файл
├── functions.php ← подключение стилей и пользовательский код
└── screenshot.png ← (необязательно) миниатюра темы в админке
Вы можете добавлять в дочернюю тему любые файлы с такой же структурой, что и у родительской. Если файл существует и в родительской, и в дочерней теме — используется файл дочерней.

Пример переопределения шаблона:

my-child-theme/
└── header.php ← заменит header.php родительской темы

Поддержка theme.json в дочерних темах

Если родительская тема является блочной темой (FSE), она использует файл theme.json. В дочерней теме можно создавать свой theme.json — он:

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

Пример минимального theme.json в дочерней теме:

{
  "version": 2,
  "settings": {
    "color": {
      "palette": [
        {
          "name": "Брендовый цвет",
          "slug": "brand",
          "color": "#0066ff"
        }
      ]
    }
  }
}


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


Что такое: Экран Администратора

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

WordPress

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

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

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

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


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


Что такое: .htaccess

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

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

В секции Адмнистрирования WordPress Настройки> Постоянная ссылка, у Вас есть возможность выбрать опцию структуры Вашего URL. WordPress автоматически обновит Ваш .htaccess файл, чтобы применить выбранную структуру.

Если WordPress не сможет сделать это автоматически, то Вас попросят сделать это вручную. Редактировать вручную файл .htaccess немного рискованно, так как это может привести к ошибкам на сервере, если настройки будут неверными. Поэтому будьте уверены, что копируете только ту информацию, которую WordPress рекомендует.

Стоит учитывать, что если Ваш сайт работает на Nginx, то .htaccess не используется — правила перенаправлений, перезаписи URL и кэширования задаются в конфигурации Nginx (например, через nginx.conf) или через панель управления хостинга. При этом современные панели управления (cPanel, Plesk, RunCloud и др.) часто предоставляют возможность автоматического редактирования .htaccess с резервным копированием, что снижает необходимость ручного вмешательства.

Такие плагины как W3 Total Cache, WP Rocket и другие современные решения для кэширования и оптимизации, изменяют Ваш .htaccess файл для настройки кэширования, сжатия и оптимизации ресурсов сайта.

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

Если Вы используете CDN (Cloudflare, BunnyCDN и др.), часть перенаправлений и кэширования может управляться на уровне CDN, а не через .htaccess, что также стоит учитывать при настройке сайта.


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


Что такое CSS

CSS, или каскадные таблицы стилей, — это язык, который используется для описания внешнего вида и форматирования HTML-документов. С помощью CSS можно задавать оформление, цвета, шрифты, размеры, расположение элементов и поведение интерфейса на разных устройствах. Темы WordPress используют CSS и HTML, чтобы выводить данные, сгенерированные системой. Каждая тема WordPress содержит файл style.css, где находятся правила и стили, определяющие внешний вид страниц.

CSS остаётся простым в изучении и использовании. Существует множество ресурсов и онлайн-учебников, которые помогают освоить основы буквально с нуля. Пользователи WordPress могут быстро понять принципы, просто открыв файл темы style.css и посмотрев, как заданы стили.

Пример:

body {
  font-size: 16px;
  color: #333;
  background-color: #fff;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
}

h1 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.post-title {
  font-size: 1.25rem;
  color: #4c0000;
  font-weight: 500;
}

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

Пример HTML:

<div id="header">
  <h1 class="blog-title">
    <a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>">
      <?php bloginfo('name'); ?>
    </a>
  </h1>
</div>

Показанный выше HTML содержит идентификатор ‘header’  и класс ‘blog-title’. Эти разделы могут быть застилизованы CSS.

Пример CSS:

#header {
  background-color: #4c0000;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

h1.blog-title a {
  color: #fff;
  font-size: 1.5rem;
  font-family: Georgia, "Times New Roman", serif;
  text-decoration: none;
}

CSS позволяет создавать не только базовое оформление, но и гибкие, адаптивные макеты. Современные сайты используют Flexbox и CSS Grid, чтобы элементы автоматически подстраивались под разные размеры экрана.

Пример адаптивного блока:

.posts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  padding: 1rem;
}

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

Кроме того, в CSS можно задавать переменные, что упрощает поддержку стилей и создание дизайн-систем:

:root {
  --color-primary: #4c0000;
  --color-text: #333;
}

body {
  color: var(--color-text);
}

a {
  color: var(--color-primary);
}

CSS стал основой визуальной части Интернета, позволяя дизайнерам и разработчикам создавать быстрые, адаптивные и красивые сайты.


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


Что такое: Локальный хост

В компьютерных сетях Локальный хост означает «этот компьютер». Когда Вы вбиваете URL в Ваш браузер, то Вы фактически к «хост» компьютеру где бы то ни было. Этот компьютер предоставляет Вам страницу, которую Вы запрашивали. Если Вы введете «локальный хост» в Ваш браузер, тогда Ваш браузер будет знать, что Вы хотите подключиться к компьютеру, который Вы сейчас используете. Если Ваш компьютер использует такое серверное ПО, как Apache, тогда браузер предоставит Вам веб-страницу Вашего же компьютера, иными словами известного, как Локальный хост. Каждый компьютер подключенный к интернету имеет IP адрес и Ваш локальный хост тоже его имеет. Обычно IP адрес является – 127.0.0.1.

Локальный хост часто используется для тестирования и развития. Когда разработчик устанавливает программное обеспечение WAMP, LAMP, MAMP, LocalWP, Laragon или DevKinsta, тогда они вводят “локальный хост” в их браузер, чтобы запустить сайт WordPress.

Другой распространенный способ использования Локального хоста заключается в том, когда Вы пытаетесь подключиться к Вашей базе данных MySQL. Обычно это происходит, когда вы устанавливаете WordPress на Ваш сервер. Заходя за рамки данной статьи можно уточнить что, когда Вы устанавливаете WordPress у Вас спрашивают название хоста, которое обычно и есть Локальный хост. Причина проста- WordPress и MySQL оба устанавливаются на один сервер. Чтобы им работать друг с другом, они должны быть осведомлены об этом. Говоря WordPress, что сервер Вашей базы данных MySQL это “локальный хост” , Вы попросту говорите WordPress искать базу данных на этом же компьютере.


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


Что такое SSL

SSL это аббревиатура для Secure Sockets Layers, это шифрующие протоколы, используемые в интернете для защиты обмена информации и предоставления информации о сертификатах.

Эти сертификаты помогают пользователю удостовериться в подлинности сайта, с которым он имеет дело. SSL также может называться TLS — защитный протокол транспортного слоя.

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

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

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

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


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