WP笔记

通过程序定制Contact Form 7表单一例

Contact Form 7是一款好用的表单插件,由来已久,口碑甚好。使用Contact Form 7时,通常是在后台创建两套模版:表单模版和邮件模版,模版可以使用HTML和shortcode。本文介绍如何借助这些功能动态的生成表单元素和邮件模版,让用户填写表单时可以动态增加数据,而不仅限于模版预定义的数据。

继续阅读通过程序定制Contact Form 7表单一例
WP笔记

如何去除WordPress脚本和样式表的版本号

WordPress中使用wp_enqueue_script()和wp_enqueue_style()引入js脚本和css样式表时,会生成一个版本号,如果你不亲自指定,版本号会是WordPress的版本号,比如3.4.2。版本号有好处,可以强制浏览器更新脚本,但有些SEO检测工具会认为带有版本号是非静态化的表现,那么这里有一个去除版本号的方法。

继续阅读如何去除WordPress脚本和样式表的版本号
WP笔记

WordPress编辑器在Firefox下很卡的解决方法

禁用firefox硬件加速

我的Firefox一直更新,目前是Firefox 16.0.1,最近用Firefox编辑文章,发现WordPress的默认编辑器TinyMCE卡的不行,输入文字时经常键盘敲出去好几个字符,编辑器中的文字才一个一个的蹦出来,删除文字更是痛苦,经常删多。总体感觉就像在用SSH连接一个非常慢的host敲命令一样。

继续阅读WordPress编辑器在Firefox下很卡的解决方法
WP笔记

覆盖WordPress Site URL

WordPress的常规设置中有两项是针对站点地址的,分别是WordPress地址(Site URL)和站点地址(Home URL),这两项存储在wp_options表中,下面的代码可以在不更改数据库的情况下覆盖掉这两项设置。

继续阅读覆盖WordPress Site URL
WP笔记

FitVids.JS —— 让视频响应屏幕尺寸变化

使用Android手机查看的效果

在制作快速响应式网站时,文字、图片等元素都可以很容易的响应屏幕尺寸的变化,唯独视频比较麻烦。比如通过embed方式加载优酷、土豆甚至YouTube视频时,使用max-width:100%的方式不能保证视频在任何设备上都能跟随屏幕尺寸缩放,这时可以借助js脚本来实现,这就是今天要介绍的FitVids.JS

继续阅读FitVids.JS —— 让视频响应屏幕尺寸变化
WP笔记

Responsive主题Anaximander试用

Anaximander

最近非常迷恋简洁+Responsive的主题,于是找了一款名叫Anaximander的主题在自己的博客试用了一下,主题来自designisphilosophy.com,这款主题的特色包括:

  • Responsive Design,意味着用任何尺寸的屏幕看都没问题
  • 集成jQuery Masonry,首页为瀑布流样式
  • 支持Flexslider,可以将置顶文章显示为幻灯片
  • Google Font
  • Social Icon
继续阅读Responsive主题Anaximander试用
WP笔记

WordPress代码:获取置顶文章并循环显示

wordpress functions

WordPress中的置顶文章(Sticky posts)用途多多,当首页幻灯片,或者固定显示在某些显眼的位置,既然置顶必然是重要的。

本文介绍的内容是一段WordPress代码,用来获取置顶文章并循环显示

<?php 
// 获取置顶文章代码
$sticky = get_option( 'sticky_posts' ); //获得所有置顶文章的id
$args = array( 
	'numberposts' => 6, // 最多获取6篇置顶文章
	'post__in'  => $sticky
);
$postQuery = get_posts($args);

//循环输出置顶文章					
foreach( $postQuery as $post ) : setup_postdata($post);
	?>
	<p><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute( 'echo=0' ); ?>" rel="bookmark"><?php the_title(); ?></a></p>
	<?php 
	if ( has_post_thumbnail() ) {
		the_post_thumbnail();
	}	
endforeach; 
?>
继续阅读WordPress代码:获取置顶文章并循环显示
WP笔记

SyntaxHighlighter CKEditor Button Plugin – 为WordPress CKEditor增加代码高亮功能

启用插件后,编辑器中会增加一个Code按钮

在《为CKEditor For WordPress插件增加代码高亮功能》一文中介绍了一种让WordPress CKEditor支持代码高亮的方法——即CKEditor For WordPress + Auto SyntaxHighlighter + CKEditor Syntaxhighlighter的模式,但这种方法有一个很大的弊端,就是我们需要手动修改CKEditor For WordPress插件中的ckeditor.config.js文件,当插件升级时,还要手动备份这个文件,升级后还原,很不方便。

Please note that if you have upgraded to CKEditor For WordPress 4.0, please update this plugin to the latest version and make sure to clean your browser's cache( Ctrl+Shift+Delete)

继续阅读SyntaxHighlighter CKEditor Button Plugin – 为WordPress CKEditor增加代码高亮功能
WP笔记

WordPress技巧:自定义文章或页面的侧边栏

wordpress user

如果你不想你的网站侧边栏千篇一律,这里有一段代码可以帮助你借助custom field设置自定义侧边栏。

以自定义文章侧边栏为例,首先打开文章模板(例如single.php),在需要显示这个自定义侧边栏的位置放上如下代码

<?php
// Check if custom field for sidebar is set
if(get_post_meta($post->ID, "sidebar", true)){
    // If set, save it
    $sidebar = get_post_meta($post->ID, "sidebar", true);
}
else {
    // If not set, default to your standard sidebar
    $sidebar = 'default-sidebar';
}

// Now echo your sidebar in your template using the $sidebar variable
dynamic_sidebar($sidebar);
?>
继续阅读WordPress技巧:自定义文章或页面的侧边栏
WP笔记

如何使用WP Pointers在WordPress后台显示提示信息

wp-pointers

WordPress Pointers是WordPress 3.3引入的新特性,顾名思义,这是一种tooltip,带有箭头,可以实现指向一个位置,显示一些提示信息的效果,这种效果在微博等应用中很常见。WordPress后台对新手而言不是一般的难以理解,有了这种带箭头的提示框,就可以更好的引导用户学习使用某些功能。

继续阅读如何使用WP Pointers在WordPress后台显示提示信息
WP笔记

HandHeld Mobile插件——让你的网站支持Mobile设备

HandHeld Mobile Plugin

我用的免费主题,对手机等手持设备支持不太好。虽然很多智能手机的浏览器可以像电脑一样呈现网页,但屏幕小是一大缺陷,即使能缩放,看着还是麻烦。用手机时我喜欢看干净的网页,没有过多的装饰图片,没有五花八门的widget,有限的屏幕当然要展示最重要的内容——文章。

HandHeld Mobile Plugin

继续阅读HandHeld Mobile插件——让你的网站支持Mobile设备