TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

60

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

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

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

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

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

1 Скачивание страниц из разных начальных шаблонов

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

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

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

Установите плагин Astra Starter Template

  • При просмотре демонстрационных шаблонов вы можете увидеть два варианта.

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

Импортировать шаблон одной страницы в Astra

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

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

Шаблон страницы успешно импортирован

  • Точно так же выберите разные шаблоны из разных демонстраций для импорта на свой сайт.

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

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

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

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

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

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

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

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

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

10 советов по настройке темы 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 бесплатными плагинами».

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

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

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

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

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

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

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

add_filter( 'astra_enable_default_fonts', '__return_false' );

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

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

8 Конструктор верхних и нижних колонтитулов

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

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

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

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

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

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

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

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

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

Плагин Astra Hooks

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

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

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

Связано: 7 лучших тем портфолио WordPress.

10 Использование пользовательского макета для вставки разделов

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

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

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

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

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

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

Источник записи: www.webnots.com
Leave A Reply

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