小松SEO,河北保定SEO愛好者,為seoer提供網站建設以及SEO優化教程視頻下載、SEO常見問題解答,為企業網站提供SEO診斷、SEO優化服務!跟我聯系

WordPress單頁主題制作視頻教程【提供模板文件及教程下載】

SEO建站教程 董小松 7452℃ 0評論

相信學習SEO的同學有好多是從淘寶客開始的,小松也是如此,剛開始想做著玩玩,賺些零花錢,根本沒想到SEO的知識不是一朝一夕能夠學完的。在剛開始做的時候,不知道如何建站,做淘客也非常的累,那么這個教程可以教大家如何用WordPress做一個單頁主題的模板,學了這個教程,就可以非常容易的對淘客站甚至企業站進行熟練的操作了。

1、wordpress模板結構分析

索引頁模版:index.phpWordPress單頁制作教程

頂部:header.php

文章頁面模板:single.php

邊欄模板:sidebar.php

底部:footer.php

頁面模版:page.php

搜索結果:search.php

文章歸檔:archive.php

評論:comments.php

404 頁面模版:404.php

主題支持函數:functions.php

樣式表:style.css

2、制作一個可以運行的wordpress主題,修改style.css

制作一個最簡單的主題,只需要兩個文件,index.php和style.css

第一步,準備靜態頁面

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

第三步,給style.css添加版權信息

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

第五步,在wordpress后臺啟用主題

先給style.css添加版權信息

/*

Theme Name: wordpress theme 01

Theme URI: http://www.wpbaike.com

Description: a simple bolg theme

Author: xixi

Author URI: http://www.wpbaike.com

Version: 1.0

Tags: white, blog, liweihui, blue

*/

Style.css路徑調用:<?php bloginfo( ‘stylesheet_url’ ); ?>

主題縮略圖名字:screenshot.png

3、制作出主題結構,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();?>

4、修改header.php,footer.php

新建一個index.php文件,header.php,footer.php,

這步需要用到的標簽:

獲取博客名字:<?php bloginfo(‘name’); ?>

獲取博客描述:<?php bloginfo(‘description’); ?>

獲取主頁路徑:<?php echo get_option(‘home’); ?>

獲取主題存放路徑:<?php bloginfo(‘template_directory’); ?>

其他外部文件調用方法:<?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>

頁面調用:

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

分類目錄調用:

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

5、制作sidebar.php

最新文章:<?php wp_get_archives(‘type=postbypost&limit=20′); ?>

日志標題太長超出,修改style.css,用到的代碼:

text-overflow:ellipsis; white-space:nowrap; overflow:hidden;

隨機文章:

<?php $rand_posts = get_posts(‘numberposts=10&orderby=rand’);foreach($rand_posts as $post) : ?>

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

<?php endforeach;?>

標簽云:

<?php wp_tag_cloud(‘smallest=8&largest=36&’); ?>

文章日期歸檔:

<?php wp_get_archives( ‘type=monthly’ ); ?>

分類目錄:

<?php wp_list_cats(‘sort_column=name&optioncount=1&hierarchical=0′); ?>

友情鏈接:

<?php wp_list_bookmarks(‘title_li=&categorize=0&orderby=rand&limit=24′); ?>

6、制作index.php

文章循環標簽:

循環開頭:

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

循環結尾:

<?php endwhile; ?>

<?php else : ?>

<?php endif; ?>

標題:<a href=”<?php the_permalink() ?>”><?php the_title_attribute(); ?></a>

調用文章內容:

<?php the_content(“Read More…”); ?>

調用文章內容摘要:

<?php the_excerpt(“Read More…”); ?>

作者:<?php the_author_posts_link(); ?>

日期:<?php the_time(‘F d, Y’) ?>

評論調用:<?php comments_number(‘No Comment’, ‘1 Comment’, ‘% Comments’ );?>

文章所屬分類:標簽:<?php the_category(‘, ‘) ?>

上一頁,下一頁調用:

<div style=”float:left”><?php previous_post_link(‘&laquo; %link’); ?></div>

<div style=”float:right”><?php next_post_link(‘%link &raquo;’); ?></div>

7、制作single.php頁面,加入評論

在single.php中調用<?php endwhile; ?>和<?php else : ?>中間讓入

<?php comments_template(); ?>

8、制作page.php,archive.php,404.php

Page.php和single.php一樣

archive.php和index.php一樣

9、制作小工具

添加functions.php,

<?php

if ( function_exists(‘register_sidebar’) )

register_sidebar(array(

‘before_widget’ => ‘<div class=”sidebox”>??? ‘,

‘after_widget’ => ‘</div>’,

‘before_title’ => ‘<h2>’,

‘after_title’ => ‘</h2>’,

));

?>

在sidebar.php中模塊最上面插入:

<?php if ( !function_exists(‘dynamic_sidebar’)

|| !dynamic_sidebar() ) : ?>

Sidebar最下面,添加<?php endif; ?>

10、細節問題處理

分頁的函數:加到functions.php中

大家在學習這些內容的過程中,千萬不要光看不練,因為建站是個操作性比較強的東西,在聽的時候感覺挺簡單的,都能聽懂,但是當你真正自己操作的時候會發現很多問題,這些問題只有不斷的修改嘗試才能熟練的掌握,很多同學沒有自己的空間和域名,這不要緊,小松寫過一篇《本地搭建服務器環境級網站安裝教程》,大家可以學習在本地環境上對模板進行修改,這樣既省時又不用花錢。

本節教程下載地址:http://pan.baidu.com/s/1bnzr91t ? ? ? ? ? ? ? ? ? ? ? 提取密碼: vk1l

轉載請注明:河北保定SEO » WordPress單頁主題制作視頻教程【提供模板文件及教程下載】

喜歡 (21)or分享 (0)

您必須 登錄 才能發表評論!

(1)個小伙伴在吐槽
  1. 很有用!!!謝謝!
    fanfam2014-11-18 13:35
福彩3d中奖号码