DeveWork-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

DeveWork

https://devework.com

专栏成员

265

文章

467976

阅读量

55

订阅数

从0到1：PostCSS 插件开发最佳实践

单片机 php http css postcss

前阵子为了满足工作上的一个需求开发了一个PostCSS 插件，后来也将这个插件提交给PostCSS 官方并得到认可。在这篇文章中笔者将记录开发过程中遇到的一些问题，且斗胆将之称为“最佳实践”，希望对有兴趣尝试PostCSS 插件开发的您有所帮助。简介篇开发成果展示首先先上成果：https://github.com/Jeff2Ma/postcss-lazyimagecss （欢迎给个star 哦~） postcss-lazyimagecss 插件实现的功能是为 CSS 中的background-imag

2018-01-22

1.1K0

【DeveMobile实例】利用Mobile Detect 制作单独移动端页面项目

Mobile Detect 这个PHP 类库Jeff 很早就运用到实际项目中了，如Devework 主题，移动主题、DW Mobile Swither及最近的DeveMobile主题主页 Mobile Detect 简介 Mobile Detect 是一个轻量级PHP 移动设备探测类，它通过HTTP Header 中的User-Agent 字符串来检测移动设备。该PHP 类库最强大的地方是，它有一个非常完整的库，可以检测出所用的设备类型（包括操作类型，以及手机品牌等都能检测）和浏览器的详细信息。项目主页

2018-01-22

8920

【MindiaX实例】 PHP 在foreach 中获取JSON 单个数据

之前在开发MindiaX 主题的时候，遇到一个要解析远程JSON 文件的数据的问题。当时困扰我的是整型与数字字符串是否等价的问题。现在过年有时间，就记录回来。 PHP解析JSON 文件这里的话就直接先讲结果，MindiaX 主题有一个定时自动更换背景的功能，调用的背景图是来自于http://dreamafar.qiniudn.com/destination.json，解析其中的几个名称/值组合成url。实现这部分的函数如下： // get remote img date from json functi

2018-01-22

3.3K0

WordPress 中变量$allowedposttags 添加自定义HTML属性

wordpress html php

在使用Options Framework 的时候，发现如果输入的textarea 如果是HTML 代码，一些标签的属性会被过滤（比如说date-*）属性。查看了下Options Framework 过滤的代码用了$allowedposttags 这个全局变量。 $allowedposttags 其实是WordPress 的全局变量，位于 wp-includes/kses.php 文件。那么如果我想为这个$allowedposttags 添加自定义HTML属性该如何操作，下面有一个例子： /*添加data-*

2018-01-22

1.6K0

【译】WordPress 中的50个过滤器(1)：何为过滤器？

这篇文章是来自tutsplus 上系列文章《50 Filters of WordPress》的开篇文，系列文章还在陆续发表中。Jeff 打算借助Github 进行翻译（Github项目地址）。如果你也有兴趣翻译，不妨也加入。翻译本系列文章纯属爱好，故并非百分百直译，其中加入了个人的润色。因为英文能力非常有限，如果有错误或不实之处，欢迎雅正！本系列文章翻译自tutsplus，原作者为Barış Ünver，翻译人：Jeff，转载请注明原始来源及翻译人，谢谢！本文为系列第一篇，原文：50 Filters o

2018-01-22

1.2K0

【译】WordPress 中的50个过滤器(2)：先介绍10个过滤器

在上一篇文章中，我们介绍了WordPress 世界的过滤器；本篇文章的话我们将要探索50个笔者精选的过滤器，并一一通过例子解释其如何工作的。事不宜迟，让我们开始吧！本文为系列第二篇，原文：50 Filters of WordPress: The First 10 Filters 原文地址本系列文章翻译自tutsplus，原作者为baris-unver，翻译人：Jeff，转载请注明原始来源及翻译人，谢谢！本文若有修正，不会更新于本页，只会更新到Github项目地址上。修改默认

2018-01-22

1.1K0

初体验 Ghost : yet another WordPress?

早就听说Ghost 的大名了，但一直以来却没有去折腾过。今天晚上特意花了些时间在到手的DigitalOcean 上部署了Ghost，过程算坎坷的，水文一下。 Ghost 之不靠谱简介 Ghost 作为Node.js 界响当当的的新角色，一如WordPress 之于PHP，但一出生就跟贾宝玉含着玉石那样光彩夺目：前WordPress UI 的两位员工（一男一女，不知道他俩关系是什么）上一年（2013）时候开发，在某募捐平台获超额初始基金。被视为WordPress 的下一个替代者（胆子不小啊，但目前而言Word

2018-01-22

9520

WooCommerce 自定义商品价格显示HTML结构

html php wordpress

WooCommerce 虽然有中文本地化支持，但整个插件本身是按照欧美人的习惯去开发的，一些细节上不可能做到各个国家或地区的用户满意。下面就用一个例子抛砖引玉，自定义商品价格显示HTML结构。默认的话，WooCommerce 输出商品价格显示HTML结构是这样的（当商品本身设置了一般价格与优惠价）： <a href=""> <span class="onsale">促销中</span> <img src="xxxx.png"> <h3>商品名称</h3> <span class="price"><del>

2018-01-22

1.4K0

总结：如何加速你的 WordPress 站点？

数据处理 php wordpress

这篇文章英文原文发表于Smashing Magazine，感谢小影的为我们带来的全文翻译。内容上讲解比较通俗易懂，非常适合初学者。几个月前，我做了一个实验，看看在 2 小时内我可以为自己的网站提升多少速度。在安装了几个 WordPress 插件和修复了一些简单的错误后，我把网站的载入速度从 1.61 秒提升到了 583 毫秒。这可是足足 70.39% 的速度提升，且无需对网站的视觉做出任何更改。根据 Akamai 在 2009 年的研究，47% 的访客希望页面在 2 秒内加载完，并且有 57% 的访客

2018-01-22

1.5K0

在WordPress 的文章或页面中运行PHP 代码

如果你在编辑器中输入PHP 代码，默认的话WordPress 不会为你执行这段代码的——只会文本方式输出。Tutsplus 上有一篇文章以插件的方式告知我们实现在WordPress 的文章或页面中运行PHP 代码的方法，下面介绍下。原理小介绍懂php 的都知道，PHP中载入其他PHP文件可以用include() 或者 require() 函数，因此为了实现在WordPress 的文章或页面中运行PHP 代码，我们可以将打算运行的代码写入一个额外的PHP 文件中，放在某个目录下，通过某种机制调用。英文原文

2018-01-19

4.5K0

开发者的福音：GenerateWP 自动生成WordPress 开发相关代码

开发 WordPress 主题或插件的时候，有很多比较常用的功能，例如边栏、自定义菜单、自定义文章类型等等，都需要手动书写或者复制，需要大量的时间和精力，但是有人专门做了一些工具来生成这些代码 - GenerateWP.com。简介官方地址：http://generatewp.com/ GenerateWP 是一个可以在线自动生成 WordPress 功能代码的网站，有国外牛人创建的。Generate WP上面提供了12种常用功能的代码生成工具，甚至还可以生成查询代码，只需要点击对应的工具然后按照表单填

2018-01-19

1.6K0

WordPress 中八个有用的代码片段

wordpress php 数据库黑客

看到Elegantthemes 上的这篇文章不错，索性半翻译半修改过来。这里介绍了WordPress 中八个有用的代码片段，都是用来优化WordPress 的，不少是添加到wp-config.php 文件的。 1、自动清空文章“回收站”时间间隔默认的话，WordPress 对于删除到“回收站”的文章是每隔30 天予以清空（原文如此说，貌似没有吧？），如果你嫌时间过长，可以通过wp-config.php 自定义设置，如下面的代码设置删除间隔为 7天： define ('EMPTY_TRASH_DAYS',

2018-01-19

1.3K0

wp_nav_menu 函数经Walker_Nav_Menu 类自定义导航菜单HTML

WordPress 中有一个导航菜单函数wp_nav_menu，通过这个函数可以控制菜单输出的HTML 结构，一般开发者用这个函数的一般是在输出HTML 中自定义一些id 或者class 而已，整体的HTML 结构还是WordPress 默认的。项目的需求是各种各样的，了解如何自定义导航菜单HTML 结构就十分重要了。 wp_nav_menu 函数囿于篇幅，本文不会教你怎么使用wp_nav_menu 函数，请自行补习。通过设置wp_nav_menu 的参数，前台输出的HTML 结构大概都是这样的（为了简洁

2018-01-19

2.5K0

送上段模拟圣诞节下雪的javascript 代码

wordpress php javascript

平安夜我就不多说什么啦，现在Jeff 正在看刚刚出炉的神探夏洛克第三季的圣诞特辑迷你短剧以及纪录片《Unlocking Sherlock 2014》。咱在这里送上一段模拟圣诞节下雪的javascript 代码，效果就是本站的效果啦~ 该段代码来源于Xmas Snow 插件，见《迎圣诞，13款WordPress 圣诞装饰插件推荐》一文。你可以直接复制到主题的footer.php那里或者直接添加到现有的js 文件。Merry Christmas！ <script type="text/javascript">

2018-01-19

1.1K0

BFIThumb：WordPress 中替代TimThumb 进行裁图的选择

安全漏洞 php

众所周知，WordPress 主题中常用来裁图的第三方PHP 程序TimThumb 曾经闹过“安全”事故，虽然后来已经做了补丁修补这个安全漏洞，但仍导致部分博主乃至开发者不敢使用TimThumb。如果这么说，这个BFIThumb 或许是个不错的替代选择。 BFIThumb 简介 BFIThumb 是一个类似TimThumb 的裁图程序，仅适用于WordPress 中。其拥有以下三个特点：使用WordPress 中的WP_Image_Editor 类来进行裁图；与TimThumb 相似的用法；与TimT

2018-01-19

1.2K0

TGM Plugin Activation：为WordPress 主题添加“插件推荐安装”功能

TGM Plugin Activation 是一个php库，通过TGM Plugin Activation 可以很方便的在你开发的主题上集成“插件推荐安装”功能（即是提醒用户安装某个插件以提升主题功能）。对于WordPress 开发者来说，Jeff 觉得是一个不错的功能。 TGM Plugin Activation简介 TGM Plugin Activation 是一个php库，它可以让你在你的WordPress 主题（或插件）上集成“推荐插件安装功能”，用户可以很容易地安装所需主题并且自动激活。只要你的插

2018-01-19

1.5K0

WordPress 文章截断方式：有more标签的优先more标签，否则截断一定字数

wordpress php 正则表达式

最近在完善本站主题Devework，主要是前后台的联系工作，其中遇到一个问题，那就是首页文章的截断方式。就Jeff的使用习惯的话，是直接在后台编辑器写文章的时候手动添加more （更多）标签，但对于许

2018-01-19

9330

WordPress 标签页面只有一篇文章时自动跳转到该文章

就Jeff的使用经验的话，我是直接将“标签”作为文章关键词的，这么做也是为了方便代码实现WordPress自动关键词keywords与描述description。但如此常常是一个“标签”才对应一篇文章，为了提高用户体验，我们可以在WordPress 标签页面只有一篇文章时自动跳转到该文章。将下面的代码添加到主题的functions.php 文件下： add_action('template_redirect', 'tag_redirect_single_post'); function tag_redir

2018-01-19

8330

WordPress 开发之让浏览器自动加载最新的CSS、JS文件（免刷新缓存）

wordpress 缓存 ssh php

在开发WordPress 主题的时候，如果频繁更新主题的CSS、JS文件但主题已经上线，如何让访客的浏览器获取最新的CSS、JS文件而非等到浏览器删除缓存后？下面就介绍一个简单的方法。版本号参数相信有过开发经验的童鞋都知道是用版本号参数控制。即原来比如说css 文件路径代码是如下面的： http://devework.com/wp-content/themes/Devework/style.csshttp://devework.com/wp-content/themes/Devework/style.c

2018-01-19

5K0

WordPress 后台编辑文章页面添加自定义提示文字

针对你的客户，你可能需要对WordPress 后台的编辑器做些个性化操作提示，比如说编辑的一些说明、注意事项等等。WordPress 中可以使用以下类似的代码实现，还是放在主题的functions.p

2018-01-19

1.1K0

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态