如何在主题中为客户创建自定义布局和静态页面

时间:2016-05-17 作者:Adam Vorkel

如何将好看的自定义页面构建到主题中。我决定使用下划线来创建自定义客户端主题,因为我需要在设计上完全自由,我找到的所有主题开发教程似乎都只是展示如何构建博客风格的网站,但我想构建具有多列布局、图标、动作调用、主滑块的网站。。基本上主要是静态内容,但部分网站的客户端可以添加一个画廊。。可能是日历、发布更新、将幻灯片添加到滑块等。

我是否应该将静态html放入模板文件,然后将css和脚本排入队列,然后在需要的地方添加widgetized区域?我真的很感谢任何人的帮助,也许还有关于这个主题的阅读材料/教程的链接?我做了很多研究,但还是很迷茫。。。

3 个回复
SO网友:kaiser

静态页面:有效

是。除了使用现成的WordPress“routing”API和数据库之外,您完全可以添加与博客无关的静态页面。

样式,脚本:如何

只需将自定义样式和脚本添加到主题中即可。然后register and enqueue them. 您可以添加自己的Page Templates. 由于WP 3.4,实际的页面模板文件可以收集在主题子目录中,以便更好地组织。只需添加模板注释并使其可用:

<?php
/** Template Name: Landing Page for Small Business */

// Optional: Use a custom header
get_header( \'customheader\' );
// Rest of your static page template code
然后,当您添加新页面时,新模板将显示在“页面属性”元框中,并将显示以下内容:

enter image description here

作者选项:如何

页面就像导航菜单条目和其他东西一样,只是一个普通的帖子(在数据库中),带有不同的post_type. 这意味着您可以像其他(自定义)帖子类型一样添加元框。只是add a new meta box, 然后保存new post meta data. 你甚至可以remove the default editor. 最后,只需在模板中获取保存的帖子元数据。您可以使用get_post_custom( get_the_ID() ); 在自定义页面模板的循环中:

<?php
/** Template Name: Landing Page for Small Business */
get_header( \'specialheader\' );
// The Loop:
if ( have_posts() )
{
    while ( have_posts )
    {
        the_post();

        the_title();
        // All your post meta data:
        var_dump( get_post_custom( get_the_ID() ) );
    }
}
剩下的取决于你和你的想象力。在元框中构建滑块自定义的用户界面,进行选择、单选按钮或任何其他表单元素和选项。

SO网友:cjbj

为什么不先建立一个博客风格的网站呢?如果你是WordPress新手,最好从相对简单的内容开始,那里有很多的教程。练习会让你获得更高的技能,比如你给出的雄心壮志清单。

如果您现在需要所有这些内容,最好购买一个像样的框架主题,它包含您需要的所有元素。真的,如果你试图从头开始构建一个复杂的主题,而没有先进行一些简单的中间练习,那么这只会让你感到沮丧。

SO网友:Andy Macaulay-Brook

如果您已经熟悉HTML&;CSS,那么我建议从按照您喜欢的方式构建页面开始,然后查看https://codex.wordpress.org/Template_Tags 查看如何从WordPress动态替换页面的关键部分。