wordpress公司站主题风格制作 苏州市建网站seobl

小默 Wordpress沟通交流, 企业网站建设 1、公司静态数据网页页面制作成wordpress主题风格

公司主题风格和blog主题风格的差别

1、显示信息內容不一样

2、商品主导,照片丰富多彩,更为的细分化

3、在制作上和blog主题风格的差别,category.php

 

制作一个非常简单的主题风格,只必须2个文档,index.php和style.css

 

第一步,提前准备静态数据网页页面

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

第三步,给style.css加上著作权信息内容

第四步:把主题风格提交到室内空间中wordpress安裝相对路径,wp-content/themes/下边,这儿主题风格的文档夹姓名务必是英语

第五步,在wordpress后台管理开启主题风格

 

先给style.css加上著作权信息内容

/*

Theme Name: wordpress theme 01

Theme URI: 

Description: a company theme

Author: xixi

Author URI: 

Version: 1.0

Tags: white, company, liweihui, blue,products,news

*/

 

Style.css相对路径启用: ?( stylesheet_url ); ?

主题风格所属相对路径启用: ?( stylesheet_directory ); ?

 

第六步,把index.php分拆成header.php,footer.php和sidebar.phhp

必须采用的启用标识:

?php get_header();?

?php get_footer();?

?php get_sidebar();?

 

 

2、制作header.php,footer.php和sidebar

1、Header.php和footer.php采用编码:

meta http-equiv= Content-Type content= text/html; charset= ?( charset ); ? /

?php wp_head(); ?

title ?php if (is_home()||is_search()) { ( name ); } else { wp_title( ); ( name ); } ? /title

 

Title的书写,引入blog信息内容做为title

title China ?php if (is_home()||is_search()) { ( name ); } else { wp_title( ); ( name ); } ? | Supplier /title ! #引入信息内容做题目

 

Meta的设置,应用php分辨网页页面种类;随后相对的引入,见附录1

 

Footer.php著作权信息内容:

© Copyright (c) 2011 a href= target= _parent wordpress实例教程网 /a | Powered by 后乐轩 a href= a

 

获得blog姓名: ?( name ); ?

获得blog叙述: ?( description ); ?

获得首页相对路径: ?php echo get_option( home ); ?

网页页面启用:

?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 ); ?

 

2、sidebar.php采用编码:

 

商品归类启用编码:改动child_of=

?php wp_list_cats( sort_column=name optioncount=1 hierarchical=1 hide_empty=0 child_of=10 ); ?

 

新闻报道归类编码启用:改动child_of=

?php wp_list_cats( sort_column=name optioncount=1 hierarchical=1 hide_empty=0 child_of=10 ); ?

 

一部分网页页面导航栏启用:改动include=中的id给你要想显示信息的id

?php wp_list_pages( sort_column=menu_order title_li= depth=2 include= ); ?

 

这儿必须采用缩列图软件wp-thumbnails

 

1、照片展现编码:

?php if (have_posts()) : ?

?php query_posts( cat=3 . $mcatID. caller_get_posts=1 showposts=6 ); ?

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

 

li

?php if(function_exists( wp_thumbnails_for_homepage )) { wp_thumbnails_for_homepage(); } ?

br / p a href= ?php the_permalink() ?   ?php the_title(); ? /a /p

/li

 

?php endwhile;?

?php else : ?

?php endif; ?

 

?php if (have_posts()) : ?

?php query_posts( cat=1 showposts=20 ); ?

 

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

ul

 

li a href= ?php the_permalink() ? rel= bookmark title= Permanent Link to ?php the_title_attribute(); ? ?php the_title(); ? /a /li

 

/ul

?php endwhile; ?

?php else : ?

?php endif; ?

 

友谊连接:

?php wp_list_bookmarks( title_li= categorize=0 orderby=rand limit=24 ); ?

 

 

4、新闻报道目录网页页面的制作和分页查询

在建网页页面category-*.php,*号为wordpress后台管理创建的相对的归类id号

1、显示信息目录:

?php if ($posts_perpage) { ?

?php $postsperpage = $posts_perpage; ?

?php } else { ?

?php $postsperpage = 10; ?

?php } ?

 

?php

$categoryID=$cat;

$wp_query = new WP_Query( cat= . $categoryID. orderby=date order=desc posts_per_page= .$postsperpage. paged= .$paged); ?

 

 

 

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

ul

 

li span ?php the_date_xml(); ? /span span /span a href= ?php the_permalink() ? rel= bookmark title= Permanent Link to ?php the_title_attribute(); ? ?php the_title(); ? /a /li

 

/ul

?php endwhile; ?

 

2、显示信息分页查询

启用方法:    ?php pagenav($query_string); ?

 

在functions.php中加上:

//pagenav

function pagenav($query_string){

global $posts_per_page, $paged;

$my_query = new WP_Query($query_string . posts_per_page=-1 );

$total_posts = $my_query- post_count;

if(empty($paged))$paged = 1;

$prev = $paged 1;

$next = $paged + 1;

$range = 4; // only edit this if you want to show more page-links

$showitems = ($range * 2)+1;

 

$pages = ceil($total_posts/$posts_per_page);

if(1 != $pages){

echo div >

echo ($paged 2 $paged+$range+1 $pages $showitems $pages)? a href=' .get_pagenum_link(1). 最前 /a :

echo ($paged 1 $showitems $pages)? a href=' .get_pagenum_link($prev). 上一页 /a :

 

for ($i=1; $i = $pages; $i++){

if (1 != $pages ( !($i = $paged+$range+1 || $i = $paged-$range-1) || $pages = $showitems )){

echo ($paged == $i)? span ' .get_pagenum_link($i). >

}

}

 

echo ($paged $pages $showitems $pages) ? a href=' .get_pagenum_link($next). 下一页 /a :

echo ($paged $pages-1 $paged+$range-1 $pages $showitems $pages) ? a href=' .get_pagenum_link($pages). 最终 /a :

echo /div \n

}

}

 

在sytle.css下边加上

/*分页查询的款式 */

.pagination{ margin:0 10px 10px 15px;line-height:23px;text-align:center;}

.pagination span, .pagination a{font-size:12px;margin: 2px 6px 2px 0;background:#fff;border:1px solid #ccc;color:#787878;padding:2px 5px 2px 5px;text-decoration:none;}

.pagination a:hover{background: #8cb900;border:1px solid #436206;color:#fff;font-size:12px;padding:2px 5px 2px 5px;}

.pagination .current{background: #8cb900;border:1px solid #436206;color:#fff;font-size:12px;padding:2px 5px 2px 5px;}

 

 

5、商品展现网页页面的制作和分页查询

在建网页页面category-*.php,*号为wordpress后台管理创建的相对的归类id号

 

照片启用:

?php if ($posts_perpage) { ?

?php $postsperpage = $posts_perpage; ?

?php } else { ?

?php $postsperpage = 9; ?

?php } ?

 

?php

$categoryID=$cat;

$wp_query = new WP_Query( cat= . $categoryID. orderby=date order=desc posts_per_page= .$postsperpage. paged= .$paged); ?

ul

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

li

?php if(function_exists( wp_thumbnails_for_homepage )) { wp_thumbnails_for_homepage(); } ?

br / p a href= ?php the_permalink() ?   ?php the_title(); ? /a /p

/li

?php endwhile;?

/ul

 

 

6、制作详尽內容网页页面single.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_time( F d, Y ) ?

创作者:: ?php the_author_posts_link(); ?

标识: ?php the_category( , ) ?

內容: ?php the_content( Read More ); ?

 

div >

div >

 

7、制作单独网页页面page.php

 

附录1:Meta的设置,应用php分辨网页页面种类;随后相对的引入,见附录1

 

 

谈起建网站后的必需提升工作中便是设定网站的Title和Meta叙述和重要词标识,尽管如今这2个标识句子早已经不那麼受检索模块所喜欢了,但适度的设定也总比没设定的好些。下边详细介绍一下WordPress程序的Title Meta标识设定方式,以便捷刚触碰应用的初学者检索参照,下面方式关键是根据改动启用WordPress标识编码完成。

 

一、WordPress Title题目提升

 

WordPress的Title显示信息思齐感觉如今默认设置的也不错,全是以“网页页面名字 | 网站名称称”这种显示信息,没有什么要改的,维持默认设置的就可以了。假如你要自定题目正中间的隔开符,只需更换下边title编码中的鲜红色一部分就可以。

 

title ?php

/*

* Print the title tag based on what is being viewed.

*/

global $page, $paged;

 

wp_title( | , true, right );

 

// Add the website name.

<( name );

 

// Add the website description for the home/front page.

$site_description = ( description , display );

if ( $site_description ( is_home() || is_front_page() ) )

echo | $site_description

 

// Add a page number if necessary:

if ( $paged = 2 || $page = 2 )

echo | . sprintf( __( Page %s , twentyten ), max( $paged, $page ) );

 

? /title

 

二、WordPress Meta标识提升

 

WordPress默认设置是沒有Meta叙述和重要词标识的,需手动式加上。下列就是我另外一WordPressblog中已经应用的Meta编码,你可以依据你的必须开展调整,下边//后的文本注解应用中可删掉掉。

 

?php

if (is_home() || is_front_page()) // 及静态数据

{

$description = 网站叙述

$keywords = 百度关键词

}

elseif (is_page()) // 独立网页页面

{

$description = get_post_meta($post- ID, description , true); // 启用网页页面中的description自定频道,在网页页面內容编写时先在建填好

$keywords = get_post_meta($post- ID, keywords , true);// 启用网页页面中的keywords自定频道,在网页页面內容编写时先在建填好

}

{

}

elseif (is_category())// 归类网页页面

{

$description = category_description();// 启用归类本身的叙述,需提早设定好

if (!empty($description) get_query_var( paged )) {

$description .= (第 .get_query_var( paged ). 页)

}// 避免分页查询叙述反复

$keywords = single_cat_title( , false);// 启用归类名字做为重要词

}

elseif (is_tag())// 标识网页页面

{

$description = tag_description();// 启用标识本身的叙述,需提早设定好

if (!empty($description) get_query_var( paged )) {

$description .= (第 .get_query_var( paged ). 页)

}// 避免分页查询叙述反复

$keywords = single_tag_title( , false);// 启用标识名字做为重要词

}

$description = trim(strip_tags($description));

$keywords = trim(strip_tags($keywords));

?

meta name= description content= ?php echo $description; ? /

meta name= keywords content= ?php echo $keywords; ? /

 

改动后将编码加上到header.php文档里就可以。

 

 

这时候就必须采用query_posts涵数,涵数的详尽主要参数能够查询wp官方网站。下边就是我blog采用的编码:

 

ul

?php query_posts( tag=皇室元林 orderby=rand showposts=6 ); ?

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

li a href=” ?php the_permalink(); ? ” title=” ?php the_title(); ? “ ?php the_title(); ? /a /li

?php endwhile; ?

?php wp_reset_query();?

/ul

 

 

启用的主要参数都可以因此好几个。

这一很重要,由于query_posts特定标准后不仅是对它下一个LOOP起效,将会造成整站别的LOOP启用无效,wp_reset_query能够用于清除wp_query标准。

 

 

 

 

 

 

 

这句话一定不可以少,要不编写网页页面时就沒有能够运用的模版文档。

把tags.php提交至模版文件目录

随后点一下后台管理- 编写- 编写网页页面 网页页面题目为 tags。网页页面內容为空便可以了。 最大要的一步,挑选网页页面控制模块,这儿除开默认设置空出了一个新选择项,便是不久才建成的tags.php模版,挑选tags。由于我开启自定的永久性连接,因此页 面缩略名也不可或缺,還是老模样,起名叫tags (起啥名都可以)

公布 OK

随后给侧面栏sidebar加个连接 一切搞电。

 

?php

/*

Template Name: Tags

*/

?

?php get_header(); ?

?php get_sidebar(); ?

div >

div >

h2 Tags /h2

div >

?php wp_tag_cloud( smallest=12 largest=12 unit=px number=5000 );? //smallest是最少字体大小,largest是较大字体大小,unit是企业,number是显示信息重要词数量,默认设置是4五个

/div

 

/div

/div ! end narrwocolumn

?php get_footer(); ?

?php

/*

Template Name: Tags

*/

 

wp_tag_cloud标识主要参数表明

 

smallest:应用频次至少的标识的字体大小尺寸(企业由unit主要参数决策),默认设置数值8

largest:应用频次数最多的标识的字体大小尺寸(企业由unit主要参数决策),默认设置数值22

unit:(标识符串)对smallest与largest的值的精确测量企业。能够是一切CSS长短企业,如pt, px, em, %。默认设置数值’pt’

number:显示信息标识总数。(数值’0′时显示信息全部标识),默认设置数值45

format:(标识符串)所显示信息的云的文件格式。’flat’(默认设置值)标识被“separator”主要参数所界定的空格符隔开;’list’标识与 >

separator:(标识符串)标识中间的文字/空格符。(引进于WordPress 2.9)。默认设置值:’/n’(空格符)

orderby:(标识符串)标识的排序次序的方法。’name’(默认设置值,按名字排序),’count’(按应用频次排序)

order:(标识符串)排序次序(升序或降序)。

‘ASC’——默认设置值;

‘DESC’;

‘RAND’任意排序。(引进于WordPress 2.5)

exclude:(标识符串)无法显示的标识(term_id)的ID,各ID用分号分隔。如‘exclude=1,2′表明无法显示id为1和2的标识。默认设置全显示信息。

include:(标识符串)挑选要显示信息的标识(term_id)目录,各ID用分号分隔。比如,‘include=3,4′表明只显示信息id为3和4的标识。默认设置全显示信息。

link:(标识符串)设定连接,容许编写某一特定标识。(该标识引进于WordPress 2.7)。

‘view’(默认设置值)

‘edit’

taxonomy:(标识符串)用于转化成云的归类法。(引进于WordPress2.8)。

‘link_category’——用连接归类文件目录转化成云

echo:(布尔运算型)显示信息結果,或将結果保存在自变量中。默认设置数值true(显示信息标识云)。(该标识引进于WordPress2.8)

1 (true) ——默认设置值

0 (false)

2020 年 7 月 3 日

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://zyzzxc.cn/ziyuan/3956.html