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

10 порад щодо налаштування теми Astra

4

Astra – одна з найпопулярніших тем, доступних у безкоштовному сховищі тем WordPress. Існує більше 1 мільйона активних установок з майже 5 -зірковим рейтингом від користувачів 5K+. Ви можете легко знайти цю тему в категорії "Популярні", намагаючись встановити тему з панелі адміністрування. Якщо ви використовуєте безкоштовну тему Astra з надбудовою Pro, ось кілька порад щодо налаштування теми та виведення вашого сайту на новий рівень.

10 порад щодо налаштування теми Astra

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

10 порад щодо налаштування теми Astra

Безкоштовна тема Astra

1 Завантажте сторінки з різних шаблонів для початківців

Ви будете знати, що Astra пропонує початкові шаблони як окремий плагін. Ви можете використовувати цей плагін для встановлення одного із заздалегідь визначених шаблонів стартера замість створення з нуля. Однак, якщо вам подобаються декілька шаблонів, то з цієї демонстрації легко захопити лише окремі сторінки. Наприклад, ви можете забрати сторінку "Контакт" з однієї демонстрації та сторінку "Про нас" з іншої демонстрації.

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

10 порад щодо налаштування теми Astra

Встановіть плагін шаблону Astra Starter

  • Під час перегляду демонстраційних шаблонів можна побачити два варіанти.

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 Breadcrumb

Аналогічно, ви також можете вибрати параметр хлібних крихт плагіна 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 має чудовий конструктор колонтитулів. Ви можете використовувати ці параметри для створення макетів верхнього та нижнього колонтитулів відповідно до ваших потреб. Після активації доповнення Pro перейдіть до розділу «Зовнішній вигляд> Налаштувати» та почніть створювати розділи конструктора заголовків та колонтитулів.

10 порад щодо налаштування теми Astra

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

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

10 порад щодо налаштування теми Astra

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

9 Використовуйте плагін Hooks Plugin, щоб вставити код

Наступні поради щодо теми Astra призначені для тих, хто хоче вставити фрагменти коду на свій сайт. Користувачі професійної теми можуть використовувати опцію Спеціальний макет, щоб вставити Google Analytics та інші вставки макета. Якщо ви користуєтесь безкоштовними темами, вам потрібно встановити плагіни Astra Hooks, щоб вставити код у розділ верхнього та нижнього колонтитулів.

Плагін 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
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі