codeinwp / full-width-page-templates
一个用于创建全宽页面模板的WordPress库。
dev-master
2019-04-02 11:34 UTC
This package is auto-updated.
Last update: 2024-08-29 04:48:27 UTC
README
一个Composer库,在WordPress仪表板中注入全宽选项到页面模板选择器。
支持的构建器
- 一个简单的WordPress页面
- Elementor
兼容的主题?
目前,此库确保与以下WordPress主题兼容(并将继续增加)
- Hestia - by ThemeIsle
- Hestia Pro - by ThemeIsle
- Zerif Lite - by ThemeIsle
- ShopIsle - by ThemeIsle
- Orfeo - by ThemeIsle
- Edge - By themefreesia
- Experon - ThinkUpThemes
- Genesis - By StudioPress
- GeneratePress - By Tom Usborne
- Storefront - by WooThemes/Automattic
- TwentyTwelve - by WordPress.org
- TwentyThirteen - by WordPress.org
- TwentyFourteen - by WordPress.org
- TwentyFifteen - by WordPress.org
- TwentySixteen - by WordPress.org
- TwentySeventeen - by WordPress.org
- Vantage - by Greg Priday
- Virtue - by Kadence Themes
- Enlightenment - by Daniel Tara
- Actions - by WPDevHQ
- ActionsPro - by WPDevHQ
- Kale - by lyrathemes
- InVogue - by Kaira
- Universal-Store - by Themes4WP
- Editorial - by Mystery Themes
- Renden Business - by ThinkUpThemes
- Spacious - by ThemeGrill
- Flash - by ThemeGrill
- Writee - 由Scissor Themes制作
- VT Blogging - 由VolThemes制作
- One Page Express - 由horearadu制作
- Primer - 由GoDaddy制作
- Vantage - 由SiteOrigin制作
- Customizr - 由Nicolas Guillaume制作
- Nikko Portfolio - 由Colormelon制作
- Poseidon - 由ThemeZee制作
- Envo Business - 由EnvoThemes制作
- Hueman - 由Nicolas Guillaume制作
- News Portal - 由Mystery Themes制作
- Illdy - 由Sikalns制作
- Envy Blog - 由Precise Themes制作
- Avant - 由Kaira制作
- OceanWP - 由oceanwp制作
- Astra - 由Brainstorm Force制作
- Mesmerize - 由horearadu制作
- Sydney - 由athemes制作
- Ashe - 由Royal Flush制作
- Lodestar - 由Automattic制作
- Total - 由Hash Themes制作
- Consulting - 由ThinkUpThemes制作
- ColorMag - 由ThemeGrill制作
- OnePress - 由FameThemes制作
- Shapely - 由Sikalns制作
- HitMag - 由ThemezHut制作
- Divi - 由Elegant Themes制作
如何使用它?
嗯,这是一个Composer库,因此您需要将其添加为项目(无论是插件还是主题)的依赖项,如下所示
"require": {
"codeinwp/full-width-page-templates": "master"
}
然后通过终端运行composer install
并希望您已全局安装了Composer。
最后一步是初始化。在您喜欢的位置调用此操作
if ( class_exists( '\ThemeIsle\FullWidthTemplates' ) ) {
\ThemeIsle\FullWidthTemplates::instance();
}
如何与这个仓库一起工作?
要直接与这个仓库一起工作,我使用并推荐以下方式。
在mu-plugins WordPress目录内克隆此仓库。这样,我们可以确保克隆的库版本将优先于从Composer加载的版本。克隆后,您需要创建一个PHP文件,例如load-fwt-lib.php
(我命名得不好)并在其中需要按照以下方式要求加载器
<?php
require_once( dirname( __FILE__ ) . '/full-width-page-templates/load.php' );
如何使主题与全宽模板兼容?
要添加新的主题到兼容性列表,克隆此仓库(如上所述),在themes
目录中创建一个以主题名称命名的新目录。此主题目录支持两个文件
inline-style.php
- 在适当的时刻加载的文件,用于添加内联样式functions.php
- 一个可选文件,用于添加操作和过滤器。
我们的目标是添加一个CSS片段,确保页面容器宽度充满。所以使用inline-style.php
并添加如下片段:
<?php
/* Support for the {Theme Name} theme */
$style = '.page-template-builder-fullwidth-std .site-content {
width: 100%;
padding: 0;
margin:0;
}';
wp_add_inline_style( '{theme-style}', $style );
其中{theme-style}
必须是一个已排队的样式。(例如,Twenty Seventeen有'twentyseventeen-style')
别忘了将新主题添加到这个README.md中;(