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仪表板中注入全宽选项到页面模板选择器。

Codacy Badge

支持的构建器

  • 一个简单的WordPress页面
  • Elementor

兼容的主题?

目前,此库确保与以下WordPress主题兼容(并将继续增加)

如何使用它?

嗯,这是一个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中;(