WordPress教程
模板兔提供专业的wordpress建站教程、wordpress主题开发教程、wordpress插件开发教程、wordpress二次开发教程等。
WordPress教程:由于我们的Modown主题集成了此插件,所以在此写个简单的教程供大家参考,Modown集成此插件的主要用途就是 http://demo.mobantu.com/modown/559 右侧栏购买处自定义文章属性的显示效果。
启用插件后,后台可看到一个字段的菜单,创建字段组:
单个字段设置:
添加好字段组后,看后台发布文章处:
当然,此插件的功能比较强大,你可以根据分类的不同显示不同的字段组,请自行研究,这里模板兔就不说明了。
WordPress教程:今天给客户迁移网站,导入数据库时提示 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教程:如果你使用的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教程: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...
WordPress教程:有时候我们想让不同的分类页面显示不同的侧栏小工具、不同的文章显示不同的侧栏小工具、不同分类的文章页面显示不同的侧栏小工具等等,那么,可以使用Content Aware Sidebars 这个插件来实现。
插件地址:https://wordpress.org/plugins/content-aware-sidebars/
插件可基于多个条件来显示对应的小工具,功能很强大哦~
WordPress教程:如何将打印出的数组转换成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教程:由于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);
}
就是在获取特色图片时(后台单独上传的特色图片)判断其后缀然后设置其缩略图大小为原图即可。
WordPress教程:模板兔开发的主题里很多地方都需要设置分类ID列表,对于wp小白来说,分类ID是什么呢?请看下图:
鼠标移动到编辑处,看到浏览器底部出现链接,其中的tag_ID=1中这个1就是分类的ID,标签同理。
WordPress教程:如果你需要在后台某个页面添加上传按钮,你需要用到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教程:对于WordPress新手来说,后台的菜单导航设置是很让人头疼的,毕竟它与一些国内CMS的设置有所不同,但正因为它的不同,才是它强大的地方,下面模板兔来说说菜单的设置方法。
首先,我们要清楚的是WordPress的菜单有两个概念,一个是菜单位置,一个是菜单集合,我们要做的就是把某个菜单集合绑定到某个菜单位置上,这样就让菜单显示在该显示的地方了。
图中,主导航与分类导航是菜单位置,main与cat是你建的菜单的名称,也就是菜单集合,把制定的菜单集合指派给指定的位置,就OK了。
注意不要勾选自动添加页面。
WordPress教程:我们在wordpress主题开发过程中会给网站设置双栏或者三栏,有时候边栏内容很多时,用户看不完边栏内容会影响内容传播,那么我们需要既要让边栏永驻又得让边栏的内容全部展现在用户可见的区域里,怎么办?
模板兔推荐大家使用一款jQuery插件,Theia Sticky Sidebar,具体介绍:https://github.com/WeCodePixels/theia-sticky-sidebar。
使用方法
<div class="post-content">文章主要内容</div>
<div class="sidebar">
<div class="theia-Sticky-Sidebar">边栏内容</div>
</div>
if($('.sidebar').length){
$('.theia-Sticky-Sidebar').theiaStickySidebar({"containerSelec...
WordPress教程:本文末尾有wordpress安装视频教程、modown主题视频教程与导入数据。
安装
将从模板兔购买的主题下载包解压出来,然后在网站后台的 外观-主题 里上传解压出来的里面的主题文件modown.zip,上传后启用即可。然后将里面的oauth文件夹放至网站根目录(与wp-content、wp-admin同级),即类似 www.t.com/oauth/ 路径存在。
顶部
后台的外观-菜单 设置下导航菜单,然后 主题设置-页头 里有一些选项开关可以看看。通知在后台的【工具】里可以群发通知。
底部
外观-小工具 设置下底部小工具,然后 主题设置-页脚 里有一些选项开关可以看看。
首页
主题的首页可以使用默认首页,然后通过主题设置或者小工具来快速添加首页的分类模块,当然也可以...
WordPress教程:这里以126邮箱为例,其他邮箱类似。步骤如下:
1、安装SMTP插件,链接: https://pan.baidu.com/s/1-LbP_zXM0j6QBW7yakcE6Q 密码: 6g3y
2、进126邮箱,看到顶部的菜单栏,点击 设置 - POP3/SMTP/IMAP
3、进wordpress后台,设置 - SMTP
username就是你的邮箱,password就是上面设置的授权密码,Send e-mail也是你的邮箱,name就是你网站名称。
最后保存,就OK了,只要你的主机开了发邮件的端口,你的账号填写无误,系统就应该可以发邮件了,否则请联系主机商看主机是否支持发邮件。
WordPress教程:随着模板兔开发的Erphpdown插件越来越普及,市面上的支付接口申请难度越来越大,又有很多用户向我们推荐集成有赞云支付接口,所以我们今天集成了一下,经亲自测试后可行。
注意:由于近期我们得知有赞云接口申请的政策变动,新用户无法再免费使用其接口了,请不要再通过本教程申请接口了哦!
现在说下接口申请的步骤:(此方法已不再适用)
1、手机扫码下载并安装“有赞微小店”APP
2、注册APP账号(可以在APP里 小店 - 店铺管理 认证下账号)
3、用注册的账号登录有赞云(youzanyun.com),并完善信息
4、创建应用(类型选择“自用型”)
5、授权绑定(绑定你的微小店店铺,直到授权成功)
注意:只要授权成...
WordPress教程:WordPress 后台编辑器上传视频的时候是以video短代码返回到内容里的,这样子有些小程序没法识别,所以需要把短代码改成video标签。
将以下代码加入到主题的functions.php里:
remove_shortcode( 'video', 'wp_video_shortcode' );
add_shortcode( 'video', 'MBT_video_shortcode' );
function MBT_video_shortcode( $attr, $content = '' ) {
global $content_width;
$post_id = get_post() ? get_the_ID() : 0;
static $instance = 0;
$instance++;
$override = apply_filters( 'wp_video_shortcode_override', '', $attr, $content, $instance );
if ( '' !== $override ) {
return $override;
}
$video = null;
$def...