WordPress教程
模板兔提供wordpress建站教程、wordpress主题开发教程、wordpress插件开发教程、wordpress二次开发教程等。
今天给某客户开发一个网站时遇到一个问题就是swiper slide有向右偏移几个像素（一次不止显示一张图片的情况下），改变窗口大小后又恢复正常，很奇怪，搜索了半天终于找到了解决办法，下面给出解决方法，希望能帮助到有需要的同学。
var swiper = new Swiper('.swiper-container', {
watchSlidesProgress: true,
slidesPerView: 'auto',
centeredSlides: true,
loop: true,
loopedSlides: 5,
autoplay: true,
observer:true,//修改swiper自己或子元素的时候，自动初始化swiper
observeParents:true,//修改swiper的父元素时，自动初始化swiper
pagination: {
el: '.swiper-pagination',
clickable :true,
}
});
这里所说的不是遍历文章内容里的图片地址来获取所有图片，而且获取上传到当前文章的媒体库的所有图片，因为有时候我们回去单独做一个相册，而文章内容里的图片可能有其他不相干的图片存在，所有获取上传到当前文章的媒体库图片是最合适的。
下面的代码是通过获取所有图片来弄一个类似淘宝产品图切换的效果，swiper版本是4.5。
function MBThemes_thumbnail_gallery(){
global $post;
$attachments = get_posts(array(
'post_type' => 'attachment',
'posts_per_page' => 6,
'post_status' => 'any',
'post_parent' => $post->ID
));
if ($attachments){
$count = count($attachments);
if($count){
?>
<...
目前模板兔开发的erphpdown与wppay均已集成了支付宝当面付接口，可是很多用户签约了当面付接口之后，不知道怎么获取接口信息，下面模板兔给大家讲一下。
申请接口：
首先进 b.alipay.com 登录，然后会进到 https://mrchportalweb.alipay.com/user/home.htm#/ 页面，往下看有个【为你推荐】，这些都是支付接口，你选择当面付，然后立即接入，你会看到让你必须选经营内容与上传店铺招牌，经营内容一般选互联网服务，店铺招牌你在你家附近随便拍一个门面招牌（这个你自由发挥），然后申请就行了。
查看接口：
进入https://openhome.alipay.com/platform/appManage.htm#/apps，看到应用列表，找到指定的应用查看详情，应用信息，先设置接口加...
在wordpress主题的开发中，我们常用到一个图片剪切工具timthumb，但是此工具默认是居中剪切，这对于一些长图片（例如PPT模板图片）来说就很不友好了，那么如何能从顶部开始剪切图片呢？
有个参数a，可有如下值
c : position in the center (this is the default)
t : align top
tr : align top right
tl : align top left
b : align bottom
br : align bottom right
bl : align bottom left
l : align left
r : align right
方法如下：
timthumb.php?src=image.jpg&w=100&h=100&a=t
advanced custom fields是一款非常强大的自定义文章字段的wp插件，主要功能是供后台发布文章时填写一些预设的字段，但是很多网站不仅仅局限于后台发布而是前台投稿，那如何在前端投稿页面里加入自定义的字段选项供设置填写呢？
这里要用到插件的一个函数get_field_object ACF功能可用于获取特定字段的信息和选项。
首先，需要输出特定字段的字段键。编辑字段组时，单击页面顶部的屏幕选项选项卡。您应该看到一个选项来切换字段键的显示（默认情况下它是隐藏的以节省空间），获得密钥后，可以加载字段对象并输出其值（下面演示的是一个类型为radio或者select的字段）：
<?php
$field_key = "field_5c7e1511eba3c";
$field = get_f...
由于我们的Modown主题集成了此插件，所以在此写个简单的教程供大家参考，Modown集成此插件的主要用途就是 http://demo.mobantu.com/modown/559 右侧栏购买处自定义文章属性的显示效果。
启用插件后，后台可看到一个字段的菜单，创建字段组：
单个字段设置：
添加好字段组后，看后台发布文章处：
当然，此插件的功能比较强大，你可以根据分类的不同显示不同的字段组，请自行研究，这里模板兔就不说明了。
今天给客户迁移网站，导入数据库时提示 Unknown collation: ‘utf8mb4_unicode_520_ci’ 错误。
原因是数据库版本差异，导致wordpress数据库的编码整理方式不一样。MySQL 5.6 以及以上版本下，安装 WordPress 4.6 及以上版本的时候，默认的编码整理方式为 utf8mb4_unicode_520_ci，但是 MySQL 5.5 及以下版本的数据库，不支持 utf8mb4_unicode_520_ci，所以无法导入。
处理的办法，就是使用 sublime text 等代码编辑器，打开 .sql 数据库，然后批量查找替换所有的 utf8mb4_unicode_520_ci 为 utf8mb4_unicode_ci ，保存后上传即可。
如果你使用的wordpress默认的主题，其自带的分页可能无法满足你的要求，那么可以在主题的functions.php里加入以下代码：
function MBThemes_paging() {
$p = 3;
if ( is_singular() ) return;
global $wp_query, $paged;
$max_page = $wp_query->max_num_pages;
if ( $max_page == 1 ) return;
echo '<div class="pagination"><ul>';
if ( empty( $paged ) ) $paged = 1;
// echo '<span class="pages">Page: ' . $paged . ' of ' . $max_page . ' </span> ';
if ( $paged > 1 ) p_link( 1, '首页' );
echo '<li class="prev-page">'; previous_posts_link('上一页'); echo '</li>';
...
WordPress免插件集成ckplayer播放器，首先在ckplayer官网下载资源包，将ckplayer文件夹放入所使用主题里（确保wp-content/themes/motheme/ckplayer/ckplayer.js存在），然后添加代码如下：
在主题的functions.php添加以下代码
function MBThemes_ckplayer_scripts() {
wp_enqueue_script( 'ckplayer', get_bloginfo('template_url') . '/ckplayer/ckplayer.js', false, '', false);
}
add_action('wp_enqueue_scripts', 'MBThemes_ckplayer_scripts');
add_shortcode("ckplayer","MBThemes_ckplayer_shortcode");
function MBThemes_ckplayer_shortcode( $atts, $content=null )
{
$nonce = wp_create_nonce(rand(10,1000));
re...
有时候我们想让不同的分类页面显示不同的侧栏小工具、不同的文章显示不同的侧栏小工具、不同分类的文章页面显示不同的侧栏小工具等等，那么，可以使用Content Aware Sidebars 这个插件来实现。
插件地址：https://wordpress.org/plugins/content-aware-sidebars/
插件可基于多个条件来显示对应的小工具，功能很强大哦~
如何将打印出的数组转换成php代码：
$code = var_export($array,true);
$code = "<?php\n return " . preg_replace('/stdClass::__set_state/', '(object)', $code) . ';';
file_put_contents(__DIR__ . '/data.array.php', $code);
由于wordpress后台上传图片时会自动剪切，所以有些上传了gif特色图片后，在前台显示时是被剪切成了静态图片，这里模板兔教大家一个方法，将下面的代码整合到主题里：
if( get_the_post_thumbnail() ){
$thumb_url = get_the_post_thumbnail_url();
$thumb_low = strtolower($thumb_url);
if (strpos($thumb_low, '.gif') === false) {
$thumb_size = 'thumbnail';
} else {
$thumb_size = 'full';
}
the_post_thumbnail($thumb_size);
}
就是在获取特色图片时（后台单独上传的特色图片）判断其后缀然后设置其缩略图大小为原图即可。
模板兔开发的主题里很多地方都需要设置分类ID列表，对于wp小白来说，分类ID是什么呢？请看下图：
鼠标移动到编辑处，看到浏览器底部出现链接，其中的tag_ID=1中这个1就是分类的ID，标签同理。
如果你需要在后台某个页面添加上传按钮，你需要用到wp_enqueue_media()这个函数，用于引入上传所需组件。
add_action ( 'admin_enqueue_scripts', function () {
if (is_admin ())
wp_enqueue_media ();
} );
html代码例如：
<p>
<input type="number" value="" class="regular-text process_custom_images" id="process_custom_images" name="" max="" min="1" step="1">
<button class="set_custom_images button">Set Image ID</button>
</p>
js代码例如：
jQuery(document).ready(function() {
var $ = jQuery;
if ($('.set_custom_images').length > 0) {
if ( typeof wp !== 'undefined...
对于WordPress新手来说，后台的菜单导航设置是很让人头疼的，毕竟它与一些国内CMS的设置有所不同，但正因为它的不同，才是它强大的地方，下面模板兔来说说菜单的设置方法。
首先，我们要清楚的是WordPress的菜单有两个概念，一个是菜单位置，一个是菜单集合，我们要做的就是把某个菜单集合绑定到某个菜单位置上，这样就让菜单显示在该显示的地方了。
图中，主导航与分类导航是菜单位置，main与cat是你建的菜单的名称，也就是菜单集合，把制定的菜单集合指派给指定的位置，就OK了。
注意不要勾选自动添加页面。
