WordPress教程

模板兔提供专业的wordpress建站教程、wordpress主题开发教程、wordpress插件开发教程、wordpress二次开发教程等。

WordPress教程:WordPress 对象缓存简介和服务器设置 WordPress Object Cache(WordPress 对象缓存)是 WordPress 的默认缓存机制,它的主要功能是把负责查询或者运算的结果按照 Key-Value 这样的方式(WordPress 还支持按照 Group 来划分和避免缓存的内容冲突)存储到对象里面,下次进行同样操作的时候,可以让直接从这个对象中取出数据,不用重复到数据库中或者其他外部网站获取数据。 WordPress Object Cache 和服务器设置关系很大,如果系统支持内存缓存,则这个对象是直接存入内存,以后在未过期之前都是直接从内存中读取的,这样效率和速度都非常快的。如果服务器不支持内存缓存的话,则只能保证在当前页面下同样的查询或者操作不再重复从数据库中...

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, } });

WordPress教程:这里所说的不是遍历文章内容里的图片地址来获取所有图片,而且获取上传到当前文章的媒体库的所有图片,因为有时候我们回去单独做一个相册,而文章内容里的图片可能有其他不相干的图片存在,所有获取上传到当前文章的媒体库图片是最合适的。 下面的代码是通过获取所有图片来弄一个类似淘宝产品图切换的效果,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){ ?> <...

WordPress教程:目前模板兔开发的erphpdown与wppay均已集成了支付宝当面付接口,可是很多用户签约了当面付接口之后,不知道怎么获取接口信息,下面模板兔给大家讲一下。 申请接口: 首先进 b.alipay.com 登录,然后进到 https://b.alipay.com/signing/productSetV2.htm,这些都是支付接口,你选择当面付,然后立即接入,你会看到让你必须选经营内容与上传店铺招牌,经营内容一般选互联网服务,店铺招牌你在你家附近随便拍一个门面招牌(这个你自由发挥),然后申请就行了。 查看接口: APPID就不用我说了,就是应用ID,这里主要说【商户应用私钥】与【支付宝公钥】。 进入https://openhome.alipay.com/platform/appManage.htm#/apps,看到应用列表,找...

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...