Совершенно новинка для вас: Evolution WordPress Framework

Появился новый фреймворк тем WordPress, и в этой статье мы хотели бы подробно его рассмотреть. Для разработчиков тем Evolution WordPress Framework дает множество преимуществ. Блогерам и другим владельцам сайтов понравится современный и чистый дизайн.

Содержание

1 Введение в платформу Evolution WordPress

Введение в платформу Evolution WordPress

*Скриншот демонстрационной страницы Evolution*

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

Как избежать ошибок в обновлениях
Абсолютная производительность
Основан полностью на Хуки действия WordPress
Чистый и современный дизайн
Автоматические обновления в стиле WordPress
Оптимальная поддержка WooCommerce
Мобильный дизайн
Оптимальная поддержка дочерней темы
С открытым исходным кодом и бесплатно

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

Но настоящие достоинства Evolution WordPress Framework скрыты под капотом.

[promo-box headline=»Important Links:» linkeins=»https://andreas-hecht.com/wordpress-themes/evolution-wordpress-framework/» texteins=»Download Evolution for free» linkzwei=»http://demo.andreas-hecht.com/?demo=evolution» textzwei=»Live theme demo» linkdrei=»https://andreas-hecht.com/evolution-framework-documentation/» textdrei=»The documentation»]

Склонность к ошибкам при разработке стандартной темы

Каждый разработчик знает эту проблему: при использовании комбинации родительской и дочерней темы для разработки веб-сайта подверженность ошибкам обновлений родительской темы резко возрастает.

Часто файлы шаблонов из родительской темы помещаются в папку дочерней темы, а затем редактируются. Перезапись шаблонов — обычная практика, когда дело доходит до разработки WooCommerce.

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

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

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

Automattic — это пример для всех разработчиков, который широко использует хуки действий WordPress в популярном плагине WooCommerce, а также в теме магазина Storefront.

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

Давайте кратко рассмотрим index.php эволюции:

Index.php от Evolution. Хуки без приоритетов доступны вам бесплатно.

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

Здесь index.php замещает все файлы шаблонов. Все они используют Action Hooks — do_action( 'evolution_do_main' );, в этом случае. Все соответствующие функции сохраняются и отображаются с помощью этого хука действия.

Разве вы не знаете, в чем преимущество? Есть два.

Полная безопасность обновлений
Бесконечные возможности для развития темы

Давайте посмотрим поближе:

Работа с фреймворком Evolution WordPress

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

Все, что мне нужно, это два файла. functions.php и style.css детской темы. Эти два файла позволяют мне переработать всю тему. И это даже не сложно; Вы тоже можете это сделать. Однако самое главное — это безопасность обновления темы.

Абсолютная безопасность обновлений Evolution

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

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

Пример: изменение формы комментариев

Файл шаблона comments.php приведет вас к нужной папке и файлу с функциями, используемыми в comments.php.

Путь к файлу будет следующим: /inc/structure/markup/evolution-comments.php

Там вы найдете следующую функцию:

 '', 'fields' => array( 'author' => '', 'email' => '[email protected]', 'evolution' ) ) . '" value="' . esc_attr( $commenter[ 'comment_author_email' ] ) . '" ' . $aria_req . '>', 'url' => '
' ) ), $post->ID ); } endif;

Критический хук также можно найти в файле.

Кстати, 40 относится к так называемому приоритету. Он управляет отображением функции. Чем меньше число, тем раньше функция отображается в шаблоне.

Уничтожение и замена функций

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

Так как функции больше нет, проблем с обновлением быть не может. Если его нет, то проблем быть не может.

Теперь напишите свою новую функцию с учетом стандартов кодирования WordPress. Не используйте устаревшие теги WordPress и убедитесь, что функция «подключаемая».

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

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

Таким образом, ваша функция для формы комментариев будет выглядеть так:

Теперь установите свою функцию вместо старой версии, пока она не умерла 🙂

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

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

Добавление дополнительных функций к хукам действий

Скриншот файла single.php Evolution Framework

Если вы хотите добавить дополнительные функции к отдельным шаблонам — например, single.php например — это тоже довольно легко сделать. Получите краткий обзор приоритетов, а затем создайте свою функцию. Берутся приоритеты 5, 10 и 30.

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

Создание новых шаблонов также очень просто

Конечно, таким образом вы также можете разрабатывать совершенно новые шаблоны. Например, для статической целевой страницы. Создайте файл шаблона с именем template-frontpage.php. Введите следующее:

Теперь добавьте контент, используя дочернюю тему functions.php. Приоритеты позволяют управлять отображением. Начните с начальной разметки. Если вы хотите использовать разметку Evolution, ваш хук выглядит так:

После этого можно добавить функцию или цикл с приоритетом 10 и так далее… В конце нужно добавить закрывающую разметку.

Взятые крючки можно найти здесь: /inc/structure/evolution-hooks.php.

Таким образом, вы можете заменить родительскую тему весь контент без проблем с обновлением. Существующие веб-сайты просто будут отображаться по-другому. Круто, правда?

Производительность Evolution WordPress Framework

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

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

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

Тест скорости эволюции

Исходное положение:

Свежая установка без тормозящих плагинов (только Yoast SEO, нет кеширующий плагин!)
Использование оптимального файла .htaccess
Использование плагина AH Clean Code (отключает ссылки заголовков, вставки, строки запросов и смайлики)

Результат ясен:

[Red-Button url=»https://tools.pingdom.com/#!/bm3Gnz/http://demo.andreas-hecht.com/demos/evolution/» text=»Access Speed-Test »»]

Evolution WordPress Framework: поддержка WooCommerce

Что такое фреймворк темы без поддержки популярного плагина электронной коммерции WooCommerce? Кстати, WooCommerce также работает с Action Hooks. Таким образом, нет смысла копировать шаблоны плагина в дочернюю тему, чтобы переписать их. И это корень многих проблем с WooCommerce.

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

Пример боковой панели WooCommerce:

В двух наиболее копируемых файлах шаблонов WooCommerce — archive-product.php и single-product.php -, вы найдете следующий хук действия:

В то же время вы увидите функцию, которая подключена к хуку. Это основа для следующих работ. Теперь зарегистрируйте боковую панель для виджетов и назовите ее «Боковая панель WooCommerce». Назначьте идентификатор «woocommerce».

 esc_html__( 'WooCommerce Sidebar', 'evolution' ),
        'id'            => 'woocommerce',
        'description'   => esc_html__( 'This is the sidebar for your WooCommerce shop.', 'evolution' ),
        'before_widget' => '',
        'after_widget'  => '',
        'before_title'  => '',
        'after_title'   => '',
    ) );
}
add_action( 'widgets_init', 'evolution_woo_sidebar_init' );
endif;

Создайте новый файл с именем sidebar-woocommerce.php. Содержимое этого файла может выглядеть следующим образом:

Теперь все становится серьезно: убейте функцию WooCommerce

Теперь подключите новую боковую панель к woocommere_sidebar крюк.

Теперь у вас есть новая боковая панель на всех страницах WooCommerce, и вам не нужно трогать ни одного файла шаблона. Это работает для всех функций WooCommerce. Взгляните на шаблоны (woocommerce/templates/), найдите хук действия и просто обменяйтесь функциями.

Кстати: страницы тележка и проверить это не страницы WooCommerce, а обычные страницы WP. Это означает, что нормальный на них отображается боковая панель блога. Вы можете изменить это с помощью nosidebar.php шаблон или плагин AH Display Widgets. Плагин позволяет вам влиять на отображение определенных виджетов на определенных страницах.

[Red-Button url=»https://andreas-hecht.com/wordpress-themes/evolution-wordpress-framework-de/» text=»Evolution Framework free download »»] [Green-Button url=»https://andreas-hecht.com/evolution-framework-documentation/» text=»Evolution Documentation»] | [Green-Button url=»https://github.com/HechtMediaArts/evolution-framework» text=»Evolution auf GitHub»] [Blue-Button url=»http://demo.andreas-hecht.com/?demo=evolution» text=»Live Demo »»]

Заключение

Разработка современных тем WordPress еще никогда не была такой простой. Безопасность обновлений, ясность и бесконечные возможности объединены в Evolution WordPress Framework. Вдобавок ко всему, есть высокая скорость. О чем вы еще хотите попросить?