修改WordPress主题文件(1)

首先了解WordPress主题的文件构成,在WordPress根目录下找到wp-content/themes,这里保存的就是所有主题文件夹。

首先一个静态模板包含:

首页:index.html

存档页:archive.html

页面:page.html

文章页:single.html

联系页:contact.html

无边栏页:full_width.html

图片:/images/

样式表:style.css

缩略图:screenshot.png

随意找一个模板,将所有.html改为.php。在style.css文件最前面添加信息:

/*
Theme Name: 这里填主题名称
Theme URI: 这里填主题介绍的网址,没有就填你的博客网址吧
Description: 这里填主题的简短介绍
Version: 版本号
Author: 作者名
Author URI: 作者的网址
Tags: 标签,多个用半角逗号隔开
*/

再到wp后台管理外观就会出现主题的基本信息。缩略图即是screenshot.png。

开始修改模板,将静态页面改为动态

1.制作header.php

  在模板目录下创建文件header.php,将index.php、archive.php、contace.php、full_width.php、page.php、single.php中所有头部代码剪切到header.php中(一份即可)。然后在以上文件顶部加入一行代码:

<?php get_header();?>

即文件加载header.php中的代码。

(1)更改title

在header.php中将<title></title>中的内容删掉,改为:

<title><?php if ( is_home() ) {
        bloginfo(‘name‘); echo " - "; bloginfo(‘description‘);
    } elseif ( is_category() ) {
        single_cat_title(); echo " - "; bloginfo(‘name‘);
    } elseif (is_single() || is_page() ) {
        single_post_title();
    } elseif (is_search() ) {
        echo "搜索结果"; echo " - "; bloginfo(‘name‘);
    } elseif (is_404() ) {
        echo ‘页面未找到!‘;
    } else {
        wp_title(‘‘,true);
    } ?></title>

此处为判断,根据不同页面采用不同的title。

is_home():当前页面为主页时返回true

is_category():当前页面为分类页时返回true

is_single():当前页面为单文章页时返回true

is_page():当前页面为单页面时返回true

2.更改style.css路径

  在header.php中找到<link rel="stylesheet" href="./style.css" type="text/css" media="screen" />,将其改为:

<link rel="stylesheet" href="<?php bloginfo(‘stylesheet_url‘); ?>" type="text/css" media="screen" />

将index.php、archive.php、contact.php、full_width.php、page.php和single.php中所有的src="images/批量替换成src="<?php bloginfo(‘template_url‘);?>/images/

此时所有缩略图已正常显示。

3.添加pingback

  PingBack是用来通知网志系统文章被引用情况的一种手段,它出现完全是为了解决Trackback的诸多问题。Pingback可以译作“自动引用通知”,因为Pingback的使用是完全自动的。也可以译作“广播”,最先由[3G博客网]提供,是指计算机系统向外部发出引用信息。

  如需要此功能,在<head>里添加:

<link rel="pingback" href="<?php bloginfo(‘pingback_url‘); ?>" />

4.更改博客名称和描述

  在header.php中,将静态的名称和描述代码:

<h1 id="logo" class="grid_4"></h1>
<h2 class="grid_12 caption clearfix">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2>

改为动态php代码:

<h1 id="logo" class="grid_4"><a href="<?php echo get_option(‘home‘); ?>/"><?php bloginfo(‘name‘); ?></a></h1>
<h2 class="grid_12 caption clearfix"><?php bloginfo(‘description‘); ?></h2>

代码作用:

<?php echo get_option(‘home‘); ?>  输出你的博客首页网址

<?php bloginfo(‘name‘); ?>  输出你的博客名称

<?php bloginfo(‘description‘); ?>  输出博客描述

博客描述和名称可在wp管理后台—设置—常规里进行修改。

5.添加订阅feed链接

  在</head>之前添加代码:

<link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有文章" href="<?php echo get_bloginfo(‘rss2_url‘); ?>" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0 - 所有评论" href="<?php bloginfo(‘comments_rss2_url‘); ?>" />

6.添加wp_head

  在</head>前添加代码:

<?php wp_head();?>

7.显示菜单栏

  将header.php中

<ul id="navigation" class="grid_8">
    <li><a href="contact.html"><span class="meta">Get in touch</span><br />
        Contact Us</a></li>
    <li><a href="blog.html" class="current"><span class="meta">Latest news</span><br />
        Blog</a></li>
    <li><a href="index.html"><span class="meta">Homepage</span><br />
        Home</a></li>
</ul>

改为:

<ul id="navigation" class="grid_8">
    <?php wp_list_pages(‘depth=1&title_li=0&sort_column=menu_order‘); ?>
    <li <?php if (is_home()) { echo ‘class="current"‘;} ?>><a title="<?php bloginfo(‘name‘); ?>"  href="<?php echo get_option(‘home‘); ?>/">主页</a></li>
</ul>

8.刷新缓存

  在<body>前面,</head>后面添加PHP代码,用于提高程序运行效率:

<?php flush();?>

时间: 2024-10-08 00:13:30

修改WordPress主题文件(1)的相关文章

修改WordPress主题文件(2)

制作footer.php,在主题目录中新建文件footer.php,提取index.php中的页脚代码: <!-- Footer -->    <p class="grid_12 footer clearfix"> <span class="float"><strong>Design By</strong> QwibbleDesigns      <strong>Code By</stro

Wordpress主题文件夹中的functions.php作用说明

有一些wordpress的教程提到functions.php文件,比如之前的wordpress打开慢处理在functions.php添加代码屏蔽谷歌字体.那么这个functions.php是什么用途的呢,今天鼎峰阿D给大家说明一下: functions.php 是 WordPress主题预留的功能函数文件,专业的站长用于添加各种自定义函数代码实现自己想要的功能.这个文件一般是存在WordPress的主题中,比如新安装的4.1版本路径就是wp-content/themes/twentyfourte

修改WordPress主题导致整个站点404无法访问

今天下午发现自己用WordPress搭建的站点www.hainter.com的主题有一些bug,决定对其进行一些修改. 由于主题原先并不是自己设计的,是在知更鸟的Ality主题基础上修改的,所以对于里面的每个文件之前并没有做过很多深入研究. 改了一下午,在本地用USBWebServer实现的站点中进行调试通过,然后用FTP客户端上传到站点,直接替换现有主题.替换完了刷新页面竟然无法访问了,浏览器中显示404错误. 遇到这个错误,第一反应是网络的问题,因为是国外服务器,偶尔出现404感觉也正常.刷

(转)WordPress常用模板函数 修改或自制WordPress主题必备

对于很多WordPress新手来说,不懂任何代码的情况下去瞎改WordPress主题,得出的效果往往会出现语法错误之类的东西或效果不尽人意.想要修改 WordPress主题模板文件最基本的当然要懂得HTML代码,熟悉DIV+CSS布局,PHP代码也得略懂一二. 不过一些比较简单易懂的代码和函数,学习起来并不难,用多改多了你就会记得它,同时这些基本的代码和函数对于一个WordPress 修改主题新手来说尤其重要,当然,我这里说所的是相对有兴趣修改WordPress主题模板的新手,注重网站内容的新手

辛星浅析WordPress的主题文件的调用机制

所谓WordPress主题文件的调用机制,也就是调用的层级先后关系. 首页模板: 1.首页模板通常是index.php或者home.php,当访客访问站点时WordPress会首先查询主题目录下是否存在home.php,如果不存在则调用index.php. 2.因此首页模板调用的先后顺序如下:home.php ->  index.php 分类页面模板: 1.分类页面模板通常是category.php或者archive.php或者index.php,当访客访问的页面为分类页面时,WordPress

wordpress主题制作结构文件

下面是WordPress主题文件层次结构,它会告诉你:当WordPress显示特定的页面类型时,会使用哪个模板文件呢?只有了解了以下主题层次结构,你才能知道你的WordPress主题到底需要写哪些文件. 怎么看下面的文件层次结构? 以主页为例,下面有2个文件home.php和index.php,WordPress程序会从你的主题文件夹中依次查找这两个文件: 如果找到home.php,则使用home.php作为博客首页模板,即使你的主题文件夹中有index.php: 如果home.php未找到,则

修改wordpress后台之css路径问题

有时候我们需要修改WordPress后台的一些样式,最直接的办法就是直接修改WordPress后台的CSS文件,可是这样做,每次WordPress更新都要重新修改一次,好不麻烦! CSS的意思是层叠样式表,写在后面的样式会覆盖前面的样式,明白了这一点,我们就可以不用修改WordPress后台样式文件而达到定制WordPress后台的目的. 在下面的代码中,我们把对WordPress后台样式做的一些修改命名为`wp-admin.css`,然后放到主题文件夹里,然后通过`admin_head`这个主

如何修改WordPress图片地址为相对路径

https://blog.csdn.net/lizhi125/article/details/16940617 WordPress图片地址在默认编辑下是使用额绝对路径,这样别人复制你文章到其他的网站上,图片也可以正常显示,但是如果我想更改博客的域名,或者路径,那么这些图片的地址全部失效,不能正常显示.优搜网在网上找到两种解决Wordpress模板图片使用相对路径的方法,希望可以帮到大家. 1.修改Wordpress主题根目录下的wp-config.php,这个文件只有在安装好Wordpress之

WordPress主题(模板)修改教程(十):在页面中调用文章列表内容

前两天磊子分别对模板和侧边栏的创建以及使用方法给大家讲了下,如果没有看的可以了解一下,今天我们就来折腾下模板.我们知道每一个模板文件都是一个单页面,和主题文件里面的page.php一样,我们只能调用wordpress页面内容,那我们怎样将文章列表显示在页面里呢,磊子今天就说下这个. 页面调用文章列表我们可以分别用两个wordpress函数来做,首先第一个函数这个叫query_posts(里面的参数大家可以看下官方文档)写法以及示例如下: 01 <?php  02 03 query_posts(