Как правильно вносить изменения в темы wordpress?

Что можно изменить в шаблоне WordPress?

отображение текста — выделяем фаербагом текст и ищем в стилях его свойства, к примеру font-size: 14px это размер шрифта, color это цвет теста, font-family семейство шрифтов и т.д.
width и height размеры элементов длина и высота,
border рамки.
img картинки и иконки, обычно идут вместе с ссылками
margin и padding отступы внешние и внутренние
позиционирование элементов
background свойства фона
И многое другое, для любого элемента вашей страницы можно прописать свои стили.

Иногда случается, что стили для отдельных элементов прописываются не в style.css, а в других css-файлах, их название и местоположение вы можете легко увидеть в Firebug и спокойно править эти элементы.

Так же возможно и такое, что для отдельных элементов правила могут прописываться в самом html коде в атрибуте style. В таком случае нужно уже править php файл. Как найти нужный нам php файл мы узнали из предыдущего урока.

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

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

Ну а теперь пришло время вплотную заняться плагинами и узнать как происходит их установка.

Обработка изображений

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

Но общее решение состоит в том, чтобы задавать изображениям максимальную ширину – 100%. А именно вот так:

img {
  max-width:100%;
}

Вот как отображается графика на сайте после применения этого решения:

Читабельность

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

Юзабилити

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

Темы

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

Куда добавлять CSS стили для других тем

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

Предположим, что вы установили дочернюю тему, вы можете менять её в консоли WordPress, зайдя во Внешний вид → Редактор:

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

Потом вам нужно просто добавить ваш кастомный CSS так же, как мы это сделали в Divi. Для начала, добавьте комментарий:

/* Plugin CSS Styles Start Here */

Далее добавьте ваш кастомный CSS стиль под этой строкой:

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

Дополнения по теме

1. Код, приведенный в предыдущем фрагменте работает 100%, только что его тестировал. Но мне вспоминается алгоритм подключения jQuery в WordPress и других скриптов, где тот или иной JS-скрипт сначала регистрируется через wp_register_style(), а затем вызывалась функция wp_enqueue_style(). Однако в описании последней функции сказано, что если предварительно стиль не зарегистрирован, то это будет автоматически сделано (то есть, по идее, достаточно только ее одной).

2. Если вам нужно изменить оформление админки для плагинов и вы решили загрузить соответствующий CSS-файл в директорию определенного модуля, то подключать в бэкенде его следует так:

function change_plugin_styles() {
	wp_register_style( 'newcss-plugin', plugins_url( 'НАЗВАНИЕ_ПЛАГИНА/new_plugin.css' ) );
	wp_enqueue_style( 'newcss-plugin' );
}
add_action('admin_enqueue_scripts', 'change_plugin_styles');

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

ВАЖНО! Перед использованием подставьте в данном коде название модуля, куда вы предварительно загрузили файл new_plugin.css (или другой)

3. Также в одном обсуждении увидел совет, что если ваш CSS-код зависит от другого файла стилей, то следует юзать функцию wp_add_inline_style() с тем же хуком admin_enqueue_scripts. Она позволяет добавить дополнительные правила, когда основные CSS-стили уже загружены. Вот пример из codex.wordpress.org:

function my_styles_method() {
	wp_enqueue_style(
		'custom-style',
		get_template_directory_uri() . '/css/custom_script.css'
	);
        $color = get_theme_mod( 'my-custom-color' ); 
        $custom_css = "
                .mycolor{
                        background: {$color};
                }";
        wp_add_inline_style( 'custom-style', $custom_css );
}
add_action( 'admin_enqueue_scripts', 'my_styles_method' );

4. Кстати, если захотите изменить вид страницы логина, то вместо admin_enqueue_scripts используйте:

add_action('login_head', 'my_admin_style');

Либо может сработать (не тестил):

add_action('login_enqueue_scripts', 'my_admin_style');

P.S. Пару слов по поводу моего примера применения данной задачи, озвученного в начале статьи. Многие серьезные веб-разработчики могут сказать, что подсвечивать поля вместо их удаления не совсем корректно, но тут есть определенные нюансы. Во-первых, как правило, клиент предпочитает экономить бюджет, поэтому, как мне кажется, ему предпочтительнее выбирать «подсвеченные красным» параметры нежели доплачивать за максимальную модификацию плагина. Во-вторых, в ходе правки модуля вы рискуете добавить лишних ошибок или возникнет сложность с его дальнейшим обновлением. В-третьих, иногда клиенту может понадобится вернуть то, что вы удалили и т.п.

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

Как можно расширять свои знания об адаптивном дизайне?

Тестирование ранее посещаемых сайтов

Если тестировать все посещаемые сайты на разных устройствах, то через некоторое время это войдет в привычку. Некоторые сайты абсолютно по-разному выводятся на экран на разных устройствах. Например, Google использует абсолютно отличающиеся таблицы стилей в зависимости от ширины экрана устройства. Такой метод требует дополнительного кода CSS помимо стандартного CSS, и применяется еще и на таких крупных сайтах, как Google, Amazon, Yahoo.

Другие методы

Также в самообразовании в сфере отзывчивого дизайна поможет:

Чтение тематических блогов и руководств
Прохождение курсов
Посещение воркшопов
Пополнение знаний о CSS3 и использовании Media Queries
Самостоятельное внедрение знаний на практике
Создание, пусть и простого, сайта с помощью основ HTML и CSS для понимания принципа их работы.

Дополнительные функции

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

Давайте рассмотрим подробнее.

1. Добавление встроенных стилей: wp_add_inline_style()

Если в используемой вами теме на WordPress есть опции, позволяющие настроить стили темы, вы можете печатать встроенные стили с помощью функции wp_add_inline_style():

<?php
 
function mytheme_custom_styles() {
    wp_enqueue_style( 'custom-style', get_template_directory_uri() . '/css/custom-style.css' );
    $bold_headlines = get_theme_mod( 'headline-font-weight' ); // let's say its value is "bold"
    $custom_inline_style = '.headline { font-weight: ' . $bold_headlines . '; }';
    wp_add_inline_style( 'custom-style', $custom_inline_style );
}
add_action( 'wp_enqueue_scripts', 'mytheme_custom_styles' );
 
?>

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

2. Проверка статуса очереди таблицы стилей: wp_style_is()

В некоторых случаях нам может понадобиться информация о статусе стиля: зарегистрирован ли он, находится ли в очереди, распечатан или находится в ожидании печати. Эту информацию можно проверить с помощью функции wp_style_is():

<?php
 
/*
 * wp_style_is( $handle, $state );
 * $handle - name of the stylesheet
 * $state - state of the stylesheet: 'registered', 'enqueued', 'done' or 'to_do'. default: 'enqueued'
 */
 
// wp_style_is() example
function bootstrap_styles() {
 
    if( wp_style_is( 'bootstrap-main' ) {
     
        // enqueue the bootstrap theme if bootstrap is already enqueued
        wp_enqueue_style( 'my-custom-bootstrap-theme', 'http://url.of/the/custom-theme.css' );
         
    }
     
}
add_action( 'wp_enqueue_scripts', 'bootstrap_styles' );
 
?>

3. Добавление метаданных в стили: wp_style_add_data()

На WordPress есть одна замечательная функция под названием wp_style_add_data(), которая позволяет добавлять мета-данные в стиль используемой темы, включая условные комментарии, RTL поддержку и многое другое!

Вот как она выглядит:

<?php
 
/*
 * wp_style_add_data( $handle, $key, $value );
 * Possible values for $key and $value:
 * 'conditional' string      Comments for IE 6, lte IE 7 etc.
 * 'rtl'         bool|string To declare an RTL stylesheet.
 * 'suffix'      string      Optional suffix, used in combination with RTL.
 * 'alt'         bool        For rel="alternate stylesheet".
 * 'title'       string      For preferred/alternate stylesheets.
 */
 
// wp_style_add_data() example
function mytheme_extra_styles() {
    wp_enqueue_style( 'mytheme-ie', get_template_directory_uri() . '/css/ie.css' );
    wp_style_add_data( 'mytheme-ie', 'conditional', 'lt IE 9' );
    /*
     * alternate usage:
     * $GLOBALS->add_data( 'mytheme-ie', 'conditional', 'lte IE 9' );
     * wp_style_add_data() is cleaner, though.
     */
}
 
add_action( 'wp_enqueue_scripts', 'mytheme_ie_style' );
 
?>

4. Вычеркивание стилей из списка с помощью wp_deregister_style()

Если у вас когда-либо будет необходимость вычеркнуть стиль таблицы (например, чтоб зарегистрировать ее с обновленной версией), то вы можете это сделать с помощью wp_deregister_style().

Смотрите пример:

<?php
 
function mytheme_load_modified_bootstrap() {
    // if bootstrap is registered before...
    if( wp_script_is( 'bootstrap-main', 'registered' ) ) {
        // ...deregister it first...
        wp_deregister_style( 'bootstrap-main' );
        // ...and re-register it with our own, modified bootstrap-main.css...
        wp_register_style( 'bootstrap-main', get_template_directory_uri() . '/css/bootstrap-main-modified.css' );
        // ...and enqueue it!
        wp_enqueue_style( 'bootstrap-main' );
    }
}
 
add_action( 'wp_enqueue_scripts', 'mytheme_load_modified_bootstrap' );
 
?>

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

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

Дочерние темы WordPress

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

Для создания новой дочерней темы, дайте ей новую папку в директории и поместите в неё пустой файл с названием style.css. Путь до вашего файла стилей будет выглядеть следующим образом: , где — название нашей новой дочерней темы.

Откройте файл style.css вашей дочерней темы в вашем любимом текстовом редакторе, и впишите в него следующий код:

/**
 * Theme Name: My Child Theme
 * Template: twentytwelve
 */
@import url("../twentytwelve/style.css");

body { background: red; }

Директивой мы указываем название нашей дочерней темы, а на следующей строке директивой указываем на родительскую тему, которую хотим использовать. В нашем случае это тема Twenty Twelve, которая находится в директории .

После заголовка темы, командой мы включаем стили темы Twenty Twelve, а всё что следует ниже — наш собственный CSS код. В нашем случае мы изменяем цвет фона на красный.

Сохраните изменения в файл style.css вашей дочерней темы, и загрузите всю директорию на сервер по FTP. Вы увидите, что ваша новая дочерняя тема доступна при выборе тем в разделе Внешний вид → Темы.

Дочерняя тема WordPress

Таким образом, при редактировании файла style.css вашей дочерней темы все изменения будут отображаться на вашем сайте, а при обновлении родительской темы, ваши наработки не пострадают.

Редактирование CSS с помощью плагина

Ещё одним методом редактирования CSS кода в WordPress является использование плагина. Существует немалое количество плагинов, позволяющих изменять таблицу стилей. Мы рекомендуем бесплатный плагин Jetpack, который содержит модуль Custom CSS.

Редактор CSS в Jetpack

Модуль Custom CSS позволяет редактировать стили прямо из панели администрирования WordPress и не требует FTP доступа или особых настроек хостинг площадки. Custom CSS имеет подсветку и проверку синтаксиса, поддерживает ревизии, а так же несколько CSS препроцессоров (LESS и Sass).

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

Отключаем ненужные CSS из wp_head()

Некоторые плагины WordPress требуют для себя дополнительных стилей и поэтому подключают их к сайту указанным выше способом (как правило, это первый способ, т.е. через функцию wp_enqueue_style()).

Так вот, допустим какой-то вредный плагин наподключал вам на сайт всяких CSS, которые вам не нужны. Или допустим они вам всё-таки нужны, но вы хотите объединить их содержимое в один файл (ну как вариант). Как следует поступать в таких случаях?

Почему нельзя удалить найденный кусок кода прямо из плагина? Да потому что нам нельзя изменять содержимое файлов плагинов и движка — это не профессионально. К тому же такие тёмные дела обычно чреваты последствиями.

function remove_css_from_wp_head() {
    wp_dequeue_style( 'тут_идентификатор_отключаемого_файла' );
}
 
add_action( 'wp_enqueue_scripts', 'remove_css_from_wp_head', 9999 ); // параметр 9999 можно опустить, это чтобы наверняка

Почему мой сайт WordPress не обновляется?

Как мы упоминали во введении, наиболее частая причина того, что ваш сайт WordPress не обновляется, — это проблемы с кешированием.

Существуют различные типы кеширования, которые могут мешать вам видеть изменения на вашем сайте WordPress:

Кэширование браузера- сохраняет определённые статические файлы на локальных компьютерах посетителей в кеше веб-браузера.
Кэширование страниц- сохраняет статическую HTML-версию вашего сайта, а не использует PHP для её генерации «на лету» при каждом посещении.
А также кэширование CDN- ускоряет глобальную загрузку за счёт кеширования статического контента вашего сайта в сети серверов по всему миру.

Теперь вам не нужно разбираться в механизмах кэширования. Основная проблема в том, что более ранняя версия вашего сайта всё ещё сохраняется в «кеше».

Таким образом, даже если вы обновили версию на своём сервере WordPress, посетители (и вы) могут по-прежнему видеть старую и кэшированную версию вашего сайта, скрывая изменения, которые вы недавно внесли в эфир.

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

Помимо проблем с кешированием, ещё одна причина, по которой вы можете не видеть изменений на своём сайте WordPress, может быть связана с разрешениями на вашем сайте. Это особенно часто бывает, если вы создаёте динамические сайты, где разные пользователи видят разный контент, например, на сайте членства.

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

Разобравшись с этим, давайте разберёмся, как решить проблему.

Редактирование файла style.css вашей темы

Самым распространённым спобом редактирования CSS кода вашего сайта WordPress является его изменение в файле style.css вашей активной темы. Все темы в WordPress находятся в директории и по названию вашей активной темы, вы сможете легко определить в какой директории она располагается.

Для редактирования файла style.css вашей темы вам необходимо иметь доступ к сайту через FTP, или поддержку изменения файлов темы прямо из панели администрирования WordPress. Если изменение файлов из панели администратора поддерживается вашим хостинг провайдером, вы найдёте эту возможность в разделе Внешний вид → Редактор.

Редактор темы в WordPress

Убедитесь, что в списке справа выбран файл style.css (таблица стилей). Редактировать файлы .php таким образом крайне не рекомендуется, поскольку малейшая ошибка может привести к поломке вашего сайта. Более надёжным методом является редактирование через FTP.

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

Подключение шрифтов сервиса GoogleFonts

Сервис GoogleFonts периодически меняет правила подключения шрифтов, усовершенствуя их. Например, сейчас уже можно загружать переменные шрифты, отсортировав их среди всех с помощью флажка «Show only variable fonts». Если же вам это не принципиально, то вы выбираете подходящий шрифт, варианты начертания, а затем копируете ссылку, расположенную справа внизу.

Точнее, вам нужна будет не вся ссылка, а содержимое атрибута . Именно его вам необходимо добавить в качестве параметра $src в функцию , например, так:

Подключение шрифта от Google

PHP

wp_enqueue_style( ‘google-fonts’, «https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400&display=swap», array(), null );

1	wp_enqueue_style(‘google-fonts’,»https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400&display=swap»,array(),null);

В файле header.php до вызова функции ) вам нужно будет добавить еще строку:

1	<link rel=»preconnect»href=»https://fonts.gstatic.com»>

Внесение изменений в CSS фай темы при помощи встроенного инструмента WordPress

В новых версиях WordPress есть возможность вносить CSS стили в разделе настроек темы, при этом внесённый код сохраняется не в файлах активной темы, а в базе данных и при обновлении темы не затирается.

Для использования этого инструмента переходим в раздел «Внешний вид» — «Настроить» и вбираем пункт «Дополнительные стили».

Здесь мы можем дописывать CSS стили для элементов темы.

Особенности встроенного редактора:

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

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

Я отобрала 3 наиболее удобные, на мой взгляд плагина которые помогут вам в решении проблемы с обновлением темы WordPress.

Использование темы WordPress и импорт контента

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

Вы выберите понравившуюся тему оформления и скачаете архив с ней. Затем в панели администрирования перейдите в раздел Внешний вид> Темы > Добавить новую, установите и активируйте новую тему.

После этого нужно импортировать контент с вашего старого сайта. Для этого панели администрирования перейдите в меню Плагины > Добавить новый. Найдите плагин HTML Import 2 от Stephanie Leary, установите и активируйте его. После чего используйте данный плагин для импорта контента из старого (статического) сайта.

Вариант 2. Кодирование параметров в имена файлов с использованием .htaccess

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

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

Расширьте свой файл .htaccess следующими строками:

Шаг 2. Загрузите и активируйте этот плагин.

Возьмите на Gist:

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

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

Плагин рейтинга создан автором этого блога. Буду очень признателен, если вы сможете его поддержать (ссылка)

p.s. Если статья была полезной и вас переполняет чувство благодарности, можете поддержать меня долларом на патреоне

Реальный пример: Contact Form 7

Давайте рассмотрим реальный пример. Представим, что вы хотите изменить стиль формы обратной связи Contact Form 7. Вы установите плагин и получите похожую форму:

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

.wpcf7 input,
.wpcf7 input,
.wpcf7 textarea
{
    border: 1px solid #000000;
}

В редакторе ваш CSS должен выглядеть так:

После сохранения таблицы стилей и обновления вашей формы обратной связи, вы должны увидеть это:

Теперь границы полей ввода выделены черной рамкой.

Если вы используете Divi, то ваш код будет таким же, только добавляется он в другом месте:

Конечно, это просто эксперимент, поскольку вам не нужен плагин формы обратной связи в Divi. Но этот метод сработает с любым плагином!

Loading CSS Only on Specific Pages

WordPress relies on multiple plugins to add different kinds of functionality to a website. The CSS and JavaScript needed by those plugins is usually required on specific pages. This means that loading the same unused CSS on every page results in unnecessary bloat.

In this section, we will learn how to only load CSS into WordPress on those pages where it is actually required.

In the following code snippet, we register the scripts and styles for the Chart.js library when the hook is fired. After that, we enqueue these files conditionally when the hook is fired.

The function is used to determine if we are enqueuing the script and stylesheet on the right page. You can pass individual strings and numbers or their arrays to check for multiple pages at once. In our case, the Chart.js files will be enqueued on pages that show sales and quarterly results.

Some Extra Functions

There are some very useful functions about CSS in WordPress: They allow us to print inline styles, check the enqueue state of our style files, add metadata for our style files, and deregister styles.

Let’s have a look.

Adding Dynamic Inline Styles:

If your theme has options to customize the styling of the theme, you can use inline styling to print them with the function:

Quick and easy. Remember, though: You have to use the same handle name with the stylesheet you want to add inline styling after.

Checking the Enqueue State of the Stylesheet:

In some cases, we might need the information on a style’s state: Is it registered, is it enqueued, is it printed or waiting to be printed? You can determine it with the function:

Adding Metadata to the Stylesheet:

Here’s an awesome function called which allows you to add metadata to your style, including conditional comments, RTL support, and more!

Check it out:

Awesome, isn’t it?

If I’m not mistaken, this is the first tutorial ever written about this little—but useful—function.

Deregister Style Files With

If you ever need to «deregister» a stylesheet (in order to re-register it with a modified version, for example), you can do it with .

Let’s see an example:

Although it’s not required, you should always re-register another style if you deregister one—you might break something if you don’t.

There’s also a similar function called , which removes the enqueued stylesheets, as its name suggests.

Заключение

В большинстве случаев проблемы, связанные с изменениями WordPress, которые не отображаются на вашем сайте, связаны с проблемами кеширования (кеширование браузера, кеширование страниц или кеширование CDN).

Исправление состоит в том, чтобы очистить кеш, вызывающий эти проблемы, и убедиться, что и вы, и ваши посетители просматриваете самую последнюю версию вашего сайта. Если вы не уверены, какой кеш вызывает проблему, мы рекомендуем очистить их в том порядке, который мы показали вам в этом посте: сначала кеш браузера, затем кеш страницы и, наконец, кеш CDN.

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

Заключение

Если вы использовали эту статью как инструкцию для переноса вашего HTML-сайта на WordPress, то вы только что присоединились к самому большому сообществу в мире.

И не забывайте, что на официальном сайте WordPress.org доступно множество тем, плагинов и других инструментов. Если хотите и дальше совершенствовать созданную тему оформления, загляните в Кодекс. Здесь можно найти большое количество советов, приёмов и вариантов использования WordPress.

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

Сергей Бензенкоавтор-переводчик статьи «Converting HTML Sites to WordPress Sites»