首页 > > 网页制作 > css >

wordpress二次开发技巧之functions.php篇

2018-06-24 00:56:54来源：未知 阅读 ()

新老客户大回馈,云服务器低至5折

wordpress二次开发中对于functions.php的制作是非常多的，今天我们来分享关于wordpress二次开发技巧之functions.php的制作，希望大家可以喜欢！

下面根据需求，对各种能实现进行简单介绍。

先对functions.php文件进行介绍，通过代码实现各功能。

1. widgets sidebar 侧边栏小工具

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

01 /** widgets sidebar 侧边栏小工具*/
02 if( function_exists('register_sidebar'<span class="crayon-sy">) ) {
03   register_sidebar(array(
04     'name' <span class="crayon-o">=> 'First_sidebar'<span class="crayon-sy">,
05     'before_widget' <span class="crayon-o">=> ''<span class="crayon-sy">,
06     'after_widget' <span class="crayon-o">=> ''<span class="crayon-sy">,
07     'before_title' <span class="crayon-o">=> '<h4>'<span class="crayon-sy">,
08     'after_title' <span class="crayon-o">=> '</h4>'
09   ));
10   register_sidebar(array(
11     'name' <span class="crayon-o">=> 'Second_sidebar'<span class="crayon-sy">,
12     'before_widget' <span class="crayon-o">=> ''<span class="crayon-sy">,
13     'after_widget' <span class="crayon-o">=> ''<span class="crayon-sy">,
14     'before_title' <span class="crayon-o">=> '<h4>'<span class="crayon-sy">,
15     'after_title' <span class="crayon-o">=> '</h4>'
16   ));
17   register_sidebar(array(
18     'name' <span class="crayon-o">=> 'Third_sidebar'<span class="crayon-sy">,
19     'before_widget' <span class="crayon-o">=> ''<span class="crayon-sy">,
20     'after_widget' <span class="crayon-o">=> ''<span class="crayon-sy">,
21     'before_title' <span class="crayon-o">=> '<h4>'<span class="crayon-sy">,
22     'after_title' <span class="crayon-o">=> '</h4>'
23   ));
24   register_sidebar(array(
25     'name' <span class="crayon-o">=> 'Fourth_sidebar'<span class="crayon-sy">,
26     'before_widget' <span class="crayon-o">=> ''<span class="crayon-sy">,
27     'after_widget' <span class="crayon-o">=> ''<span class="crayon-sy">,
28     'before_title' <span class="crayon-o">=> '<h4>'<span class="crayon-sy">,
29     'after_title' <span class="crayon-o">=> '</h4>'
30   ));
31 }
32   
33 register_nav_menus(array("primary" => "Primary Navigation"));

2. 后台支持自定义菜单

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

3. 面包屑导航

asdfgvsdgsdf

01 // 面包屑导航注册代码
02 function wheatv_breadcrumbs() {
03   $delimiter = '<i>></i>'<span class="crayon-sy">;
04   $name = '首页'<span class="crayon-sy">; //text for the 'Home' link
05   $currentBefore = ''<span class="crayon-sy">;
06   $currentAfter = ''<span class="crayon-sy">;
07   
08   if ( !is_home() && !is_front_page() || is_paged() ) {
09   
10   echo ''<span class="crayon-sy">;
11   global $post;
12   // $home = get_bloginfo('url');
13   $home = get_option('home'<span class="crayon-sy">);
14   echo '<a href="'<span class="crayon-sy">.$home.'" >'<span class="crayon-sy">. $name . ' </a>' <span class="crayon-sy">. $delimiter . ' '<span class="crayon-sy">;
15   
16   if ( is_category() ) {
17     global $wp_query;
18     $cat_obj = $wp_query->get_queried_object();
19     $thisCat = $cat_obj->term_id;
20     $thisCat = get_category($thisCat);
21     $parentCat = get_category($thisCat->parent);
22     if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' <span class="crayon-sy">. $delimiter . ' '<span class="crayon-sy">));
23       echo $currentBefore . ''<span class="crayon-sy">;
24       single_cat_title();
25       echo '' <span class="crayon-sy">. $currentAfter;
26   
27     } elseif ( is_day() ) {
28       echo '' <span class="crayon-sy">. get_the_time('Y'<span class="crayon-sy">) .' ' <span class="crayon-sy">. $delimiter . ' '<span class="crayon-sy">;
29       echo '' <span class="crayon-sy">. get_the_time('F'<span class="crayon-sy">) .' ' <span class="crayon-sy">. $delimiter . ' '<span class="crayon-sy">;
30       echo $currentBefore . get_the_time('d'<span class="crayon-sy">) . $currentAfter;
31   
32     } elseif ( is_month() ) {
33       echo '' <span class="crayon-sy">. get_the_time('Y'<span class="crayon-sy">) .' ' <span class="crayon-sy">. $delimiter . ' '<span class="crayon-sy">;
34       echo $currentBefore . get_the_time('F'<span class="crayon-sy">) . $currentAfter;
35   
36     } elseif ( is_year() ) {
37       echo $currentBefore . get_the_time('Y'<span class="crayon-sy">) . $currentAfter;
38   
39     } elseif ( is_single() ) {
40       $cat = get_the_category(); $cat = $cat[0];
41       echo get_category_parents($cat, TRUE, ' ' <span class="crayon-sy">. $delimiter . ' '<span class="crayon-sy">);
42       echo $currentBefore;
43       the_title();
44       echo $currentAfter;
45   
46     } elseif ( is_page() && !$post->post_parent ) {
47       echo $currentBefore;
48       the_title();
49       echo $currentAfter;
50   
51     } elseif ( is_page() && $post->post_parent ) {
52       $parent_id = $post->post_parent;
53       $breadcrumbs = array();
54       while ($parent_id) {
55         $page = get_page($parent_id);
56         $breadcrumbs[] = '' <span class="crayon-sy">. get_the_title($page->ID) .''<span class="crayon-sy">;
57         $parent_id = $page->post_parent;
58       }
59       $breadcrumbs = array_reverse($breadcrumbs);
60       foreach ($breadcrumbs as $crumb) echo $crumb . ' ' <span class="crayon-sy">.$delimiter . ' '<span class="crayon-sy">;
61       echo $currentBefore;
62       the_title();
63       echo $currentAfter;
64   
65     } elseif ( is_search() ) {
66       echo $currentBefore . '搜索结果' <span class="crayon-sy">. get_search_query() . '' <span class="crayon-sy">. $currentAfter;
67   
68     } elseif ( is_tag() ) {
69       echo $currentBefore . '搜索标签： '<span class="crayon-sy">;
70       single_tag_title();
71       echo '' <span class="crayon-sy">. $currentAfter;
72   
73     } elseif ( is_author() ) {
74       global $author;
75       $userdata = get_userdata($author);
76       echo $currentBefore . 'Articles posted by ' <span class="crayon-sy">. $userdata->display_name . $currentAfter;
77   
78     } elseif ( is_404() ) {
79       echo $currentBefore . 'Error 404' <span class="crayon-sy">. $currentAfter;
80   }
81   
82   if ( get_query_var('paged'<span class="crayon-sy">) ) {
83     if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' ('<span class="crayon-sy">;
84       echo __('第'<span class="crayon-sy">) . '' <span class="crayon-sy">. get_query_var('paged'<span class="crayon-sy">) . '页'<span class="crayon-sy">;
85     if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')'<span class="crayon-sy">;
86   }
87   echo ''<span class="crayon-sy">;
88   }
89 }

显示面包屑导航（category.php或single.php等）

1 <?php wheatv_breadcrumbs(); ?>

4.  文章访问量（点击数）

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

显示点击量（如category.php或single.php）

1 <?php echo getPostViews(get_the_ID()); ?>

5. 文章中所有链接新窗口中打开

6. 清除wp自带无用头部信息

7. 自动保存和文章修订功能

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

8. 彩色静态标签云

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

输出标签

9. 搜索结果关键词高亮显示

具体实现，再另写文章介绍，后续可通过搜索找到。

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

10. 自定义登录界面

在不更改html的情况下，可通过引入样式文件，自定义登录界面。

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

11. 获得当前文章的位置

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

显示上下篇及位置，在single.php

12. 热门标签ajax加载

点击换一换

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

HTML部分

使用JS实现点击交互

13. 外链加上nofollow

防止引入的网站有问题，被降权

01 // 文章外部链接加上nofollow
02 add_filter( 'the_content', 'cn_nf_url_parse');
03 function cn_nf_url_parse( $content ) {
04   
05   $regexp = "<as[^>]*href=("??)([^" >]*?)1[^>]*>";
06   if(preg_match_all("/$regexp/siU", $content, $matches, PREG_SET_ORDER)) {
07     if( !empty($matches) ) {
08   
09       $srcUrl = get_option('siteurl');
10       for ($i=0; $i < count($matches); $i++)
11       {
12   
13         $tag = $matches[$i][0];
14         $tag2 = $matches[$i][0];
15         $url = $matches[$i][0];
16   
17         $noFollow = '';
18   
19         $pattern = '/targets*=s*"s*_blanks*"/';
20         preg_match($pattern, $tag2, $match, PREG_OFFSET_CAPTURE);
21         if( count($match) < 1 )
22           $noFollow .= ' target="_blank" ';
23   
24         $pattern = '/rels*=s*"s*[n|d]ofollows*"/';
25         preg_match($pattern, $tag2, $match, PREG_OFFSET_CAPTURE);
26         if( count($match) < 1 )
27           $noFollow .= ' rel="nofollow" ';
28   
29         $pos = strpos($url,$srcUrl);
30         if ($pos === false) {
31           $tag = rtrim ($tag,'>');
32           $tag .= $noFollow.'>';
33           $content = str_replace($tag2,$tag,$content);
34         }
35       }
36     }
37   }
38   
39   $content = str_replace(']]>', ']]>', $content);
40   return $content;
41   
42 }

14. 图片懒加载lazyload3. 外链加上nofollow

1 function lazyload($content) {
2   if(!is_feed()||!is_robots) {
3     $content=preg_replace('/<img(.+)src=['"]([^'"]+)['"](.*)>/i',"<img$1data-original="$2" src="data:image/gif;base64,R0lGODlhAQABAIAAAOHh4QAAACH5BAAAAAAALAAAAAABAAEAQAICRAEAOw=="$3>n",$content);
4   }
5   return $content;
6 }
7 add_filter ('the_content', 'lazyload');

JS代码（需引入jquery.lazyload.js）

1 // lazyload
2 $("img").lazyload({
3     effect : "fadeIn",
4     threshold : 100,
5 });

15. 获取文章中第一张图

如跑马灯图

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

01 // 获取文章中第一张图
02 function wpdx_postimage($atts, $content = null) {
03   extract(shortcode_atts(array(
04     "size" => 'full',
05     "float" => 'none'
06   ), $atts));
07   $images =& get_children( 'post_type=attachment&post_mime_type=image&post_parent='. get_the_id() );
08   foreach( $images as $imageID => $imagePost )
09   $fullimage = wp_get_attachment_image($imageID, $size, false);
10   $imagedata = wp_get_attachment_image_src($imageID, $size, false);
11   $width = ($imagedata[1]+2);
12   $height = ($imagedata[2]+2);
13   return $fullimage;
14 }
15 add_shortcode("postimage", "wpdx_postimage");

显示图片

1 <a href="<?php the_permalink(); ?>" target="_blank">
2     <?php echo do_shortcode("[postimage]"); ?>
3 </a>

16. 截取摘要

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

01 // 摘要字数限制
02 function new_excerpt_length($length) {
03   return 100;
04 }
05 add_filter('excerpt_length', 'new_excerpt_length');
06   
07 // 摘要...
08 function new_excerpt_more( $more ) {
09   return '...';
10 }
11 add_filter('excerpt_more', 'new_excerpt_more');

17. 获取文章第一个分类目录

因为一篇文章可能属于多个目录，有些地方只需要输出一个

1 // 获取文章第一个分类目录
2 function get_first_category(){
3   $category = get_the_category();
4   if($category[0]){
5     echo '<a class="col_cat" href="'.get_category_link($category[0]->term_id ).'">'.$category[0]->cat_name.'</a>';
6   }
7 }
8 add_filter('get_first_category', 'get_first_category');

HTML

1 <?php get_first_category(); ?>

18. 分类页获得文章简介

wordpress二次开发技巧-functions.php篇

wordpress二次开发技巧之functions.php篇

1 // 获得category简介
2 function get_category_expert($length=240){
3   $content = get_the_content();
4   $trimmed_content = wp_trim_words( $content, $length, '<a href="'. get_permalink() .'"> [...]</a>' );
5   echo $trimmed_content;
6 }
7 add_filter('get_category_expert', 'get_category_expert');

19. 根据页面类型指定每页显示的文章数

01 // 根据页面类型指定每页显示的文章数
02 function custom_posts_per_page($query){
03     if(is_home()){
04         $query->set('posts_per_page',9);//首页每页显示8篇文章
05     }
06     if(is_search()){
07         $query->set('posts_per_page',5);//搜索页显示所有匹配的文章，不分页
08     }
09     if(is_archive()){
10         $query->set('posts_per_page',-1);//archive每页显示25篇文章
11       }
12     if(is_tag()){
13         $query->set('posts_per_page',4);//archive每页显示25篇文章
14     }
15     if(is_category()){
16         $query->set('posts_per_page',9);//archive每页显示25篇文章
17     }
18     if(is_category(11)){
19         $query->set('posts_per_page',-1);//archive每页显示25篇文章
20     }
21 }//function
22 //this adds the function above to the 'pre_get_posts' action
23 add_action('pre_get_posts','custom_posts_per_page');

20. 缩略图

01 //添加特色缩略图支持
02 if ( function_exists('add_theme_support') )add_theme_support('post-thumbnails');
03   
04 /*
05 * 缩略图
06 */
07   
08 function dm_the_thumbnail() {
09   
10     global $post;
11   
12     // 判断该文章是否设置的缩略图，如果有则直接显示
13   
14     if ( has_post_thumbnail() ) {
15   
16         echo '<a class="at_feature" href="'.get_permalink().'" title="阅读全文">';
17   
18         the_post_thumbnail('thumbnail');
19   
20         echo '</a>';
21   
22     } else { //如果文章没有设置缩略图，则查找文章内是否包含图片
23   
24         $content = $post->post_content;
25   
26         preg_match_all('/<img.*?(?: |t|r|n)?src=['"]?(.+?)['"]?(?:(?: |t|r|n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER);
27   
28         $n = count($strResult[1]);
29   
30         if($n > 0){ // 如果文章内包含有图片，就用第一张图片做为缩略图
31             // 为了得到第一张图片的215x115尺寸，得用正则替换格式
32             $thumb_first = $strResult[1][0];
33             $thumb_split = strrpos($thumb_first, '.');
34             $thumb_before = substr($thumb_first, 0, $thumb_split);
35             $thumb_after = substr($thumb_first, $thumb_split, strlen($thumb_first));
36             $reg = "/-d*xd*/im";
37             $thumb_before = preg_replace($reg, "", $thumb_before);
38             $thumb_src = $thumb_before.'-215x115'.$thumb_after;
39             echo '<a class="at_feature" href="'.get_permalink().'" title="阅读全文"><img class="animated" src="'.$thumb_src.'" alt="缩略图" /></a>';
40   
41         }else { // 如果文章内没有图片，则用默认的图片。
42             $random= mt_rand(0, 19);
43             echo '<a class="at_feature" href="'.get_permalink().'" title="阅读全文"><img class="animated" src="'.get_bloginfo('template_url').'/images/thumbnail/default_thumbnail_'.$random.'.jpg" alt="缩略图" /></a>';
44   
45         }
46   
47     }
48   
49 }

显示缩略图

1 // 第一种
2 <?php if (has_post_thumbnail()){ the_post_thumbnail();} ?>
3   
4  
5 // 第二种
6 <?php dm_the_thumbnail(); ?>

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：【CSS Demo】纯 CSS 打造 Flow-Steps 导航

下一篇：css3 图片 抖动效果

相关文章

IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设

网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源

网站联盟： 联盟新闻 联盟介绍 联盟点评 网赚技巧

行业资讯： 搜索引擎 网络游戏 电子商务 广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护

软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识： 网络协议 网络安全 网络管理 组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条
最新资讯
热门关注
热门标签