Question

有没有办法在WP中打包主题？当我说主题时，我指的是所有HTML，CSS，JS，自定义帖子类型等。

我经常在像ThemeForest这样的网站上看到这些东西，在那里他们有WP主题出售。我想对已经转换为HTML / CSS /等的我的设计也这样做。

我只是不熟悉这些术语，所以我不确定要查找什么。

Answer 1

适用于HTML, CSS, JS：

主题文件（实际上是PHP，CSS和JS）可以在主题文件夹中找到。每个PHP文件都有自己的角色template hierarchy。 CSS和JS文件也存在于主题文件夹中，并使用CSS和wp_register_style为JS和wp_enqueue_style以及{{3 } custom post types。

适用于functions.php：

WordPress主题文件夹包含一个名为register_post_type的文件，您可以在其中定义用于该主题的自己的函数。您可以向该文件添加wp_register_script函数，以定义您自己的自定义帖子类型。 init应该与function codex_custom_init() { $args = array( 'public' => true, 'label' => 'Books' ); register_post_type( 'book', $args ); } add_action( 'init', 'codex_custom_init' );挂钩。从WordPress Codex中获取的示例：

functions.php

如果您将上述示例添加到Books文件中，您将获得一个名为{{1}}的新帖子类型。

自定义变量：

如果您想保存网站范围的变量，wp_enqueue_script可以让您register_post_type，Options API，add和update这些变量。与retrieve和delete混合后，您可以在Dshboard中创建用户可以管理这些变量的页面。

其他事项：

同样，您可以将add_menu_page和Settings API添加到该文件中，还可以添加其他custom taxonomies来修改WordPress行为以满足您的需求。

Answer 2

文件结构将是可变的，与项目范围相关，但是您可以遵循一些行业最佳实践来打包WordPress主题以进行部署。

Envato提供有关其提交指南的大量文档，并以非常全面的方式解决格式标准问题。在此处找到：http://support.envato.com/index.php?/Knowledgebase/Article/View/352/0/general-file-preparation-guidelines

Themeforest的Jeffrey Way还提供了有关Themeforest模板的文件准备和提交过程的逐步视频截屏演练，该演示应作为一个很好的参考。在此处找到：http://blog.themeforest.net/site-news/how-to-submit-a-template-to-themeforest-screencast/

希望这有帮助。

Answer 3

我创建了一个WordPress样板文件，用于将现有的CSS转换为WordPress主题......

http://cferdinandi.github.com/kraken-for-wordpress/

Answer 4

如果您想将现有的HTML / CSS网站转换为WordPress主题，您需要做很多事情：

1。将样式表重命名为style.css并包含一些有关主题的元数据：

Theme Name: Twenty Ten
Theme URI: http://wordpress.org/
Description: The 2010 default theme for WordPress.
Author: wordpressdotorg
Author URI: http://wordpress.org/
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)

License:
License URI:

General comments (optional).

来源：http://codex.wordpress.org/Theme_Development#Theme_Stylesheet

您还需要包含WordPress CSS Core，您可以在此处找到：http://codex.wordpress.org/CSS#WordPress_Generated_Classes

2. ：创建一个index.php文件，该文件将用作“最后的手段”，如果找不到当前页面的特定页面，则将使用此模板。有关您可以在此处找到的不同模板的更多信息 http://codex.wordpress.org/Template_Hierarchy

如果您想为单个页面设置不同的样式，则必须创建一个文件single.php，该文件将用于这些页面。对于包含博客帖子的页面，您将使用home.php，...请参阅上面的链接以获取更多文件名。

3。不是将内容直接放在文件中，我们显然不希望在使用WordPress时，您必须使用“The Loop”。你可以在这里阅读更多相关信息： http://codex.wordpress.org/The_Loop

基本上它是一个循环遍历页面的所有不同帖子（类别页面和博客主页将有比单个页面更多的帖子）。

以下代码帮助我理解了“The Loop”：

<?php // any code included here occurs before the wordpress loop and is always displayed ?    >

<?php if (have_posts()) : ?>

    <?php // if there are posts to display, process any code included here only once ?>
    <?php // display any code output from this region above the entire set of posts ?>

    <?php while (have_posts()) : the_post(); ?>

        <?php // loop through posts and process each according to the code specified here     ?>
        <?php // process any code included in this region before the content of each post     ?>

        <?php the_content(); ?> <?php // this function displays the content of each post ?    >

        <?php // process any code included in this region after the content of each post ?    >

    <?php endwhile; ?>

    <?php // stop the post loop and process any code included here only once ?>
    <?php // any code output will be displayed below the entire set of posts ?>

<?php else : ?>

    <?php // if there are no posts to display, process any code that is included here ?>
    <?php // the output of any code included here will be displayed instead of posts ?>

<?php endif; ?>

<?php // any code included here occurs after the wordpress loop and is always displayed ?>

来源：http://perishablepress.com/easily-adaptable-wordpress-loop-templates/

WordPress的主题很难在一篇文章中解释，所以我希望我帮助你帮助你开始，显然你仍然需要阅读很多关于它的内容但是这很正常，我查找了函数WordPress函数每天引用...所以最后一个链接： http://codex.wordpress.org/Function_Reference/

祝你好运！

如何“打包”一个主题

4 个答案: