wordpress

分类下相关文章

wordpress footer.php 中 wp_footer 的作用

footer.php body 标签的最后一行有这样一行代码 wp_footer(); </div><!-- #page --> <?php wp_footer(); ?> </body> </html> 文档的说明是 Fire the 'wp_footer' action 而 wp_footer action 主要用途是 用于向浏览器页面底部输出内容。例如,作为插件需要引入新的 js 执行后台任务(例如,页面访问计数)。 add_action 的示例 <?php function your_function() { ...

阅读全文...

去除 wordpress 主题中的 google 字体

storefront 主题中引用了 Google 字体,需要去除,否则会导致页面加载缓慢。 先看看到底是哪里引入了 google fonts /wp-content/themes/storefront/inc/class-storefront.php $fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' ); wp_enqueue_style( 'storefront-fonts', $fonts_url, array(), null ); 合理的做法是,在子主题的 functions.php ...

阅读全文...

wordpress 语言包中 .mo .po .pot 文件的区别

.mo machine object, 二进制文件,不具有可读性。主要是给程序读取之用。用 VIM 打开,会看到部分内容是乱码。 .po 实际的翻译文件,即我们需要编辑的文件,对人类具有可读性。 .pot 模板文件,列出了所有需要翻译的字符串,只是翻译部分为空。填充上翻译之后,即为 .po 文件。 ...

阅读全文...

storefront 主题汉化

storefront 并没有自带语言包,所以会看到 storefront 主题页面中的诸多地方并没有被汉化。 storefront 官方推荐的做法是,下载或者自己生成语言包 要么放到 wordpress 的语言包目录下 /wp-content/languages/themes/storefront-zh_CN.mo 要么放到子主题的语言包目录下 /wp-content/themes/your-child-theme/languages/zh_CN.mo 我觉得还是放到子主题的语言包目录下比较合理,因为子主题可以做版本控制,而 wordpress 并不适合做版本控制,因为要频繁安全升级。 s ...

阅读全文...

通过 child theme 修改 storefront 主题底部 credit 信息

使用 storefront 主题之后,默认网页的底部会显示 Storefront designed by WooCommerce. 如果想去掉,最好采用 child theme 的方式。 不直接修改 storefront 的主题源代码的原因是,一旦主题升级,所有修改都会被覆盖掉。 首先,新建一个空的子主题 即在 /wp-content/themes 目录下新建一个目录,例如 zhongwei。然后在该目录下,新建两个文件 style.css 内容如下 /* Theme Name: zhongwei Version: 1.0 Description: Child theme for St ...

阅读全文...

wordpress 视频播放体验问题

默认视频没有缩略图/预览图 视频加载了很长时间才开始播放 为视频添加预览图片 - 缩略图 后台,编辑文章,点击文章中的视频,点编辑按钮(右上角的铅笔图标) 在弹窗的窗口中,选择海报图像,设置一张图片即可。 无法自动提取视频的关键帧作为预览图片的确非常不方便,但是也为封面党提供了便利条件。 查看文章的文本编码可以看到其格式为 [video width="1280" height="720" mp4="http://www.sunzhongwei.com/wordpress-video-demo.mp4" poster=" ...

阅读全文...

wordpress 媒体库倒入大文件

wordpress 默认限制了上传文件的大小为2M。所以,大一点的视频文件,例如 720p 3 分钟 18M 的视频文件就没法通过管理后台上传到服务器了。 解决办法 先通过 scp 或者 ftp 上传到服务器的 /wp-content/uploads/ 目录。但是,仅仅上传了文件,在媒体库中是看不到的,也就没法插入到文章或者页面。 在插件管理中搜索 "Add From Server",安装并启用,就可以将服务器本地的大文件导入到媒体库了。 测试环境:wordpress 4.7.2 ...

阅读全文...

wordpress 增加百度统计代码

通过小工具添加 外观 - 小工具 - 文本 文本标题留空 内容黏贴百度统计的 js 代码,注意外面包一层 div display 为 none; 将这个文本应用到 footer 上。 通过插件添加 插件商店里没有找到合适的,我准备自己自己写一个。 修改 footer.php (不推荐) 外观 - 编辑 - footer.php 将百度统计的 js 代码黏贴进去。 优点:简单有效 缺点:更换主题、升级主题、footer.php 会被覆盖 ...

阅读全文...

生产环境服务器部署安装 wordpress 网站

虽然 wordpress 安装起来很简单,但是细节不算少,记录一下 下载 wordpress 到 wordpress.org 查看最新版的 wordpress 下载地址。 如果目标用户是国内用户,直接去 cn.wordpress.org 查看即可。 copy 下载地址,然后在服务器进行下载。例如: wget https://cn.wordpress.org/wordpress-4.7.2-zh_CN.tar.gz 解压 tar xvzf wordpress-4.7.2-zh_CN.tar.gz 新建一个数据库及对应账号 CREATE DATABASE wpdb CHARACTER SET ...

阅读全文...

Wordpress 在线购物/商城插件 WooCommerce

搜索了 WooCommerce, 彻底被震撼到了!100万+ 的活跃安装,估计没有比这更靠谱的了! 这一查不要紧,发现 WooCommerce 居然是 wordpress 官方出品的(实际上是后期收购的),而且 wordpress 官方还出品了好多神奇的东东... 安装过程非常人性化,可以设置地区,货币类型,支付方式。 需要注意的是,安装 WooCommerce 之后,如果使用普通的 wordpress 主题,用户体验会非常的差,wordpress 会提示你启用支持 WooCommerce 的主题。首先,推荐 wordpress 团队官方出品的 StoreFront 主题。支持自适应,手机 ...

阅读全文...

如何做出主题 deli 的效果

Deli 是 wordpress WooCommerce 插件对应官方主题 storefront 的子主题。相对 storefront 要清晰很多,非常适合作为小店铺,以及餐饮店的主题。 Storefront 内置了两个额外的 page templates Home Page Full Width 这个 page template 真是个非常神奇的东西。有点类似活动模板,在后台简单编辑上点内容,就能变成一个很漂亮的页面。 内置的 Home Page template 包含了诸多产品展示区域,例如: shop by category new in we recommend fan fav ...

阅读全文...

wordpress 母公司 automattic 是一家神奇的公司

Automattic 是 wordpress.com 的母公司,成立于 2005 年八月份。500多名员工,分布全球,绝大部分为远程办公。不过从地图上看,好像没有中国。其远程办公理念与 37signals 较为类似。而其流量居然与亚马逊相当,大约为 Google 的一半。异常惊人。 差不多在2009年,公司成立4年的时候,我们发现我们使用电子邮件的频率高于使用我们自己的博客的频率,因此我们决定改变博客的概念,将其变成一个能够在不离开主页的情况下留言对话的工具,这就是后来的P2。 不发邮件,而使用自己定制化的沟通管理工具,这一点非常令人佩服。也是创业公司的楷模。 其他产品 automatti ...

阅读全文...

Wordpress Post Type

Wordpress 默认带的 post type Post (Post Type: ‘post’) Page (Post Type: ‘page’) Attachment (Post Type: ‘attachment’) Revision (Post Type: ‘revision’) Navigation menu (Post Type: ‘nav_menu_item’) post 与 page 的区别 post 有时间戳,而page没有 post 可以有 catigories 和 tags,而 page 没有 page 可以按照层级结构进行组织 custom post type ...

阅读全文...

Wordpress 主题与插件的区别

主题负责展示,但是不要涉及功能性的改动。 否则用户切换主题之后,某些功能就会失效。 这就是为什么平时看到的主题,从来没见过含有点赞功能,原来这应该是插件的范畴。 Plugins are packages of code that extend the core functionality of WordPress. WordPress plugins are made up of PHP code and other assets such as images, CSS, and JavaScript. 而插件则负责增加功能逻辑。例如,购物车插件。 插件在激活之后可以 增加 routin ...

阅读全文...

使用 Sage 开发 Wordpress 主题

之前在 reddit 发过一个问题,wordpress 上是否有类似 Laravel Blade 这样的模板系统。 第一个回复我的大哥,推荐了 Sage,第一眼看到 Sage 感觉是个庞然大物,加之我对 wordpress 也完全不了解,不明白这货有什么用。 于是最初选择了 bladerunner 。 但是,使用 bladerunner 开发的过程中,我逐步发现,影响我开发效率的绝不仅仅是模板的问题,还有前端组件的积累问题; 同时,我也体会到了使用 Sass 写模块化可复用的样式的重要性。 于是,我对于 wordpress 主题开发工具栈又有了新的要求 Sass 模板系统 基础代码框架 转 ...

阅读全文...