wordpress主题建站

最新推荐文章于 2025-06-15 00:15:49 发布

原创最新推荐文章于 2025-06-15 00:15:49 发布 · 986 阅读

2 ·

CC 4.0 BY-SA版权

wordpress 专栏收录该内容

29 篇文章

订阅专栏

本文汇总了WordPress网站开发与管理的实用技巧，包括函数使用、页面定制、SEO优化、小工具激活及文章检索等，旨在帮助开发者提升网站性能与用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常用函数烂笔头

<a href="<?php echo wp_login_url($_SERVER['REQUEST_URI']);?>" 如果未登录，弹出登录页面后跳转回原页面

wp_trim_words(get_the_title($qy[$i]->ID),9) 截取字符串

get_template_part(); 获取自定义模板

<? echo get_bloginfo('charset'); ?> //编码方式

$from_name = isset($_POST['tougao_from_name']) ? trim(htmlspecialchars($_POST['tougao_from_name'], ENT_QUOTES)) : ''; wordpress接收参数

sprintf() 字符串替换函数

<?php
$number = 2;
$str = "Shanghai";
$txt = sprintf("There are %u million cars in %s.",$number,$str);
echo $txt;
?>

<?php
$number = 2;
$str = "Shanghai";
$txt = sprintf("There are %u million cars in %s.",$number,$str);
echo $txt;
?>

<? bloginfo('description'); ?> 获取副标题

<? bloginfo('stylesheet_url'); ?> 样式表 style.css获取

<?php echo get_option('home'); ?> 获取站点首页

<?php bloginfo('name'); ?> 获取站点名称

$view = get_option('view'); 获取自定义参数

wp_is_mobile() 判断是否是手机端

<? wp_nav_menu() ?> 获取菜单

<? wp_register(); ?>

<? wp_loginout(); ?>

<? get_links(); ?> 友情链接

<? wp_list_pages(); ?> 页面列表

<? wp_list_cats(); ?> 分类

update_option( 'view' , $view + 1 ); 更新自定义参数

               //$zan = get_post_meta( $post->ID, '_zan', true );
               update_post_meta( $post->ID, '_zan', $zan + 1 );
               //delete_post_meta( $post->ID , 'download' );

               <?
                   $downloads = get_post_meta( $post->ID, 'download' , false );
                   if( !$downloads )
                   {
                       add_post_meta( $post->ID, 'download', 'http://hcsem.com/000.rar' );
                   }
               ?>

<? the_category(','); 获取分类

<? the_author(); ?>

<? the_time( 'Y-m-d' ); ?>

<? edit_post_link( __( 'Edit','huangcong' ), ' <span>|</span> ', '' ); ?> 编辑文章页面

<? single_cat_title(); ?> 获取当前文章分类

-----------------------------------------------------------------------------------------

//根据分类名称调用分类模板，

$cat=get_the_category($post->ID);

$cat_name=$cat[0]->slug;

-----------------------------------------------------------------------------------------

获取页面别名

if( is_page() ) {

$content = $content . get_option('display_copyright_text');

$post_data = get_post($post->ID, ARRAY_A); echo $slug = $post_data['post_name'];

}

-----------------------------------------------------------------------------------------

根据自定义字段大小排序

$args=array(
'meta_key' => 'views',
'orderby' => 'meta_value_num',
'posts_per_page'=>10,
'order' => 'DESC'
);
query_posts($args); while (have_posts()) : the_post();
//输出代码段，如带上HTML代码
endwhile;wp_reset_query();

-----------------------------------------------------------------------------------------

根据自定义字段大于0 少于 99 进行搜索

$args = array(

'post_type' => 'post',

'post_status' => 'publish',

'posts_per_page' => -1,

'meta_query' => array(

array(

'key' => 'price',

'value' => array($min_price, $max_price),

'compare' => 'BETWEEN',

'type' => 'NUMERIC'

)

);

// The Result

$naruco = new WP_Query( $args );

var_dump($naruco);

----------------------------------------------------

面包屑导航

function中定义

调用

<? wz(); ?>

</div>

-----------------------------------------------------------------------------------------

固定链接与伪静态页面传参，添加规则

function.php中

add_filter( 'rewrite_rules_array','my_insert_rewrite_rules' );

add_filter( 'query_vars','my_insert_query_vars' );

add_action( 'wp_loaded','my_flush_rules' );

// 如果伪静态规则里面没有我们的规则，则进行重置

function my_flush_rules(){

$rules = get_option( 'rewrite_rules' );

if ( ! isset( $rules['url-(.*).html$'] ) ) {

global $wp_rewrite;

$wp_rewrite->flush_rules();

}

//添加一个新的伪静态规则

function my_insert_rewrite_rules( $rules )

{

$newrules = array();

$newrules['url-(.*).html$'] = 'index.php?pagename=url&v=$matches[1]';

return $newrules + $rules;

}

//添加一个变量名称

function my_insert_query_vars( $vars )

{

array_push( $vars, 'v' );

return $vars;

}

-----------------------------------------------------------------------------------------

根据页面定义title 调用相应css

<head>

if( is_home() ){ $title = get_bloginfo('name'); }

else{ $title = wp_title( '', false ) . "_黄聪的博客"; }

if( $paged > 0 ){ $title .= "-第" . $paged . "页"; }

<? if( is_home() ){ ?>

<? } ?>

<? if( is_category() ){ ?><link rel="stylesheet" href="<? bloginfo('template_directory');?>/style-cat.css" type="text/css" /><? } ?>

<? if( is_search() ){ ?><link rel="stylesheet" href="<? bloginfo('template_directory');?>/style-search.css" type="text/css" /><? } ?>

<? if( is_404() ){ ?><link rel="stylesheet" href="<? bloginfo('template_directory');?>/style-404.css" type="text/css" /><? } ?>

<? if( is_single() ){ ?><link rel="stylesheet" href="<? bloginfo('template_directory');?>/style-single.css" type="text/css" /><? } ?>

<? if( is_page() ){ ?><link rel="stylesheet" href="<? bloginfo('template_directory');?>/style-page.css" type="text/css" /><? } ?>

<? wp_head(); ?>

</head>

-----------------------------------------------------------------------------------------

第几页第几页

<? posts_nav_link(); ?>

</div>

<? previous_post_link('上一篇：%link'); ?><br />
<? next_post_link('下一篇：%link'); ?>

-----------------------------------------------------------------------------------------

激活小工具

激活小工具需要在functions.php中注册至少一个侧边栏

register_sidebar( array(
'name' => __( '默认侧边栏', 'Bing' ),
'id' => 'widget_default',
'description' => __( '侧边栏的描述', 'Bing' ),
'before_widget' => '<div class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>'
) );

前台调用

<?php dynamic_sidebar( 'widget_default' ); ?>

使用the_widget()函数直接调用小工具

<?php the_widget($widget, $instance, $args); ?>

参数$widget，小工具类名

WP_Widget_Archives – 存档小工具
WP_Widget_Calendar – 日历小工具
WP_Widget_Categories – 分类小工具
WP_Widget_Links – 链接小工具
WP_Widget_Meta – Meta小工具
WP_Widget_Pages – 页面小工具
WP_Widget_Recent_Comments – 最近评论小工具
WP_Widget_Recent_Posts – 最新文章小工具
WP_Widget_RSS – RSS小工具
WP_Widget_Search – 搜索小工具
WP_Widget_Tag_Cloud – 标签云小工具
WP_Widget_Text – 文本小工具
WP_Nav_Menu_Widget – 菜单小工具

参数$instance

表示每个widget的设置，例如Archives是用dropdown菜单显示还是列表显示

参数$args

widget的sidebar参数，包括before_widget、after_widget、before_title和after_title

调用文章归档小工具举例

<?php the_widget('WP_Widget_Recent_Posts'); ?>

-----------------------------------------------------------------------------------------

get_options();方法，获取文章方式

$args = array(

'numberposts' => 3,

'category' => '1',

'orderby' => 'rand'

);

$rand_posts = get_posts( $args );

<ul>

<? foreach ( $rand_posts as $post ) {

setup_postdata( $post ); ?>

<? } wp_reset_postdata(); ?>

</ul>

</div>

-----------------------------------------------------------------------------------------

获取文章

if( have_posts() ){

while( have_posts() ){

//获取下一篇文章的信息，并且将信息存入全局变量 $post 中

the_post();

</div>

}

}else{

echo '没有日志可以显示';

}

1 先找到静态页面包括所有的css js html 。还有一个主题的模板这里用的是 _s-master

2 主题_s-master 上传到theme文件夹中。并在 _s-master 中建立文件夹存放所有静态页面

3 主题 function.php 文件中包含自定义的 my_function.php文件，添加自己的方法

4 my_function.php中引入所有的主题的 css js

//将 css js引入到页面

function add_theme_scripts() {

wp_enqueue_style( 'slick', get_template_directory_uri() . '/my_include/css/slick.css', array(), '1.1', 'all');
wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/my_include/css/bootstrap.css', array(), '1.1', 'all');
wp_enqueue_style( 'jquery_mmenu_all', get_template_directory_uri() . '/my_include/css/jquery.mmenu.all.css', array(), '1.1', 'all');
wp_enqueue_style( 'style', get_template_directory_uri() . '/my_include/css/style.css', array(), '1.1', 'all');
wp_enqueue_style( 'font_size', get_template_directory_uri() . '/my_include/font-awesome-4.5.0/css/font-awesome.min.css', array(), '1.1', 'all');
wp_enqueue_style( 'animate', get_template_directory_uri() . '/my_include/css/animate.css', array(), '1.1', 'all');
wp_enqueue_style( 'error404', get_template_directory_uri() . '/my_include/css/error404.css', array(), '1.1', 'all');
wp_enqueue_style( 'photo', get_template_directory_uri() . '/my_include/css/photo.css', array(), '1.1', 'all');
wp_enqueue_style( 'slider', get_template_directory_uri() . '/my_include/css/widget.css', array(), '1.1', 'all');

wp_enqueue_script( 'jquery', get_template_directory_uri() . '/my_include/js/jquery.min.js', array ( 'jquery' ), 1.1, true);
wp_enqueue_script( 'jquery_mmenu_all', get_template_directory_uri() . '/my_include/js/jquery.mmenu.all.min.js', array ( 'jquery' ), 1.1, true);
wp_enqueue_script( 'slick', get_template_directory_uri() . '/my_include/js/slick.min.js', array ( 'jquery' ), 1.1, true);
wp_enqueue_script( 'wow', get_template_directory_uri() . '/my_include/js/wow.js', array ( 'jquery' ), 1.1, true);
wp_enqueue_script( 'jquery_placeholder', get_template_directory_uri() . '/my_include/js/jquery.placeholder.min.js', array ( 'jquery' ), 1.1, true);
wp_enqueue_script( 'public', get_template_directory_uri() . '/my_include/js/public.js', array ( 'jquery' ), 1.1, true);

// wp_enqueue_script( 'script', get_template_directory_uri() . '/my_include/js/jquery.colorbox-min.js', array ( 'jquery' ), 1.1, true);
// wp_enqueue_script( 'script', get_template_directory_uri() . '/my_include/js/jquery.mousewheel.min.js', array ( 'jquery' ), 1.1, true);
// wp_enqueue_script( 'script', get_template_directory_uri() . '/my_include/js/lg-fullscreen.js', array ( 'jquery' ), 1.1, true);
// wp_enqueue_script( 'script', get_template_directory_uri() . '/my_include/js/lg-thumbnail.js', array ( 'jquery' ), 1.1, true);
// wp_enqueue_script( 'script', get_template_directory_uri() . '/my_include/js/lightgallery-all.min.js', array ( 'jquery' ), 1.1, true);
// wp_enqueue_script( 'script', get_template_directory_uri() . '/my_include/js/masonry.pkgd.js', array ( 'jquery' ), 1.1, true);
// wp_enqueue_script( 'script', get_template_directory_uri() . '/my_include/js/plug.js', array ( 'jquery' ), 1.1, true);

if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
}
add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );

5 建立头部尾部分类模板首页模板用 get_template_part( 'template-parts/my', 'home_news' ); 进行分部分引入

6 定义每一个小的部分的具体实现

这里一般都是调用当前分类下的文章的标题缩略图链接啥的。显示出一个分类下的文章列表

具体的一些知识点总结如下：

①获取分类下文章列表

                           $posts=get_posts("category=6&numberposts=3"); //根据分类获取文章
                           if($posts){
                               foreach ($posts as $key => $post) {
                                   # code...
                                   setup_postdata( $post ); //装载到post
                                   echo '           <li class="clearfix">
                                   <div class="news_left clearfix">
                                       <div class="pic">
                                           <a href="'.get_the_permalink().'">'.get_the_post_thumbnail().'</a> //获取链接获取特色图片
                                           <i></i>
                                       </div>
                                       <div class="txt">
                                           <a href="'.get_the_permalink().'">'.get_the_title().'</a> //获取链接获取标题
                                           <p>
                                               '.get_the_excerpt().' //获取摘要
                                           </p>
                                       </div>
                                   </div>
                                   <div class="news_right">
                                       <span>'.get_post_time("m-d").'</span> //获取时间月日
                                       <time>'.get_post_time("Y").'</time> //获取年
                                   </div>
                               </li>';
                               }
                           }

② <a href="'.get_the_permalink().'">'.get_the_post_thumbnail().'</a> //获取上一篇链接
<a href="'.get_the_permalink().'">'.get_the_title().'</a> //获取下一篇链接

<?php previous_post_link($format='%link', $link='上一篇：%title', $in_same_cat = true, $excluded_categories = '') ; ?>
<?php next_post_link($format='%link', $link='下一篇：%title', $in_same_cat = true, $excluded_categories = ''); ?>

<?php echo get_template_directory_uri();?> //获取当前主题目录

       <?php
           the_post(); //获取当前文章
       ?>
       <span class="show_t"><?php the_title();?></span>
       <span class="fa_time">来源：<?php the_author();?>    发布时间：<?php the_time('Y-m-d H:i:s'); ?></span>
       <?php the_content();?> //获取文章内容

③ 获取自定义的参数

               $posts=get_posts("category=1&numberposts=1");
               if($posts){
                   foreach ($posts as $key => $post) {
                       # code...
                       setup_postdata( $post );
                       echo '           <p class="wow bounceIn">'.get_the_content().'</p>
                       <ul class="jing_zi_ul clearfix">
                           <li class="wow bounceIn">'.get_post_meta(get_the_ID(),'pic1',true).'<i></i></li> //获取在写文章时候定义的参数
                           <li class="wow bounceIn">'.get_post_meta(get_the_ID(),'pic2',true).'<i></i></li>
                           <li class="wow bounceIn">'.get_post_meta(get_the_ID(),'pic3',true).'><i></i></li>
                       </ul>';
                   }
               }
               ?>

<?php get_search_form(); ?> 获取搜索表单

7 不同文章调用不同的页面模板 single.php

//不同分类文章调用不同的模板文件
//$cat=get_the_category($post->ID);//获取当前文章的分类信息方式一
$cat=get_the_category(get_the_ID());//获取当前文章的分类信息
$name=$cat[0]->slug;
$slug_name='single_'.$name;
get_template_part( 'template-parts/my',$slug_name);
get_footer();

不同文章调用不同模板 single.php

           <?
               the_post();
               $cat = get_the_category( get_the_ID() );
               $name = $cat[0]->slug;
               //加载 content-wpcj.php 模版文件，如果文件不存在，则调用content.php
               get_template_part( 'content', $name );
           ?>

评论模板的调用

<div id="comment-box">
   <h3>评论</h3>
   <ol class="commentlist">
       <? if ( !comments_open() ) { ?>
           <li class="tip-box"><p>评论功能已经关闭!</p></li>
       <? } else if ( post_password_required() ) { ?>
           <li class="tip-box"><p>请输入密码再查看评论内容!</p></li>
       <? } else if ( !have_comments() ) { ?>
           <li class="tip-box"><p><a href="#respond">还没有任何评论，你来说两句吧</a></p></li>
       <? } else { wp_list_comments(); } ?>
   </ol>
   <div class="clr"></div>
   <div class="clr"></div>
   <? if ( get_option('comment_registration') && !is_user_logged_in() ) { ?>
       <p>你必须 <a href="<? echo wp_login_url( get_permalink() ); ?>">登录</a> 才能发表评论.</p>
   <? } else if( comments_open() ){ comment_form(); } ?>
</div>

搜索页面模板调用

404模板调用

<div class="c">
   <div id="page-box">
       <div class="post-item _404">
           <div class="post-content">您当前访问的页面不存在！<font id="jump">3</font> 秒后返回首页，或<a href="<?php bloginfo('url'); ?>">直接返回</a></div>
       </div>
       <script>
           function countDown(secs){
               $("#jump").html(secs);
               if(--secs>0){ setTimeout( "countDown(" + secs + ")",1000 ); }
               else{window.location.href="<?php bloginfo('url'); ?>"; }
           }
           countDown(3);
       </script>
   </div>
</div>