如何制作wordpress模板

2024-09-07 00:50:36

字體：大中小

供稿：網(wǎng)友

有時(shí)候自己看到一個(gè)非常好的網(wǎng)站,但是沒(méi)有模板,這個(gè)時(shí)候該怎么辦呢？其實(shí),在后知的這個(gè)博客的邊欄是自己仿出來(lái)的,所以這里教大家如何用wp仿站制作模板,后知也是在學(xué)習(xí)中愿與大家一起學(xué)習(xí)制作.

首先,我們來(lái)進(jìn)行對(duì)wordpress模板結(jié)構(gòu)分析

索引頁(yè)模版：index.php

頂部：header.php

文章頁(yè)面模板：single.php

邊欄模板：sidebar.php

底部：footer.php

頁(yè)面模版：page.php

搜索結(jié)果：search.php

文章歸檔：archive.php

評(píng)論：comments.php

404 頁(yè)面模版：404.php

主題支持函數(shù)：functions.php

樣式表：style.css

然后,制作一個(gè)可以運(yùn)行的wordpress主題,修改style.css

制作一個(gè)最簡(jiǎn)單的主題,只需要兩個(gè)文件,index.php和style.css

第一步,準(zhǔn)備靜態(tài)頁(yè)面

第二步,制作index.php和style.css

第三步,給style.css添加版權(quán)信息

第四步,把主題上傳到空間中wordpress安裝路徑,wp-content/themes/下面,這里主題的文件夾名字必須是英文

第五步,在wordpress后臺(tái)啟用主題

先給style.css添加版權(quán)信息

所以的images都要換成<?php bloginfo('template_directory'); ?>/images

Style.css路徑調(diào)用：<?php bloginfo( 'stylesheet_url' ); ?>

主題縮略圖名字：screenshot.png

再制作出主題結(jié)構(gòu),index.php，header.php，footer.php，sidebar.php

把index.php拆分成header.php，footer.php和sidebar.phhp

<?php get_header();?>

<?php get_footer();?>

<?php get_sidebar();?>

還有就是，修改header.php，footer.php

新建一個(gè)index.php文件，header.php，footer.php，

這步需要用到的標(biāo)簽:

獲取博客名字：<?php bloginfo('name'); ?>

獲取博客描述：<?php bloginfo('deｓｃｒｉｐｔion'); ?>

獲取主頁(yè)路徑：<?php echo get_option('home'); ?>

獲取主題存放路徑：<?php bloginfo('template_directory'); ?>

其他外部文件調(diào)用方法：<?php include (TEMPLATEPATH . '/ad/ad2.htm'); ?>

<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo( 'charset' ); ?>" />

<?php wp_head(); ?>

<title><?php if (is_home()||is_search()) { bloginfo('name'); } else { wp_title(''); print " - "; bloginfo('name'); } ?> </title>

頁(yè)面調(diào)用:

<?php wp_list_pages('sort_column=menu_order&title_li=&depth=2&include='); ?>

分類目錄調(diào)用:

<?php wp_list_categories('title_li=0&orderby=name&show_count=0&depth=2'); ?>

如果當(dāng)前文章所屬分類為兩個(gè)以上還可以格式化輸出它們:

<?php the_category( '-' )?>

這樣就會(huì)輸出這樣的內(nèi)容 “分類1 - 分類2 - 分類3 - ......”

<p>當(dāng)前位置: <a href="http://xxx.com/" title="首頁(yè)">首頁(yè)</a>>><?php $categorys = get_the_category(); $category = $categorys[0];echo(get_category_parents($category->term_id,true,'>>')); ?> 閱讀正文</p>

還有就是跟后知博客的邊欄一樣,制作sidebar.php

最新文章：<?php wp_get_archives('type=postbypost&limit=20'); ?>

日志標(biāo)題太長(zhǎng)超出，修改style.css，用到的代碼：

text-overflow:ellipsis; W*hite-space:nowrap; overflow:hidden;

隨機(jī)文章:

<?php rand_posts as $post) : ?>

<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>

<?php endforeach;?>

不用Random Pages Widget插件實(shí)現(xiàn)隨機(jī)文章的寫(xiě)法

<?php $rand_posts = get_posts('numberposts=5&orderby=rand'); foreach( $rand_posts as $post ) : ?>

<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>

<?php endforeach; ?>