搜索内容：
时间：2020-02-11
编辑:网站制作公司
5099
0
设计自定义WordPress主题时，需要考虑20个重要部分。本指南将向您介绍主题开发的不同领域。让我们开始吧。
检查默认主题中的文件以了解如何构建主题始终是一个好主意。最简单的主题是子主题，它仅具有style.css文件和图像。子主题之所以如此简单，是因为它是一部分，是更复杂的主题的子主题，称为父主题。郑州企业网站设计:主题通常由三种文件类型加上图像和/或JavaScript文件组成。首先是style.css文件，它负责网页的视觉设计和布局。然后是负责网站页面从WordPress数据库获取信息并将其显示在网站上的WordPress模板文件。所有WordPress主题中的99％还具有可选功能文件作为主题的一部分。通常称为functions.php.
子主题具有其父主题的功能，并允许您在不更改父主题的情况下对其进行修改。子主题的心脏style.css文件类似于父文件夹中的style.css文件。为了制作子主题，请在wp-content / themes /创建一个目录，并在其中保存格式化的style.css文件。可以更新父主题，这反过来也将更新子主题，而对子主题的任何更改都不会影响父主题。这就是为什么在修改现有主题时子主题如此重要的原因。
我们一直在谈论的文件style.css被称为主题样式表。让我们谈谈这个文件的内容。该文件必须以注释的形式包含有关主题的详细信息。如果通过创建其他主题的副本来创建主题，请确保更改标题中的详细信息，否则仪表板中的主题选择可能存在问题。创建CSS文件以确保所有信息有效时，遵循CSS编码标准非常有用。这是一个主题样式表如何开始的示例：
/* Theme Name: Dogs Are Cute Theme URI: http://dogsarecute.com/ Description: Theme for Dog Lovers Author: Dog Trainer Author URI: http://dogsarecute.com/ Version: 1.0 */
尽管功能文件是可选的，但在几乎所有WordPress自定义主题设计中它都是非常重要的。通常将其称为functions.php。通过向网站添加其他功能，该文件可以作为插件使用。如果选择将其添加到主题中，则可以从中受益匪浅。您可以在主题中定义某些模板的功能或设置选项菜单，以允许访问者更改主题的颜色，样式和其他功能。郑州企业网站设计:您还可以添加功能，例如菜单，缩略图，自定义背景等等。要查看functions.php文件的制作方式，您可以检查WordPress默认主题。从某种意义上说，functions.php文件的作用类似于插件，但有一些区别。功能文件与每个主题分开存储，并且它执行主题所独有的多种功能，因为插件通常用于单一目的，并且可以应用于多个主题。
模板文件的主要功能是创建网站访问者可能要求的页面。一些示例可能是索引，主页，评论和404（找不到页面）页面，但是选项是无限的。模板是对导航必不可少的PHP源文件。您可以通过使用模板并创建模板层次结构来选择要添加的自定义量，这些模板层次结构确定在显示特定主题时选择了哪些模板。
每个WordPress主题至少包含两个文件：style.css（样式表）和index.php（最小模板要求）。该的index.php文件可以有很多的在它的信息。它不仅可以保存有关基本页面设计的信息，例如页眉，页脚，内容等；它还可以包含有关主题的搜索，存档和其他部分的更多信息。大多数情况下，会添加用于页眉，页脚，侧边栏等的其他文件。它们是根据其功能命名的。例如，头文件称为header.php。要将模板文件添加到index.php，请使用“ get”命令。要包含标题，请使用get_header()。这是一个示例，其中一行包含index.php文件应如下所示：
<?php get_header(); ?>
要创建一个全新的自定义页面模板，首先需要创建一个文件。我们称它为dog.php。dog.php文件的第一行应如下所示：
<?php /* Template Name: Dog */ ?>
您可以将文件命名为任意名称，只要它是PHP文件即可。只要确保没有其他具有相同名称的模板即可。如果愿意，可以复制一些其他模板代码（例如index.php或page.php）并将其添加到模板文件中。将此文件放在主题目录中。
大多数主题都有标题和导航菜单文件。让我们看一下WordPress经典主题的标题。您可以在wp-content / themes / classic / header.php中找到此主题。
<h1 id="header">
<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
</h1>这段代码显示了标头是在h1 HTML标签中设置的，并且具有一个带有两个不同参数的模板标签。第一个参数是网站的链接，第二个参数显示网站的名称。这样可以使标题标题可单击。您也可以使用添加图像，<div id="headerimg">或使用关闭图像</div>。您可以使用#header设置标题样式。这是一个例子：
#header {
background: #000000;
border-bottom: double 2px #aba;
border-left: solid 1px #9a9;
border-right: solid 1px #565;
border-top: solid 1px #9a9;
font: italic normal 230% 'Times New Roman', Times, serif;
letter-spacing: 0.1em;
margin: 0;
padding: 15px 10px 15px 60px; }您可以使用此代码自定义标题的颜色，样式和边框。如果要更改标题的背景图像，请首先将图像添加到WordPress主题样式表目录。将此图像称为wc_header.jpg并使用类似于此代码的代码：
#header {
background: url("<?php bloginfo('stylesheet_directory'); ?>/images/wc_header.jpg")
no-repeat bottom center; }
#headerimg {
margin: 6px 8px 0;
height: 200px;
width: 620px; }您可以指定图像的高度，宽度和边距。
您还可以使用header.php文件在标题的正下方添加导航菜单。您必须在functions.php文件中注册导航菜单。这是这样做的：
function register_my_menus() {
register_nav_menus(
array( 'header-menu' => __( 'Header Menu' ) )
);
}
add_action( 'init', 'register_my_menus' );菜单至少有两个选项。这是使两个选项出现的方式：
function register_my_menus() {
register_nav_menus(
array(
'header-menu' => __( 'Header Menu' ),
'second-menu' => __( 'Second Menu' )
)
);
}
add_action( 'init', 'register_my_menus' );然后，由于我们需要header.php文件中的菜单，因此将其打开并添加如下wp_nav_menu代码：
<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
对第二个PHP文件中的第二个菜单执行相同的操作。完成所有这些操作后，您将获得一个带有导航菜单的功能标题。
侧栏通常是网站右侧的一列，其中包含网站的其他信息。要将侧边栏注册到functions.php文件，请添加以下代码：
if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' => '</li>',
'before_title' => '<h2 class="widgettitle">',
'after_title' => '</h2>',
));
}基本的WordPress主题使用嵌套列表显示侧边栏信息。这是一个例子：
<ul><!-- open whole list --> <li>Title of Section One <ul> <li>Cat</li> <li>Dog</li> <li>Hamster</li> </ul> </li><!-- closing list under section one --> </ul><!-- closing whole list -->
此代码仅显示列表的第一部分，但您还可以包括第二，第三和更多部分。还有其他创建侧边栏的方法，但这是最简单的方法之一。
小部件是侧边栏的一部分。他们通过在主题中添加自定义内容和功能来使您的网站更加生动，因此可以随意添加您认为必要的内容。要将小部件添加到您的主题，无需知道任何代码。您可以通过导航到“外观”，然后导航到“小部件”，轻松地在WordPress仪表板上使用它们。您可以随时在functions.php文件中自定义窗口小部件的顺序和位置。
要将页脚添加到主题中，请使用调用创建footer.phpwp_footer()。一个简单的页脚应如下所示：
<?php wp_footer(); ?>
您以后可以通过添加图像，链接和其他功能来自定义页脚，其方式类似于修改页眉。
该索引使您可以显示摘要或全长形式的不同页面或帖子的列表。创建一个index.php文件以产生网站输出。这是主题的最重要文件。它包括主要区域的代码，并显示其他文件的位置。郑州企业网站设计:要支持导航链接，wp_link_pages()请以与您处理导航菜单类似的方式在页面或帖子中包含呼叫。根据主题的复杂程度，该文件可能会很长。您拥有的页面越多，索引中必须包含的内容就越多。如果您具有header.php文件，则索引文件通常以标记开始，该标记<?php get_header(); ?>将标头的内容置于其位置。边栏，页脚和其他标记在此文档中。
档案库使您可以保留和整理网站的过去条目。尽管通常将其命名为archive.php，但是您可以创建存档文件并命名为任意名称，这使得对模板感兴趣的其他开发人员可以更轻松地找到它。您可以将存档创建为index.php或category.php的一部分，但是使用单独的存档文件来管理文件要容易得多。要列出您的档案，请使用<?php wp_get_archives('type=yearly'); ?>标签。要支持导航链接，请使用wp_link_pages。
页面模板page.php显示标题和主要内容。此模板还可以显示评论表单并列出主题中是否包含它们。页面模板不应包含其他数据，例如作者和日期。要支持导航链接，请使用wp_link_pages。
对于JavaScript代码，通常建议创建外部文件。如果要将JavaScript加载到模板文件（或通常的HTML文档）中，则应使用CDATA编码。要加载脚本，请使用wp_enqueue_script。
WordPress可以选择并加载与查询类型匹配的不同模板。您可以通过使用模板层次结构或通过文件中Loop函数中的条件标签来执行此操作。为了创建模板层次结构，您必须创建可以自动选择而不是index.php的模板文件。这就是创建类别文件的原因。如果您的主题具有正确设置的category.php文件，它将覆盖index.php。您可以创建几个类别并为其指定ID号。WordPress将选择并使用在主题目录中找到的第一个模板文件。因此，假设您有一个index.php文件和home.php与索引文件不同的文件。层次结构中的索引页较低，因此它将始终是要显示的最后一页。而是将显示主页主题。
尽管模板层次结构比较简单，但是大多数网站都需要在The Loop中使用条件标签。您可以通过设置特定页面的条件来创建循环。代码中的条件标签检查是否满足要求，然后得出关于条件是TRUE还是FALSE的结论，并根据答案执行操作。您可以指定主题不同部分的输出。不同的页面可以具有不同的颜色和样式的标题和自定义字段。检查条件是否满足的查询过程是“循环”。带有条件标签的WordPress仅在显示特定页面时才显示内容。如果您希望WordPress仅显示主页的内容而不显示其他页面的内容，则可以使用is-home()条件标签。简而言之，如果它是主页，则仅显示归因于它的信息。这是一个简单的示例代码：
<?php
if (is home()) {
echo 'Welcome To My Home Page';
}
?>完成主题构建后，仍然需要完成一些工作。您应该检查创建的主题是否有效，并确保使用该主题时没有错误。检查主题是否正常工作的最简单方法之一是对其进行调试。为了调试主题，请创建wp_config文件以进行调试。这是用于调试的示例代码：
// Enable wp_debug mode
define('wp_debug', true);
// Enable Debug logging to the /wp-content/debug.log file
define('wp_debug_log', true);
// Disable display of errors and warnings
define('wp_debug_display', false);
@ini_set('display_errors',0);此代码会将所有错误警告记录到名为debug.log的文件中。隐藏错误的显示是为了不中断主题的创建。测试主题在不同类型的浏览器和不同版本（例如IE8，IE9，Firefox，Chrome，Opera和Safari）中的运行方式也是一个好主意。
您创建的WordPress主题应该与大多数WordPress插件兼容。大多数WordPress插件都使用WordPress核心PHP代码中的操作挂钩，这意味着您的主题大部分时间都不需要其他标签。但是，有些插件可能会以失真的方式显示您的信息。默认的WordPress模板包含这些标签。为了确保您的主题与插件兼容：
添加wp_head()到header.php中的<head>元素。
在footer.phpwp_footer()的结束</body>标记之前添加。
添加wp_meta()在<li>Meta</li>一部分的sidebar.php。
如果您的网站有注释部分，请在comments.php中（文件的结束标记comment form()之前）添加。</div>
现在，您的新自定义主题应该可以使用了。创建WordPress主题时最重要的是您的想象力。本指南仅介绍了基础知识，仅涉及WordPress必须提供的无数种可能性。我们衷心希望我们能帮助您创建自己的独特的自定义WordPress主题。
3
s后返回登录
3
s后返回登录
