落絮飞雁的个人网站

顺流而下,把梦做完

在页脚添加时间和内存消耗等信息

在HDOJ底部,会显示出此次访问的请求次数和时间等信息。依样在本站上也添加了一个。还是通过在function中添加函数实现。

在function.php中添加:

function performance( $visible = false ) {

    $stat = sprintf(  'Total %.3f seconds query %d using %.2fMB memory',
        timer_stop( 0, 3 ),
        get_num_queries(),
        memory_get_peak_usage() / 1024 / 1024
        );

    echo $visible ? $stat : "" ;
}
// Show performance detail End

之后在需要调用的地方插入


即可~

 

效果如图

代码高亮插件WP-Code-Highlight 样式美化

Update150628:
修复了行号异常的BUG,代码已经更新。详细请见这里

样式代码:

.prettyprint,
pre.prettyprint {
    background-color: #000;
    font-family:Source Code Pro,inherit;
    border: none;
    overflow: hidden;
    padding: 10px 15px;
}
.preprint.ol.linenums li{line-height:16px;margin:0px;padding:5px;list-style:none;}
.preprint.ol.linenums li:before,ol.linenums li:after{content:none;}
.preprint.ol.linenums li{margin:0;padding-left:27px;color:#ff0000;}
.preprint.ol.linenums li.L0,ol.linenums li.L0,ol.linenums li.L1,ol.linenums li.L2,ol.linenums li.L3,ol.linenums li.L4,ol.linenums li.L5,ol.linenums li.L6,ol.linenums li.L7,ol.linenums li.L8,ol.linenums li.L9{
	list-style-type:decimal;
	color:#FF0000;
}
.preprint.ol.linenums li.L0,ol.linenums li.L1,ol.linenums li.L3,ol.linenums li.L5,ol.linenums li.L7,ol.linenums li.L9{
	list-style-type:decimal;
        background-color: #191919;
}
.prettyprint .com { color: #93a1a1; }
.prettyprint .lit { color: #AE81FF; }
.prettyprint .pun,
.prettyprint .opn,
.prettyprint .clo { color: #F8F8F2; }
.prettyprint .fun { color: #dc322f; }
.prettyprint .str,
.prettyprint .atv { color: #E6DB74; }
.prettyprint .kwd,
.prettyprint .tag { color: #F92659; }
.prettyprint .typ,
.prettyprint .atn,
.prettyprint .dec,
.prettyprint .var { color: #A6E22E; }
.prettyprint .pln { color: #66D9EF; }

这个CSS样式是在乐趣公园看到的。稍微改动了一下,显示行号为白色,同时支持Source Code Pro字体。

本文转载自:乐趣公园。版权属原作者。原文链接:http://googlo.me/2882.html

分享那些好用的WP插件Vol.2

上集回顾:分享那些好用的WP插件

复习累了,水一篇文章。分享一点在用的插件。

 


百度官方推出的一款提交网页的插件,可以加快百度收录。

禁用谷歌字体。因为WP默认使用Google Fonts,由于某些原因……禁用谷歌字体后可以加快大陆访问网站的速度。

大侠SEO。可以设置META信息,自动锚文本,以及相似文章推荐等功能,还可以自动生成网站地图。

根据页面显示不同的小工具。比如只在文章页添加音乐或者只在首页添加友链等等,详细介绍可以看这里

代码高亮插件。因为兼容问题停用了Developer Formatter这款插件。不过这款插件貌似存在在非IE核心下显示问题。

自动翻译文章别名。在发布文章的时候可以自动将文章的别名翻译成英文(效果如链接示)。因为网站之前用的都是中文别名所以怕全部翻译后会出现大量死链,被搜索引擎K掉。所以就保留了以前的中文别名,现在发布的文章用英文别名的形式。

为WP生成伪静态页面。加快WP的访问速度,堪称神器。

  • 随机名言

随机显示一条名言。根据random quotes稍加修改用到网站上,效果还不错:-)

 

将WordPress文章导出至Blogger

今天折腾了一下Blogger,打算把网站的部分文章转过去。虽然Blogger官方不能直接搬运WP的文章。但是可以通过导出xml的方式来迁移文章。

READ MORE →

在文章页面底部添加版权信息

function.php底部添加:

function feed_copyright($content) {
    if(is_single() or is_feed()) {
	$content.= '
CC协议:署名-非商业 4.0国际|Creative Commons BY-NC 4.0
'; $content.= '
转载注明:落絮飞雁的个人网站
'; $content.= '
本文连接:'.get_the_title().'
'; } return $content; } add_filter ('the_content', 'feed_copyright');

 

Twentyfourteen主题简单修改

博客目前在用的主题是WP自带的twentyfourteen主题。觉得还不错,拿来稍加修改就用了。

  • 适配宽屏

这套主题默认显示的最大宽度是1260px,就导致了在宽屏上浏览时网页右侧有一条很难看的白边。可以通过修改style.css实现:

.site-header {
	background-color: #000;
	max-width: 1260px;
	position: relative;
	width: 100%;
	z-index: 4;

其中max-width由1260px修改为max-width:100%;即可。

  • 修改默认配色

同样是style.css种修改背景色:

网站标题的背景色:
.site-header {
background-color: #000;

左侧边栏的背景色:
.site:before {
background-color: #000;

底边的背景色:
.site-footer {
background-color: #000;

或是插件解决:fourteen-colors

  • 修改每行正文显示宽度

每行正文显示的内容较少,同样通过修改style.css解决

 .page-content {
 margin: 0 auto;
 max-width: 474px;

474px修改为合适值,我选的630px。

WP插件:Widget Logic支持的标签及用法

Widget Logic是一个可以让指定页面显示小工具的插件。在需要做『友情链接』的时候是有很大作用的;也可以通过设置在访客浏览相关页面时推荐类似文章。

默认支持以下标签:

is_home() 主页
is_single() 文章页
is_page() 页面
is_category() 文章分类页
is_tag() 文章标签页
is_archive() 归档页
is_404() 404页
is_search() 搜索结果页
is_feed() 订阅页

语法为:

||表示或,&&表示和,!表示非。栗子:

is_home() 仅主页显示
!is_home() 除主页以外的页面显示
!is_category(5) 仅在ID非5的分类显示
is_home() || is_category(’baked-goods’) 在主页或名称为baked-goods的分类显示
is_page(’about’) 仅在关于页显示


ps:切记不要写错标签,可能会导致整页无法加载的现象!

 

让WordPress首页只显示摘要

WordPress的功能很强大,可以根据个人需求来修改网站。

在Wordpress 3.5.1的中提供了默认的主题Twenty Twelve,很不错,但是首页显示的是全文信息,这不仅使得页面太长,也使得加载速度变的很慢,只有在搜索的时候才会显示摘要,那么怎么去让首页显示文章的摘要呢?
到wordpress后台,依次选择 外观–>编辑–>选择右边的index.php,在里面可以看到语句

<?php while ( have_posts() ) : the_post(); ?>
    <?php get_template_part( 'content', get_post_format() ); ?>
<?php endwhile; ?>

可以看出,index.php是嵌套一个 content.php 的文件用于专门显示文章的内容,这就是为什么在首页老是显示文章全文。那么,打开content.php文件找到

<?php
the_content( __( 'Continue reading <span>&rarr;</span>', 'twentyeleven' ) );
?>

将它修改为

<?php if(!is_single()) {
the_excerpt();
} else {
the_content(__('(more…)'));
} ?>

保存,现在去看看你的首页,是不是只显示摘要了?


 

转载自:http://www.iteblog.com/archives/21

在WordPress中显示一句随机名言

好早以前就想添加这个功能了。于是乎,昨天开始折腾这个,先是从网上搜到了这个插件:WordPress随机显示名人名言插件发布:Random Quotes

安装好插件之后将需要显示的名言放到php文件中,每行一个。
然后在需要调用的地方插入


即可。
插件支持自定义样式。在CSS文件(我是在侧边栏中显示的,所以放在7.0 sidebar之后)中插入

#random_quotes, #random_quotes_c {
        自定义样式
}

即可。

写写我用的代码高亮插件

由于经常要贴代码,所以一直需要一款好用的代码高亮插件。
Developer Formatter 一开始就是用的这款插件。启用后在可视化编辑器中会增加一个按钮,可以方便的贴代码。可惜不支持Wordpress3.8及以上版本。
Code Colorer 后来用了这款,支持绝大多数的编程语言。可惜与我安装的另外几个插件不兼容,无奈卸载了。
WP-Syntax 很强大,支持自动转义,就是服务器貌似不支持,无论我怎么添加标签都都不能高亮。无语了……
WP Code Highlight现在在用这款插件,小巧轻便。用的是pre标签,还可以兼容一部分代码高亮插件。只是不支持代码转义,需要在用户里禁用掉可视化编辑器。
所以,索性就注册了一个专门写代码的账号。顺便整理了一下之前写过的代码。