WordPress教程
模板兔提供专业的wordpress建站教程、wordpress主题开发教程、wordpress插件开发教程、wordpress二次开发教程等。
WordPress教程:在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
WordPress教程:advanced custom fields是一款非常强大的自定义文章字段的wp插件,主要功能是供后台发布文章时填写一些预设的字段,但是很多网站不仅仅局限于后台发布而是前台投稿,那如何在前端投稿页面里加入自定义的字段选项供设置填写呢?
这里要用到插件的一个函数get_field_object ACF功能可用于获取特定字段的信息和选项。
首先,需要输出特定字段的字段键。编辑字段组时,单击页面顶部的屏幕选项选项卡。您应该看到一个选项来切换字段键的显示(默认情况下它是隐藏的以节省空间),获得密钥后,可以加载字段对象并输出其值(下面演示的是一个类型为radio或者select的字段):
<?php
$field_key = "field_5c7e1511eba3c";
$field = get_f...
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了,只要你的主机开了发邮件的端口,你的账号填写无误,系统就应该可以发邮件了,否则请联系主机商看主机是否支持发邮件。