用sublime输出常用的wordpress长标签代码块

wordpress开发中，经常用到一些标签，比如说文章循环，比如说分类列表，这里需要打很多代码，打这些代码会浪费很多时间，复制这些代码同样也很慢，所以我们就想到了使用编辑器中的快捷标签，只需要打几个字符再点一下tab键，马上就会输出这些标签。本文是在sublime编辑器中实现这个效果。

一、常用的sublime快捷短标签

catposts 指定分类的文章循环；
posts 不指定分类的文章循环；
countcatposts 指定分类的文章循环，并对文章进行计数；
cats 分类的子分类循环；
forpostmeta 文章元数据进行循环
echopostmeta 打印指定文章元数据；
echovar 带php标签的打印变量；
getlink 获取文章链接；
thelink 打印文章链接；
posttitle 输出不超过20个字的文章标题；
homeurl 输出首页链接；
timeYmd 输出时间年月日；
styleurl 输出style.css的路径；
prevnext 输出上一页下一页；
themedir 输出主题路径；
thumbnail 输出缩略图地址；
views 输出访问数量；
pagenavi 输出分页导航；

二、设置快捷短标签及短标签输出内容

2.1.打开sublime软件文件夹,按这个目录Data->Packages->找到HTML文件夹。

2.2.找到后缀为.sublime-snippert的文件。用sublime软件打开，另存一份，取名为对应标签。

图 1

2.3.然后编辑该文件，输出想要显示的长代码段，在后面两段红色字符中间”<![CDATA[ “和 “ ]]> ” 。

2.4.然后在tabTrigger标签中输出快捷短标签。如下图

三、sublime快捷标签对应的长代码段和设置代码段

3.1.posts

长字符串
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
$1
<?php endwhile; ?>
<?php endif; wp_reset_query(); ?>

代码快捷设置
<snippet>
	<content><![CDATA[
	<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
	$1
	<?php endwhile; ?>
	<?php endif; wp_reset_query(); ?>]]></content>
	<tabTrigger>posts</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.2.catposts

长字符串 
<?php if (have_posts()) : ?>
 <?php query_posts('cat=&caller_get_posts=1&showposts=6'); ?>
 <?php while (have_posts()) : the_post(); ?>
 
 <?php endwhile; ?>
 <?php endif; wp_reset_query(); ?> 
 <?php the_time('Y-m-d');  ?>

代码快捷设置
<snippet>
	<content><![CDATA[
<?php if (have_posts()) : ?>
<?php query_posts('cat=$1&caller_get_posts=1&showposts=6'); ?>
<?php while (have_posts()) : the_post(); ?>
$2
<?php endwhile; ?>
<?php endif; wp_reset_query(); ?> 
]]></content>
	<tabTrigger>catposts</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.3.countcatposts

长字符串
<?php $count = 0; ?>
<?php if (have_posts()) : ?>
<?php query_posts('cat=&caller_get_posts=1&showposts=6'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php 
	$count++;
	$post_id = $post->ID;
	if ($count == ) {
		echo '';
	} else {
		echo '';
	}
<?php endwhile; ?>
<?php endif; wp_reset_query(); ?>

代码快捷设置
<snippet>
	<content><![CDATA[
<?php \$count = 0; ?>
<?php if (have_posts()) : ?>
<?php query_posts('cat=$0&caller_get_posts=1&showposts=6'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php 
	\$count++;
	\$post_id = \$post->ID;
	if (\$count == $1) {
		echo '$2';
	} else {
		echo '$3';
	}
<?php endwhile; ?>
<?php endif; wp_reset_query(); ?>]]></content>
	<tabTrigger>countcatposts</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.4.cats

长字符串
<?php
$args=array(
	'orderby' => 'id',
	'order' => 'ASC',
	'parent' => 6,
	'number' => 5,
);
$categories=get_categories($args);
foreach($categories as $category) {
	$category_term_id = $category->term_id; 
	if ($category_term_id == $current_cat_ID) {
		echo '<li class="current">';
	} else {
		echo '<li>';
	}
	echo '<a href="' . get_category_link($category_term_id) . '" title="' . sprintf( __( "View all posts in %s" ), $category->name ) . '" ' . '>' . $category->name .'</a></li>';										     
}
?>

代码快捷设置
<snippet>
	<content><![CDATA[
<?php
	\$args=array(
		'orderby' => 'id',
		'order' => 'ASC',
		'parent' => 6,
		'number' => 5,
	);
	\$categories=get_categories(\$args);
	foreach(\$categories as \$category) {
		\$category_term_id = \$category->term_id; 
		if (\$category_term_id == \$current_cat_ID) {
			echo '<li class="current">';
		} else {
			echo '<li>';
		}
		echo '<a href="' . get_category_link(\$category_term_id) . '" title="' . sprintf( __( "View all posts in %s" ), \$category->name ) . '" ' . '>' . \$category->name .'</a></li>';										     
	}
?>]]></content>
	<tabTrigger>cats</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.5.forpostmeta

长字符串
<?php 
	$ =  get_post_meta($post_id, '', false); 
	for ($i = 0; $i < count($); ++$i) {
?>
<?php echo $[$i]; ?>
<?php		
	}
?>

代码快捷设置
<snippet>
	<content><![CDATA[<?php 
	\$$1 =  get_post_meta(\$post_id, '$1', false); 
	for (\$i = 0; \$i < count(\$$1); ++\$i) {
?>
<?php echo \$$1[\$i]; ?>
<?php		
	}
?>]]></content>
	<tabTrigger>forpostmeta</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.6.echopostmeta

长字符串
<?php echo get_post_meta(\$post_id, '$1', true); ?>

代码快捷设置
<snippet>
	<content><![CDATA[
<?php echo get_post_meta(\$post_id, '$1', true); ?>]]></content>
	<tabTrigger>echopostmeta</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.7.echovar

长字符串
<?php echo $1; ?>]]>

代码快捷设置
<snippet>
	<content><![CDATA[<?php echo $1; ?>]]></content>
	<tabTrigger>echovar</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.8.getlink

长字符串
<?php get_permalink($1); ?>

代码快捷设置
<snippet>
	<content><![CDATA[<?php get_permalink($1); ?>]]></content>
	<tabTrigger>getlink</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.9.thelink

长字符串
<?php the_permalink($1); ?>

代码快捷设置
<snippet>
<content><![CDATA[<?php the_permalink($1); ?>]]></content>
<tabTrigger>getlink</tabTrigger>
<scope>text.html</scope>
</snippet>

3.10.posttitle

长字符串
<?php echo mb_strimwidth(get_the_title(), 0, 20$1,''); ?>

代码快捷设置
<snippet>
	<content><![CDATA[<?php echo mb_strimwidth(get_the_title(), 0, 20$1,''); ?>]]></content>
	<tabTrigger>posttitle</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.11.homeurl

长字符串
<?php echo home_url(); ?>

代码快捷设置
<snippet>
	<content><![CDATA[<?php echo home_url(); ?>]]></content>
	<tabTrigger>homeurl</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.12.timeYmd

长字符串
<?php the_time('Y-m-d$1'); ?>

代码快捷设置
<snippet>
	<content><![CDATA[<?php the_time('Y-m-d$1'); ?>]]></content>
	<tabTrigger>timeYmd</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.13.styleurl

长字符串
<?php bloginfo('stylesheet_url');?>

代码快捷设置
<snippet>
	<content><![CDATA[<?php bloginfo('stylesheet_url');?>]]></content>
	<tabTrigger>styleurl</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.14.prevnext

长字符串
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<span class="prev"><?php if (get_previous_post()) { previous_post_link('%link', '', true); }  ?></span>
<span class="next">php if (get_next_post()) { next_post_link('%link', '', true); } ?></span>
<?php endwhile; ?>
<?php endif; wp_reset_query(); ?>

代码快捷设置
<snippet>
	<content><![CDATA[<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<span class="prev"><?php if (get_previous_post()) { previous_post_link('%link', '', true); }  ?></span>
<span class="next">php if (get_next_post()) { next_post_link('%link', '', true); } ?></span>
<?php endwhile; ?>
<?php endif; wp_reset_query(); ?>]]></content>
	<tabTrigger>prevnext</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.15.themedir

长字符串
<?php bloginfo('template_directory'); ?>

代码快捷设置
<snippet>
	<content><![CDATA[<?php bloginfo('template_directory'); ?>]]></content>
	<tabTrigger>themedir</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.16.thumbnail

长字符串
<?php include( TEMPLATEPATH . '/thumbnail.php' ); ?>

代码快捷设置
<snippet>
	<content><![CDATA[<?php include( TEMPLATEPATH . '/thumbnail.php' ); ?>]]></content>
	<tabTrigger>thumbnail</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.17.views

长字符串
<?php if(function_exists('the_views')) { the_views(); } ?>

代码快捷设置
<snippet>
	<content><![CDATA[<?php if(function_exists('the_views')) { the_views(); } ?>]]></content>
	<tabTrigger>view</tabTrigger>
	<scope>text.html</scope>
</snippet>

3.18.pagenavi

长字符串
<?php wp_pagenavi(); ?>

代码快捷设置
<snippet>
	<content><![CDATA[<?php wp_pagenavi(); ?>]]></content>
	<tabTrigger>timeYmd</tabTrigger>
	<scope>text.html</scope>
</snippet>

博主联系方式:

微信：34419369
QQ: 34419369
公众号：前方录
有什么不懂的地方欢迎联系我，帮到你是我会很开心

首页 > wordpress开发 > 用sublime输出常用的wordpress长标签代码块

一、常用的sublime快捷短标签

二、设置快捷短标签及短标签输出内容

2.1.打开sublime软件文件夹,按这个目录Data->Packages->找到HTML文件夹。

2.2.找到后缀为.sublime-snippert的文件。用sublime软件打开，另存一份，取名为对应标签。

图 1

2.3.然后编辑该文件，输出想要显示的长代码段，在后面两段红色字符中间”<![CDATA[ “和 “ ]]> ” 。

2.4.然后在tabTrigger标签中输出快捷短标签。如下图

三、sublime快捷标签对应的长代码段和设置代码段

3.1.posts

3.2.catposts

3.3.countcatposts

3.4.cats

3.5.forpostmeta

3.6.echopostmeta

3.7.echovar

3.8.getlink

3.9.thelink

3.10.posttitle

3.11.homeurl

3.12.timeYmd

3.13.styleurl

3.14.prevnext

3.15.themedir

3.16.thumbnail

3.17.views

3.18.pagenavi

博主联系方式:

Leave a Reply 取消回复