在制作主题的过程里,前辈们总结了许多的技巧和方法。通过学习这些技巧,可以让我们避免犯更多的错误,并且使得

开发主题更加迅速,使得主题更加的美观。

为主题添加更多的文件

尽可能的使更多的模块分离开来,使加载更快速。

index.php 首页文件

page.php  主页面文件

header.php 顶部文件

sidebar.php 侧边栏文件

footer.php  底部文件

functions.php  函数文件

style.css  样式表

 

为搜索结果单独写一个页面

 

单独写搜索页面可以使搜索更加的快速,这是很有必要的。

创建search.php页面

复制index.php文件,重命名为search.php

找到以下代码:

<h2 class="thisMonth embossed" style="color:#fff;">This Month:</h2>

找到循环,如果可以搜索到结果则循环输出所有符合条件的帖子,没有搜到则显示另一个页面。

没有搜索到结果:

<?php else : ?>
 <h2 class="center">Not Found</h2>
 <p class="center">Sorry, but you are looking for something 
that isn't here.</p>
 <?php get_search_form(); ?>
<?php endif; ?>

可以搜索到结果:在搜索完成代码<?php endif; ?>后面添加

<h3>Latest articles:</h3>
<?php $query = new WP_Query( array ( 'post_type' => 'post', 'post_
count' => '5' ) );
 while ( $query->have_posts() ) : $query->the_post(); ?>
 <ul>
 <li>
 <a href="<?php the_permalink(); ?>">
 <?php the_title(); ?>
 </a>
 </li>
 </ul>
<?php endwhile; ?>

保存文件。

搜到效果显示

未搜到结果显示

主题定制功能

有时我们需要修改主题的一些页面,所以我们需要修改主题功能,这样就不用去修改代码,不会有那么麻烦。

打开functions.php文件

在结束标签?>前添加代码:

function add_theme_customizer( $wp_customize )
 {
 }
 add_action( 'customize_register', ' add_theme_customizer');

然后保存文件

之后在仪表盘—->apperance—->themes—->customize可以编辑定制主题

效果显示:

主题优化

为了保持代码整洁,和避免代码重复使用,我们需要避免内联css和javascript的使用,尽量在外调用css和js文件。

内联css会使得代码非常的混乱,出现错误不好查找,并且代码冗余高。

内联css:

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

外联css,在外部文件写css样式,集中编写,效果更好。

外联css:

专业网站开发网页设计公司

深度阅读:

WordPress主题制作开发实战教程4.2 – 导航栏功能 网站中使用导航栏是为了让访客能够清晰明了地找到网站相应的板块内容。在网站建设中导航栏是非常常见并且有效的。 1.先引入导航栏功能 在主题文件夹中创建一个functions.php的文件然后在开头添加如下代码:
WordPress主题制作教程2.6-WordPress的条件标签(二) 页面模板  is_page_template()检测是否使用了页面模板 is_page_template(‘post.php’)检测是否使用页面模板‘post’,页面模板与其他标签有所不同,用户需要使用文件名(如post.php或my...
WordPress主题制作教程2.5-WordPress的CSS和JavaScript 在创建主题时,当你将文件主题启用后,你会发现页面中的所有css/js代码加载失败,如下图所示。这是由于wordpress本身加载样式表/js文件有它自己的规则。 下面WP花园洋葱将带领大家使用标准的WordPress方法加载脚本和样式表。向WordPress添加脚本和样式非常简单。你...
WordPress主题制作教程2.2-WordPress 主题文件 虽然WordPress主题只需要两个文件(index.php和style.css),它们通常由许多文件组成,本节将向您展示如何整理文件。    主题文件和文件结构  默认的二十个主题是主题开发最好的例子。  assets - css ...
wordpress的网站设置与插件及主题之间的联系 许多wordpress站长在开发网站的初期会使用多个主题并来回切换,选择其中较好的风格样式锁定主题。但在网站设计开发过程中,突然反悔,临时想换一个主题进行开发,这样的情况并不少见。但一个wordpress站点只能使用一种主题。如果随意切换其他主题是否站点中的设置和数据就都消失了呢,答案是并不尽然。那...
WordPress主题制作开发实战教程4.1- 站点设置,固定链接设置 在本章节中,我们将带领大家去学习WordPress主题的站点设置,固定链接设置 站点设置 有时我们需要将我们网站的一些基本信息在网站上显示出来,比如网站标题,网站介绍,邮箱地址等,让人更加的了解这个网站,所以我们需要添加站点设置功能。在后台设置网站信息,在前台页面显示则需要在想显示的页面...
如何处理wordpress中JavaScript文件冲突问题 在编写WordPress主题中,如果第三方提供的HTML/JS/CSS文章中,包含了很多.js文件,在引入这些JavaScript文件过程中会这样那样的错误,比如什么“$ is not a function”之类的,这时候可以通过以下方式来一一排查。 1.正确在functi...
wordpress主题制作开发实战教程3.1(1)- 主题基础 在本章节中,我们将学习到WordPress的一些主题基础主题基础主要有:1.WordPress的模块文件知识2.模板文件工作流程以及优先级3.主题里的基本循环  主题基础 Wordpress主题包含了许多文件,其中有模板页面。模板页面是层级结构,...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.