基于wordpress主题制造的详细完成步骤

代码如下:


<?php
/*
在根目录 -> wp-content -> themes 下创立mytheme文件夹用来寄存创立新主题模板

在mytheme目录下创立 index.php ,style.css 两个文件,在wp后盾 外观->主题 中就能够看到刚创立的主题

关上style.css文件输出
*/
?>
/*
Theme Name: 这里填主题称号
Theme URI: 这里填主题引见的网址,没有就填你的博客网址吧
Description:这里填主题的冗长引见
Author: 作者名
Author URI: 作者的网址
Version: 版本号
Tags: 标签,多个用半角逗号隔开
*/
<?php
/*
在后盾主题治理中即可看到主题相干信息,css中主题信息内容必需用正文符号括起来

找一个300*225的png图片,命名为 screenshot.png 放在主标题录下(mytheme文件夹中),在主题治理页中即可看到新建主题的预览图片

//==================================================header================================================================
能够把网站相反头内容放在一个头文件中,在主标题录下新建 header.php 文件向其中输出输出 对立的头部内容
在 index.php 或想调用该header.php页面的页面中 输出
*/

get_header(); //get_header()就相当于将header.php中的代码拷贝到以后的php文件

/*
在主题治理页面,该主题实时预览中,默许关上的 index.php 页面中即可引入 header.php 页面的内容
header.php 将会被一切的模板页面(主页、分类页、页面、标签页等)所蕴含,所以 header.php 中代码应该是静态的。
不同页面的title都是不一样,而且title的设置还会间接影响到SEO的成果,所以这里应该审慎设置。上面提供一种SEO优化的title写法,
在header.php页面增加
*/
?>
<title>
<?php
if (is_home ()) { // is_home() 以后页面为主页时前往true
    bloginfo ( 'name' ); // 前往站点题目
    echo " - ";
    bloginfo ( 'description' ); // 前往站点副题目,站点形容
} elseif (is_category ()) { // is_category() 以后页面为分类页时前往true
    single_cat_title ();
    echo " - ";
    bloginfo ( 'name' );
} elseif (is_single () || is_page ()) { // is_single() 以后页面为单文章页时前往true 。 is_page() 以后页面为单页面时前往true
    single_post_title ();
} elseif (is_search ()) { // is_search() 以后页面为搜寻页时前往true
    echo "搜寻后果";
    echo " - ";
    bloginfo ( 'name' );
} elseif (is_404 ()) { // is_404() 以后页面为404页时前往true
    echo '页面未找到!';
} else {
    wp_title ( '', true );
}
?>
</title>
<?php
/*
 以上增加的php代码运用了条件判别,针对不同的页面采纳不同title
在 header.php 页面中增加默许 style.css 文件
*/
?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php
/*
bloginfo('stylesheet_url');前往的是主题默许style.css文件相对网址门路,如
http://localhost/wordpress/wp-content/themes/myTheme/style.css
bloginfo('template_url');前往的是主标题录的相对网址门路,能够用来模板中衔接款式图片,如
http://localhost/wordpress/wp-content/themes/mytheme
增加 pingback 通告性能,在header.php页面 <head> 标签中外面增加代码:
*/
?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php
/*
增加订阅feed链接,在header.php页面 <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'); ?>" />
<?php
/*
增加wp_head,有些插件需求在网页头部增加一些js或css,要让这些插件可以失常的工作,也让主题有更好的兼容性,应该增加wp_head()函数
header.php 页面 <head> 标签中增加
*/
?>

<?php wp_head(); //用于蕴含WordPress顺序输入头部信息 ?>

<?php
/*
显示菜单栏,这里只在菜单栏中列出分类页和page页面,能够依据爱好来列出想要的。header.php中
*/
?>
<ul id="navigation" class="grid_8">
    <?php wp_list_categories(); //用于列出博客分类页 ?>
    <?php wp_list_pages('depth=1&title_li=0&sort_column=menu_order'); //用于列出博客页面,可不填参数 ?>
</ul>
<?php
//==================================================footer================================================================
/*
footer.php与header.php差不多,写这个文件的目的也是为了精简代码,进步代码的重用性。
在主标题录中创立 footer.php ,在 index.php 或想调用该footer.php页面的页面中应用
*/
get_footer();//性能和get_header()相似
/*
在footer.php页面增加 wp_footer进步兼容性
*/
wp_footer();
/*
wp_footer()和wp_head()差不多,都是用于进步主题兼容性,毕竟有很多插件要在页脚输入一些货色能力失常工作。
*/
//==================================================sidebar================================================================
/*
在主标题录下新建 sidebar.php 页面,在 index.php 或想调用该sidebar.php页面的页面中增加
*/
get_sidebar();
/*
调用 sidebar.php 页面内容
为使WordPress后盾 -> 外观 -> 小工具,能够失常地拖动小工具到侧边栏
在 sidebar.php 页面的列表格局应按如下举例格局
*/
?>
<p>
    <?php
    if (! function_exists ( 'dynamic_sidebar' ) || ! dynamic_sidebar ( 'First_sidebar' )) ://First_sidebar为widget称号,要和functions.php中对应的widget name相反
    ?>
    <h4>分类目录</h4>
    <ul>
    <?php wp_list_categories('depth=1&title_li=&orderby=id&show_count=0&hide_empty=1&child_of=0'); ?>
    </ul>
    <?php endif; ?>


    <?php
    if (! function_exists ( 'dynamic_sidebar' ) || ! dynamic_sidebar ( 'Second_sidebar' )) :
    ?>
    <h4>**文章</h4>
    <ul>
    <?php
    $posts = get_posts ( 'numberposts=6&orderby=post_date' );
    foreach ( $posts as $post ) {
        setup_postdata ( $post );
        echo '<li><a href="' . get_permalink () . '">' . get_the_title () . '</a></li>';
    }
    $post = $posts [0];
    ?>
    </ul>
    <?php endif; ?>


    <?php
    if (! function_exists ( 'dynamic_sidebar' ) || ! dynamic_sidebar ( 'Third_sidebar' )) :
    ?>
    <h4>标签云</h4>
    <p><?php wp_tag_cloud('smallest=8&largest=22'); ?></p>
    <?php endif; ?>


    <?php
    if (! function_exists ( 'dynamic_sidebar' ) || ! dynamic_sidebar ( 'Fourth_sidebar' )) :
    ?>
    <h4>文章存档</h4>
    <ul>
    <?php wp_get_archives('limit=10'); ?>
    </ul>
    <?php endif; ?>
</p>
<?php
/*
同时在主标题录下创立 functions.php 文件内容为
*/
/** widgets */
if( function_exists('register_sidebar') ) {
    register_sidebar(array(
        'name' => 'First_sidebar', //name就是给widget指定各自的称号,以便在sidebar.php中辨别调用.所以只要要给这两个widget取两个名字就好了。
        'before_widget' => '', //定义Widget内容的前后标识符的语句
        'after_widget' => '',
        'before_title' => '<h4>', //定义Widget题目的前后标识符的语句
        'after_title' => '</h4>'
    ));
    register_sidebar(array(
        'name' => 'Second_sidebar',
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '<h4>',
        'after_title' => '</h4>'
    ));
    register_sidebar(array(
        'name' => 'Third_sidebar',
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '<h4>',
        'after_title' => '</h4>'
    ));
    register_sidebar(array(
        'name' => 'Fourth_sidebar',
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '<h4>',
        'after_title' => '</h4>'
    ));
}
/*
这样WordPress后盾 -> 外观 -> 小工具,就能够失常地拖动小工具到侧边栏了

制造index.php 文章列表
例子
*/
?>
<p class="grid_8">
    <!-- Blog Post -->
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <p class="post">
        <!-- Post Title -->
        <h3 class="title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h3>
        <!-- Post Data -->
        <p class="sub"><?php the_tags('标签:', ', ', ''); ?> • <?php the_time('Y年n月j日') ?> • <?php comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已封闭'); ?><?php edit_post_link('编辑', ' • ', ''); ?></p>
        <p class="hr dotted clearfix"> </p>
        <!-- Post Image -->
        <img class="thumb" alt="" src="<?php bloginfo('template_url'); ?>/images/610x150.gif" />
        <!-- Post Content -->
        <?php //the_excerpt(); ?>
        <?php the_content('浏览全文...'); ?>
        <!-- Read More Button -->
        <p class="clearfix"><a href="<?php the_permalink(); ?>" class="button right">浏览全文</a></p>
    </p>
    <p class="hr clearfix"> </p>
    <?php endwhile; ?>

    <!-- Blog Navigation -->
    <p class="clearfix"><?php previous_posts_link('<< 查看新文章', 0); ?> <span class="float right"><?php next_posts_link('查看旧文章 >>', 0); ?></span></p>
    <?php else : ?>
    <h3 class="title"><a href="#" rel="bookmark">未找到</a></h3>
    <p>没有找到任何文章!</p>
    <?php endif; ?>
</p>
<?php
/*
have_posts();       判别能否有下一个文章
the_post();         扭转以后文章指向到下一个文章

the_permalink();    以后指向文章的衔接地址
the_title();        以后指向文章的题目
the_tags('标签:');  以后指向文章的标签
comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已封闭');    显示打印以后指向文章的评论链接
edit_post_link('编辑', ' • ', '');    以后指向文章,显示打印以后指向文章的编辑链接
the_excerpt();                 以后指向文章,只需在写文章的时分在"摘要"框内填写摘要,在首页显示的就是摘要,假如不填就输入全文!
the_content('浏览全文...');    用于输入以后指向文章全文,除非在文章中应用了<!-- more -->
the_permalink();              前往以后指向文章浏览全文的衔接地址
previous_posts_link('<< 查看新文章', 0); 显示打印以后显示列表分页衔接(每页文章数量取决于在后盾设置每页可显示的文章数量)
next_posts_link('查看旧文章 >>', 0);      显示打印以后显示列表分页衔接
the_time('Y年n月j日');显示日期如 1999年5月1日

另外,还有个存档页面的模板archive.php,跟index.php的制造进程齐全一样,只不过需求在functions.php里增加一个函数

单文章页single.php,能够依据index.php页往这里增加本人想要显示的内容

page.php 也就是页面,博客上的一切网页都是页面,这里指的页面一个独自的页面,如"对于"、"联络形式"等,能够在WordPress后盾 – 页面,进行页面的增加修正等。
可依据之前函数增加本页内容
*/
while (have_posts()) :
    the_post(); update_post_caches($posts);
endwhile;
/*
update_post_caches($posts);  该函数重置文章缓存且未被记载。仅在页面的**次循环检索到文章子集时,第二次循环可执行根本循环。

罕用函数
get_avatar($comment, 48);       获取评论者的gravatar头像,尺寸为48 * 48
comment_reply_link()                 回复留言的链接
get_comment_time('Y-m-d H:i');       获取评论公布工夫
edit_comment_link('修正');           治理员修正评论的链接
comment_text()                       输入评论内容

is_user_logged_in()                  判别用户能否登录
wp_login_url( get_permalink() );     博客登录地址
get_comment_author_link()            用于获取评论者博客地址
$comment_author                      读取cookie,假如该用户之前曾经宣布过评论则主动协助用户填写用户名
$comment_author_email                读取cookie,假如该用户之前曾经宣布过评论则主动协助用户填写Email
$comment_author_url                  读取cookie,假如该用户之前曾经宣布过评论则主动协助用户填写博客地址
do_action(‘comment_form', $post->ID) 该函数为某些插件预留
wp_logout_url(get_permalink())       加入登录的链接
*/

/*
创立模板文件
*/


/*
 Template Name: 自建模板
*/

/*
 模板文件中增加如上正文代码,模板文件名恣意,在新建页面时模板抉择即可显示 自建模板 来应用此模板
可增加想要的模板款式及页面内容,新建页面时只填题目不写内容,相当创立一个页面链接地址,新建页面存在 数据前缀_posts 表中
获取到页面地址后,在写地址时可在后增加参数,则转到该页时可经过$_GET,$_POST接纳
能够独自建一个表存储地址,及所属页面类型,及各页体面父级关系,在插件中进行管制


wordpress固定链接
假如修正wordpress固定链接不好用,在apache配置文件 httpd.conf 中关上选项
#LoadModule rewrite_module modules/mod_rewrite.so
把后面 # 去掉,并把一切 AllowOverride None 改成 AllowOverride all
假如不是Apache效劳器,而是用的IIS调试的话,那就得去装置一个“ISAPI_Rewrite3_0069_Lite.msi”挑选器,而后在站点设置外面将PHP置为优先级。

创立小工具
在主标题录下新建自定义文件 mytool.php 文件名恣意,内容恣意
而后在 functions.php 中增加如下代码
*/
register_sidebar_widget ( "我的小工具", "mytool_fun" ); // "我的小工具"为后盾显示小工具称号,mytool_fun为引入自建小工具页面内容的办法名
function mytool_fun() {
    include (TEMPLATEPATH . "/mytool.php");
}
/*
在后盾小工具中即可看到自定义的小工具,增加后,前台页面即可看到自建小工具页面的内容
*/
?>

以上就是安达网络工作室关于《基于wordpress主题制作的具体实现步骤》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: wordpress 主题制作 PHP编程
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
Wordpress迁徙后图片地址谬误成绩的处理办法

WordPress改换空间后 需求调整的几个中央? 1.数据库衔接配置文件 wp-config.php 2.查看.htaccess文件,并修...

WordPress中获取指定分类及其子分类下的文章数目

获取特定分类文章数 有时分咱们想获取某个分类(category)下的文章数目,以便在博客的某个中央显示进去。上面...

WordPress中邮件的一些修正和自定义技巧

更改邮件内容类型为 HTML 在 WordPress 中发送邮件需求应用 wp_mail() 函数,然而邮件内容默许的类型却是“...

Wordpress 显示主题图片的完成代码

复制代码代码如下: <?php //Put this in functions.php function get_primary_image($id, $size){ ...

WordPress JQuery解决沙发头像

我想这对沙发同窗不太偏心吧。昨天在看yinheli同窗的《鼠标悬浮完成显示留言内容》一文(倡议看看,好文章)...

Wordpress主动提取内容中第一张图片作缩略图的办法

本文实例讲述了Wordpress主动提取内容中第一张图片作缩略图的办法。分享给大家供大家参考。详细剖析如下: ...

需求提交

客服服务