星海Ice
登陆/注册

wordpress Shortcode(短代码、简码)的应用——为可视化布局带来更多变化

首页 > 资讯|教程 > 资讯文章 > wordpress Shortcode(短代码、简码)的应用——为可视化布局带来更多变化

wordpress是全球应用最多的CMS系统,拥有层出不穷的主题、插件。但是这些主题很少有非常符合自己心意的,有技术基础的会自行制作符合自己心意的主题使用。而零基础的怎么办呢?还有不少可视化布局可供零基础的使用,进而布局出符合心意的网站。

使用可视化布局的优点在于零代码基础通过拖拽即可布置出精美的网站;缺点就是能使用的功能其实并不算多,或许还需要为了一个很简单的功能再安装好几个插件进行布局。这时候我们不妨转变一下思路——通过Shortcode来实现一部分功能。因为这些可视化布局大多都支持调用Shortcode,而制作一个Shortcode并不算复杂,下面我们来看看如何制作一个调用特定分类下八篇文章的Shortcode。

1.我们需要一个编辑代码工具,我是用的是vs code进行编辑,个人觉得比DW好用不少;

2.使用代码编辑器打开当前使用的主题下的function.php文件,这个文件一般位于wp-content—themes—你使用的主题名(一般是英文的)—function.php;

3.可以看到这里面有不少代码,这些代码不需要管,我们拉到最下面。如果出现最后面是”?>”结尾,那么我们在这下面敲入”<?php”然后开始写我们的Shortcode代码;

function ice_category($atts)
{
	$ice = shortcode_atts(array(
		'category' => '',
	), $atts);
	$url_a='';
	query_posts('cat=' . $ice['category'] . '&posts_per_page=8');
	//cat指的是分类,如果为空则默认调用全站最新发布的文章。&posts_per_page指的是调取文章数量 
	while (have_posts()) : the_post();
	$url=get_the_permalink();
	$title=get_the_title();
	$url_a.=$title;
	endwhile;
	wp_reset_query();
	return $url_a;
}
add_shortcode('category', 'ice_category');
//调用的时候使用[category]即可调取全站最新发布的8篇文章,调取指定分类[category category='7']