WordPress. Управление материалами

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

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

Применение (в файле functions.php вашей темы):

add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' );

function themeslug_enqueue_style() {
    wp_enqueue_style( 'my-theme', 'style.css', false );
}

function themeslug_enqueue_script() {
    wp_enqueue_script( 'my-js', 'filename.js', false );
}

ВАЖНО! Это ошибка начинающих разработчиков. Функция ничего не выведет, если в теме не используется wp_head() или wp_footer(). Именно в момент вызова этих функций срабатывает хук, который добавляет скрипты.

Также эта функция должна вызываться до wp_footer(), иначе скрипты вообще не будут подключены.

Не нужно указывать путь жестко, используйте функции: plugins_url() (для плагинов) и get_template_directory_uri() (для тем). Например:

wp_enqueue_style( 'ui_style', get_template_directory_uri().'/ui_style.css', false );

jquery регистрируется в WP по умолчанию. Поэтому для его подключения достаточно одной строки:
wp_enqueue_script(‘jquery’);

Эту функцию принято вызывать во время следующих событий (хуков):

wp_enqueue_scripts — для внешней части сайта;
admin_enqueue_scripts — для админ-панели;
login_enqueue_scripts — для страницы входа (wp-login.php).

Управление контентом

Следующие темы в целом интуитивно понятны. Поэтому просто дам ссылки на материалы по работе с ними.

роли и права
    https://misha.agency/wordpress/roli-i-vozmozhnosti.html
материалы
    посты (записи)
        https://wordpress.com/ru/support/posts/
    редактор gutenberg
        https://freelance.today/poleznoe/polnoe-rukovodstvo-po-redaktoru-gutenberg-wordpress-2021-g.html
    таксономия
        https://misha.agency/course/taksonomii
    меню
        https://misha.agency/course/menu-wordpress

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *