我是靠谱客的博主 温婉秀发,最近开发中收集的这篇文章主要介绍修改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();?>

转载于:https://www.cnblogs.com/Archerus/p/5012482.html

最后

以上就是温婉秀发为你收集整理的修改WordPress主题文件(1)的全部内容,希望文章能够帮你解决修改WordPress主题文件(1)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(30)

评论列表共有 0 条评论

立即
投稿
返回
顶部