10 советов по настройке темы Astra

Astra – одна из самых популярных тем, доступных в бесплатном репозитории тем WordPress. Существует более 1 миллиона активных установок с рейтингом почти 5 звезд от 5K + пользователей. Вы можете легко найти эту тему в категории «Популярные» при попытке установить тему из панели администратора. Если вы используете бесплатную тему Astra с надстройкой Pro, вот несколько советов, как настроить тему и вывести ваш сайт на новый уровень.



10 советов по настройке темы Astra

Astra предлагает большинство настроек в разделе «Внешний вид> Настройка», как и любые другие стандартные темы WordPress. Однако вы можете легко заблудиться с сотнями доступных опций. Кроме того, с темой Astra также возможны дополнительные плагины и изменения макета. Здесь мы перечислим 10 лучших советов по настройке темы Astra.

Бесплатная тема Astra

1. Загрузите страницы из разных начальных шаблонов

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

  • После активации плагина Astra Pro вы увидите уведомление администратора в плагине и других разделах для использования начальных шаблонов. Нажмите кнопку «Начать», чтобы установить плагин Starter Template. Кроме того, вы можете найти и установить плагин из раздела репозитория плагинов WordPress.
Установите плагин Astra Starter Template
Установите плагин Astra Starter Template
  • При просмотре демонстрационных шаблонов вы можете увидеть два варианта.
Импортировать шаблон отдельной страницы в Astra
Импортировать шаблон отдельной страницы в Astra
  • Вы можете либо импортировать полный шаблон, либо импортировать выбранные шаблоны страниц. Таким образом, вы можете импортировать только понравившиеся страницы из разных демонстрационных шаблонов.
  • Вы увидите сообщение о том, что любые дополнительные плагины, необходимые для шаблонов страниц, будут установлены, когда вы импортируете шаблон.
  • Дальнейшие действия импортируют шаблон страницы, и вы увидите сообщение об успешном завершении, как показано ниже.
Шаблон страницы успешно импортирован
Шаблон страницы успешно импортирован
  • Точно так же выберите разные шаблоны из разных демонстраций для импорта на свой сайт.

Примечание: Мы рекомендуем вам выбирать шаблоны для того же конструктора страниц, как Gutenberg или Elementor. Это поможет вам избежать установки на ваш сайт нескольких плагинов. Все импортированные шаблоны страниц будут в статусе черновиков, вам нужно отредактировать контент и опубликовать страницы.

2. Добавьте Yoast SEO или Rank Math Breadcrumb

В большинстве случаев вы будете использовать плагин Yoast SEO с темой Astra для поисковой оптимизации. Одна из проблем с Yoast заключается в том, что вы вручную отредактировали файл шаблона темы (в основном single.php или header.php), чтобы вставить след хлебных крошек. Однако тема Astra решает эту проблему за вас, предлагая эту опцию в настройщике. Перейдите в раздел «Внешний вид> Настроить» и выберите положение для вашей навигационной крошки в разделе «Хлебные крошки». Щелкните раскрывающийся список «Источник хлебных крошек» и выберите вариант «Хлебные крошки Yoast SEO».

Вставить хлебную крошку Yoast или Rank Math
Вставить хлебную крошку Yoast или Rank Math

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

Связанный: GeneratePress Premium против Astra Pro – Какая тема вам больше всего подходит?

3. Вставьте теги снизу.

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

Отображение тегов в Astra
Отображение тегов в Astra

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

// removes the tags in meta below the title
add_filter( 'astra_post_tags', 'remove_tags_callback' ); 
function remove_tags_callback(){ return ' '; } 
add_action('wp', 'tags_call_back'); 
function tags_call_back(){ 
if( is_single() )
{ add_action( 'astra_entry_bottom' , 'add_tags_callback'); } 
}
// display the tags with link at the respective action hook function add_tags_callback(){ 
$output="";
$tags_list = get_the_tag_list( '', __( ', ', 'astra' ) ); 
if ( $tags_list ) { $output .= '' . $tags_list . ''; } 
if( ! empty($tags_list))
{ echo 'Tags: ' . $output . ''; } 
}

4. Отображение даты последнего обновления

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

function your_prefix_post_date( $output ) {
    $output="";
    $format        = apply_filters( 'astra_post_date_format', '' );
    $modified_date = esc_html( get_the_modified_date( $format ) );
    $modified_on   = sprintf(
                         esc_html( '%s' ),
                     $modified_date
    );
    $output       .= '';
    $output       .= ' ' . $modified_on . '';
    $output       .= '';
    return $output;
}
add_filter( 'astra_post_date', 'your_prefix_post_date' );

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

Плагин диспетчера боковой панели
Плагин диспетчера боковой панели

Щелкните ссылку «Активировать» напротив «Диспетчера боковой панели». Это установит и активирует плагин на вашем сайте и перейдет на страницу «Настройки» плагина. Здесь вы можете создать новую боковую панель и заменить боковую панель по умолчанию. Щелкните раскрывающийся список «Отображать на» и выберите «Определенные страницы / сообщения / Таксономии и т. Д.» вариант. Затем выберите «Все в единственном числе из вашей категории», чтобы отобразить боковую панель только для этой конкретной категории.

Пользовательская боковая панель для определенных категорий
Пользовательская боковая панель для определенных категорий

6. Отключите загрузку файла значков шрифтов.

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

add_filter( 'astra_enable_default_fonts', '__return_false' );

7. Кэширование WooCommerce

Если вы используете WooCommerce, в большинстве случаев он не будет отзывчиво работать с темой Astra при использовании с плагинами кеширования, такими как WP Rocket. Это создаст проблемы на мобильных устройствах, которые страницы товаров и магазинов будут загружаться так же, как и на компьютере. Вы можете ознакомиться с нашей статьей о том, как исключить страницы WooCommerce из кеширования, чтобы убедиться, что страницы вашего магазина правильно загружаются на мобильных устройствах.

Последний профессиональный аддон имеет красивый конструктор хедеров и футеров. Вы можете использовать эти параметры для создания макетов верхнего и нижнего колонтитула в соответствии с вашими потребностями. После активации надстройки Pro перейдите в раздел «Внешний вид> Настроить» и начните создавать разделы конструктора верхнего и нижнего колонтитула.

Конструктор заголовков тем Astra
Конструктор заголовков тем Astra

Кроме того, вы также можете активировать опцию «Заголовки страниц» в разделе «Внешний вид> Параметры Astra». Это поможет вам создать отдельные заголовки страниц или заголовки на уровне всего сайта в разделе «Внешний вид> Параметры Astra> Заголовки страниц> Добавить новый».

Конструктор заголовков страниц в Astra
Конструктор заголовков страниц в Astra

9. Используйте плагин Hooks для вставки кода.

Следующие советы по теме Astra предназначены для тех, кто заинтересован во вставке фрагментов кода на свой сайт. Пользователи темы Pro могут использовать опцию Custom Layout для вставки Google Analytics и других вставок макета. Если вы пользуетесь бесплатной темой, вам необходимо установить плагины Astra Hooks для вставки кода в верхний и нижний колонтитулы.

Плагин Astra Hooks
Плагин Astra Hooks

После установки и активации плагина «Astra Hooks» он автоматически добавит дополнительные параметры в раздел настройщика WordPress в разделе «Хуки». Вы можете вставлять коды по всему сайту в заголовок, нижний колонтитул, боковую панель, комментарий или область содержимого.

Использование крючков Astra
Использование крючков Astra

Связанный: Топ-7 тем портфолио WordPress.

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

Пользователи Pro могут использовать функцию настраиваемого макета для вставки содержимого HTML и сценария в любом месте сайта без плагина Astra Hooks. После активации опции «Пользовательские макеты» вы можете создать раздел макета и вставить его на основе правил. Вы можете вставить код Google Analytics, используя действие wp_head. Обязательно нажимайте кнопку «Редактор кода WordPress» на верхней панели администратора при вставке кодов. Это поможет вам использовать правильные одинарные и двойные кавычки в вашем коде.

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

Создайте собственный макет в теме Astra
Создайте собственный макет в теме Astra

Заключительные слова

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

Похожие записи

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