wordpress infocus不显示中文标题

偶看最近在折腾老外的wordpress主题,老外的主题不但美观大方,而且功能强大,就是满屏幕的英文有点点纠结。

偶看使用infocus主题时发现,标题中如果含有中英文,那么英文可以显示,中文无法显示,经过一番搜索是由于字体的渲染造成的,网上没有专门针对infocus的渲染删除进行解说,偶看只好自己研究。

wordpress infocus

网上的一般方法是在header.php文件中查找Cufon.replace,并删除即可,可是偶看在header.php完全没有找到Cufon.replace。

研究了一会代码,偶看发现一个有关Cufon的IF语句,马上返回后台主题设置,偶看认真查看infocus的常规选项,竟然有一个“全局禁用Cufon字体替换”的选项,勾选改选项后,中文字体正常显示。

不认真的孩子伤不起!朋友们以后设置wordpress后台一定要认认真真把所有的选项的看完,老外的主题博大精深。

萧涵SEO模版添加侧边栏博主图片和介绍

萧涵SEO模版在右侧侧边栏添加博主的头像和介绍

1.头像图片的宽度为240px左右,高不限制,建议比例为4:3

2.可在后台媒体库上传图片,或者直接FTP上传到文件夹

3.插入图片的HTML代码

<img src="图片地址" alt="说明" width="宽度" height="高度" />

4.居中的HTML代码是

<center>内容</center>

侧边栏使用小工具

管理后台–外观–小工具–添加文本(任意文本或 HTML)–在文本框中插入图片代码和文字

侧边栏没有使用小工具

管理后台–外观–主题设置–功能设置–广告位(侧边栏搜索框下的广告位)–在文本框中插入图片代码和文字

这样侧边栏博主图片和介绍就添加完成了。

偶看建立了关于萧涵主题修改交流的QQ群:已经解散,大家有问题可以在“问答板块”提问。,欢迎大家加入。有更多关于萧涵主题需要修改的部分,请查看萧涵主题修改

萧涵主题删除导航条RSS订阅按钮

RSS订阅在国外好像还挺流行,不过在国内就悲催了,市场占有率实在不高,对于一般用户来说RSS是做什么用的都不太清楚。

偶看给大家介绍下如何删除萧涵主题导航条最右边的RSS订阅按钮

萧涵主题删除导航条RSS按钮

一、找到萧涵模版文件夹下的header.php,找到代码

			<div class="rss_ico"><a href="<?php $options = get_option('xiaohan_options'); if ($options['feed_url']) {echo($options['feed_url']);} else  bloginfo('rss2_url'); ?>" target="_blank" rel="nofollow"><img src="<?php bloginfo('template_url'); ?>/images/rss_ico.gif" width="85" height="36" alt="RSS 订阅" /></a></div>

将其全部删除。这样RSS按钮就消失了,如果您的导航条很长,还需要用到RSS按钮删除后的空白地方,那么就接下来修改CSS文件。

二、打开萧涵模版文件夹下的style.css,找到

#nav ul.menu{width:865px;padding-left:5px;float:left;}

其中的width:865px就是实际能够使用的导航条的宽度,您可以修改为width:955px,那么您的导航条就可以使用全部位置了。

#nav ul.menu{width:955px;padding-left:5px;float:left;}

偶看建立了关于萧涵主题修改交流的QQ群:已经解散,大家有问题可以在“问答板块”提问。有更多关于萧涵主题需要修改的部分,请查看萧涵主题修改

萧涵主题添加阅读全文按钮并符合SEO优化

在wordpress萧涵主题添加首页文章摘要右下角阅读全文按钮通过传统手动方式并不能成功,而且手动方式太复杂,需要每次编辑文章都手动添加。偶看在这里介绍通过修改代码实现一劳永逸的自动方式。

传统手动添加方式

发表或编辑文章,在想要显示“继续阅读”按钮处,单击编辑框中第一行第12个按钮【插入“更多”分隔符(ALT+SHIFT+T)】,即可插入一个“继续阅读”按钮。具体代码为:

<!--more-->

wordpress阅读全文按钮

这个方式不适用于wordpress萧涵主题,遂采用以下办法。

修改代码自动显示方式

一、打开萧涵主题文件夹下的index.php文件,找到

				<div class="intro">
 					<?php if(is_category() || is_archive() || is_home() ) {
 						the_excerpt();
 						} else {
 							the_content('Read the rest of this entry &raquo;'); 
 					} 
 					?>
 				</div>

在以上代码后面添加

<div class="goon"><a href="<?php the_permalink() ?>" rel="nofollow">阅读全文</a></div>

二、打开萧涵主题文件夹下的style.css文件,在结尾处添加CSS代码

 .post .goon a{float:right;margin-right:15px;color:#F60;font-family:'Microsoft Yahei',Arial;font-size:14px;}

三、添加“阅读全文”按钮后的首页显示效果

萧涵主题添加阅读全文按钮

给“阅读全文”按钮添加nofollow属性是一个SEO优化细节。如果您的文章锚文本都是“阅读全文”,而又指向不同的网页,那么搜索引擎将无法确定您的文章主旨。当然,为“阅读全文”按钮添加nofollow属性还有其他几个好处,偶看就不一一说明了。

萧涵主题添加幻灯片插件WP flash img show

有很多朋友想在萧涵主题首页添加幻灯片,经过测试使用WP flash img show可以完美兼容萧涵主题。

一、先在管理后台搜索插件WP flash img show并安装

二、幻灯片的添加位置为首页导航条下,博客文章标题之前,打开主题文件夹下的index.php,找到

<?php endif;?>
             <?php endwhile;wp_reset_query();?>
             <?php endif;?>

在这个代码之后添加,WP flash img show幻灯片的PHP代码

  <?php if (function_exists('wp_flash_img_show')) {wp_flash_img_show('default');} ?>

也可以添加HTML代码

  <div id="wp_flash_img_show_here_default"></div>

萧涵主题添加幻灯片插件WP flash img show

三、幻灯片插件添加完成,效果如图,现在使用的效果都是默认的,我们需要进入后台–设置–WP flash img show。

WP flash img show Setting的功能非常强大,以下视频是详细的安装方法和系统设置。

您的wordpress萧涵主题还有更多需要修改的地方,请查看萧涵主题修改全记录,也可以加入萧涵主题交流QQ群:已经解散,大家有问题可以在“问答板块”提问。。

萧涵主题文章缩略图实现方法

萧涵主题文章缩略图,偶看目前还没有需要用到,但是有朋友问起,通过一番搜索和研究,实现萧涵主题文章缩略图,需要三步即可。

注意:以下方法不适用于《萧涵主题置顶摘要和全文显示的方法》后的修改。

一、在主题文件夹下的functions.php添加代码

//文章缩略图获取
 function dm_the_thumbnail() {  
     global $post;  
     if ( has_post_thumbnail() ) {  
         echo '<a href="'.get_permalink().'" class="pic">'; 
         $domsxe = simplexml_load_string(get_the_post_thumbnail());
         $thumbnailsrc = $domsxe->attributes()->src;  
         echo '<img src="'.$thumbnailsrc.'" alt="'.trim(strip_tags( $post->post_title )).'" />';
         echo '</a>';  
     } else {
         $content = $post->post_content;  
         preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER);  
         $n = count($strResult[1]); 
         $random = mt_rand(1, 5);
         if($n > 0){
             echo '<a href="'.get_permalink().'" class="pic"><img src="'.$strResult[1][0].'" alt="'.get_the_title().'" title="'.get_the_title().'"/></a>';  
         }else {
             echo '<a href="'.get_permalink().'" class="pic"><img src="'.get_bloginfo('template_url').'/images/random/oukan'.$random.'.jpg" alt="'.get_the_title().'" title="'.get_the_title().'"/></a>';  
         }  
     }  
 }
 add_theme_support('post-thumbnails');
 set_post_thumbnail_size(100, 140, true); 

二、在主题文件index.php;category.php;archive.php里面的

<div class="intro">

后面添加以下代码:

<?php dm_the_thumbnail(); ?>

三、将如下css代码添加到主题文件style.css。

.post .intro img {
     float:left;
     width:140px;
     height:100px;
     margin:12px 10px 8px 15px;
     padding:4px;
     border:1px solid #ccc;
     position:relative;
     z-index:3;
 }

萧涵主题缩略图显示效果

萧涵主题缩略图显示效果

以上三个步骤修改添加完成后,即可显示首页、栏目页和归档页面文章右边的缩略图,图片大小为100*140像素,默认调用文章内的第一张图片,如果文章内没有图片,就会调用主题包里images文件夹下的random(这个文件夹自己手动建立)里面的图片,例如:oukan1.jpg,oukan2.jpg……oukan5.jpg(缩略图命名的格式必须照此来)。

您的wordpress萧涵主题还有更多需要修改的地方,请查看萧涵主题修改全记录

将萧涵主题的置顶文章前的置顶两个字去掉

使用wordpress的萧涵主题置顶文章前会显示“置顶”两个字,这两个字是为了与其他文章区分开来的,而有很多朋友并不想突出“置顶”这两个字,而要去掉它。

打开模板主题下的index.php文件,找到代码

<h2>[置顶] <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>

将“[置顶]”这几个字删除几个。

这个方法对于大部分的wordpress主题都是适用的,而不是单单只适用于萧涵主题,因为只需要找出“置顶”两个字,并删除。

您的wordpress主题还有更多需要修改的地方,请查看萧涵主题修改全记录

萧涵主题修改友情链接为随机排列

偶看在使用萧涵主题一段时间后发现,友情链接的排列是固定不变的,感觉没有点新意,偶看觉得还是要把网络营销方法的友情链接排列改成随机的。

wordpress的友情链接标签功能强大,而萧涵主题只使用了最基本的功能

以下修改基于wordpress3.4.1修改,打开模板文件夹下的sidebar.php,找到代码

<?php wp_list_bookmarks('title_li=&categorize=0'); ?>

修改成

<?php get_links(-1, '<li>', '</li>', '', 0, 'rand', 0, 0, 30); ?>

即可实现友情链接的随机排序,这个标签的具体参数,偶看就不详细阐述了,想要进一步了解的朋友可以去搜索wordpress友情链接参数和函数详解,萧涵主题3.0已经将友情链接按照两列排列,就不需要再修改CSS。

还有更多需要修改的地方,查看萧涵主题修改全记录

萧涵模板修改热评文章调用周期为近一年

萧涵模板侧边栏调用的热评文章是所有时间的,偶看博客创立到现在已经七年多了,很多博文已经失去了时效性,而这些旧博文还占领着热评文章的位置,这个时间需要修改为可控制的时间段。

偶看将博客侧边栏热评文章调用周期为近一年。

萧涵主题热门评论

打开模板文件夹下sidebar.php             

        <div class="block"><h3><?php _e('最受欢迎文章', 'xiaohan'); ?></h3>
          	<ul>
              	<?php $result = $wpdb->get_results("SELECT comment_count,ID,post_title,post_date FROM $wpdb->posts where post_type <> 'page' ORDER BY comment_count DESC LIMIT 0 , 10"); 
  				foreach ($result as $topten) { 
  				$postid = $topten->ID; 
  				$title = $topten->post_title;
  				$post_date = $topten->post_date;
  				$commentcount = $topten->comment_count; 
  				if ($commentcount != 0) { ?> 
                  <li><a href="<?php echo get_permalink($postid); ?>" title="<?php echo $title ?>"><?php echo $title ?></a></li> 
  				<?php } } ?>
              </ul>
          </div>

修改为

        <div class="block"><h3>热评文章</h3>
          	<ul>
              	<?php simple_get_most_vieweds(); ?>
              </ul>
          </div>
  

并且在模板文件夹下functions.php文件结尾处添加

// 年度排行
  function simple_get_most_vieweds($posts_num=10, $days=360){
      global $wpdb;
      $sql = "SELECT ID , post_title , comment_count
             FROM $wpdb->posts
             WHERE post_type = 'post' AND post_status = 'publish' AND TO_DAYS(now()) - TO_DAYS(post_date) < $days
             ORDER BY comment_count DESC LIMIT 0 , $posts_num ";
      $posts = $wpdb->get_results($sql);
      $output = "";
      foreach ($posts as $post){
       $output .= "\n<li><a href= \"".get_permalink($post->ID)."\" rel=\"bookmark\" title=\"".$post->post_title." (".$post->comment_count."条评论)\" >".$post->post_title."</a></li>";
      }
      echo $output;
  } 

这样就实现了调用最近一年的热评博文,偶看网络营销博客就是通过这样的方式实现调用的。

关于更多萧涵主题的修改,请查看萧涵主题修改全记录

萧涵主题修改全记录

偶看自从将偶看网络营销博客改版成Wordpress博客后,就开始使用萧涵主题,到现在使用萧涵主题已经有两个多月了,期间修改了多处设置,在这里给大家做个导航,方便查找!

如有问题可以在偶看网络营销问答中提问,或直接在博客中留言。
萧涵主题修改全记录

本地搭建wordpress (wordpress视频教程一)

wordpress基本设置 (wordpress视频教程二) 内含萧涵主题和图片源文件下载地址

萧涵主题不同颜色源码下载(蓝色、红色、紫色和绿色)

林伟强:wordpress利于SEO优化的十三个插件

整体修改

一、安装萧涵主题后出现错误

二、取消WP的自动保存和草稿功能

三、WordPress英文垃圾评论

四、WordPress图片防盗链

模板页面修改

一、萧涵主题的导航栏栏间距修改

二。萧涵主题修改右上角banner为广告代码

三、将萧涵主题的置顶文章前的置顶两个字去掉

四、萧涵主题文章缩略图实现方法  萧涵主题修改首页缩略图显示详解视频

五、萧涵主题添加幻灯片插件WP flash img show(含视频)

六、萧涵主题置顶摘要和全文显示的方法

七、萧涵主题添加阅读全文按钮并符合SEO优化

八、萧涵主题模版将comments修改成评论

九、萧涵主题删除导航条RSS订阅按钮

十、萧涵主题LOGO修改(含视频)

十一、wordpress wp-postviews统计插件安装使用教程(含视频)

十二、萧涵博客修改默认分享为百度分享

十三、萧涵模板更换网页背景图

十四、wordpress无觅相关文章插件 安装使用视频教程

十五、萧涵主题如何设置微博客(含视频)

十六、萧涵主题右上角添加设为首页、收藏网站等链接

侧边栏修改

一、萧涵模板非插件侧边栏显示Gravatar头像最新评论(含视频)

二、萧涵模板修改热评文章调用周期为近一年

三、萧涵主题修改友情链接为随机排列

四、萧涵SEO模版添加侧边栏博主图片和介绍(含视频)

五、萧涵博客分类目录双排显示

六、wordpress侧边栏添加微博收听组件和微博秀(含视频)

七、萧涵主题侧边栏错位解决办法(含视频

    偶看建立了关于萧涵主题修改交流的QQ群:已经解散,大家有问题可以在“偶看问答”提问。

目前,偶看使用的萧涵主题适用于WordPress3.4.1,2012年9月7号升级WordPress3.4.2,12月19日升级到WordPress3.5。
2013年1月25日升级到WordPress3.5.1,6月22日升级到对WordPress3.5.2,9月2升级到WordPress3.6,9月13升级到WordPress3.6.1,新版本WordPress的使用没有问题。(最后修改于2013年9月13日)

萧涵主题修改右上角banner为广告代码

偶看使用萧涵主题有一段时间了,右上角banner的图片位需要好好利用起来,如果只是放置一张图片,这个位置就有点可惜了。在wordpress后台的主题设置中没有直接能将图片修改成广告联盟代码的功能,那么只能修改模板文件了。

打开header.php,第65行到第81行

             <div class=”banner”><?php
     // Check if this is a post or page, if it has a thumbnail, and if it’s a big one
     $options = get_option(‘xiaohan_options’);
     $banner_link = $options[‘banner_link’];
     $banner_link_target = $options[‘banner_link_target’];
     $banner_link_xfn = $options[‘banner_link_xfn’];
     if ( is_singular() &&
       has_post_thumbnail( $post->ID ) &&
       ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘post-thumbnail’ ) ) &&
       $image[1] >= HEADER_IMAGE_WIDTH ) :
      // Houston, we have a new header image!
      echo get_the_post_thumbnail( $post->ID, ‘post-thumbnail’ );
     else : ?>
                   
      <a href=”<?php echo $banner_link;?>”<?php if($banner_link_target==1) echo ‘ target=”_blank”’; ?><?php if($banner_link_xfn==1) echo ‘ rel=”nofollow”’; ?>><img src=”<?php header_image(); ?>” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”” /></a>
     <?php endif; ?>
            </div>

萧涵主题修改右上角banner为广告代码

在 <div class=”banner”>广告代码</div>的中间的所有内容替换成您在广告联盟(推荐百度联盟、谷歌联盟和阿里妈妈等)申请的广告代码即可,注意广告大小为468*60。

这样萧涵主题右上角banner就变成了广告!具体可以查看互联网那些事的效果。

点击查看萧涵主题修改全记录

萧涵主题的导航栏栏间距修改

如果您的wordpress博客栏目有很多个,而且都想显示在导航栏上,而且您使用的是萧涵主题,其他主题也是可以的,大同小异。

偶看介绍两种方法实现导航栏多放置几个栏目:

一、自定义栏目名称时使用简写,如果启用了“菜单”可以直接在菜单中修改,例如:wordpress简写成WP,那么无形中就可以多放置几个栏目了。

萧涵主题导航栏栏间距修改

二、修改模板下的CSS文件

 打开/wp-content/themes/xiaohan3/style.css,找到

#nav li a span{padding:0 14px;display:block;float:left;cursor:pointer;}

注意其中的一个数字14,您只需修改它即可缩短栏目的间距,例如修改成

#nav li a span{padding:0 8px;display:block;float:left;cursor:pointer;}

顺便介绍下padding,这是简写属性在一个声明中设置所有内边距属性。这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

萧涵主题的导航栏栏间距就修改完成了,您可以放置更多的栏目在导航栏上了。

点击查看萧涵主题修改全记录

安装萧涵主题后出现错误

我将博客转成WP程序后,找模板找了好久,虽然有很多简洁的模板,但是感觉都不太合适。

看到网上很流行萧涵的主题,从萧涵的官方博客下载WP–xiaohan3.0主题,安装完成后出现以下提示:

Parse error: syntax error, unexpected T_ENDIF in E:\coreamp_20110401\htdocs\wp-content\themes\xiaohan3\sidebar.php on line 104
Call Stack
# Time Memory Function Location
1 0.0005 341928 {main}( ) ..\index.php:0
2 0.0009 345680 require( ‘E:\coreamp_20110401\htdocs\wp-blog-header.php’ ) ..\index.php:17
3 1.7871 23174120 require_once( ‘E:\coreamp_20110401\htdocs\wp-includes\template-loader.php’ ) ..\wp-blog-header.php:16
4 1.7897 23211552 include( ‘E:\coreamp_20110401\htdocs\wp-content\themes\xiaohan3\index.php’ ) ..\template-loader.php:43

查看源文件代码没有发现什么问题。经过研究发现是使用PHP集成环境coreamp_20110401的问题。

我从网上下载安装xampp-win32-1.7.7-VC9问题自行解决,使用的版本是适用于 Windows 2000、XP、Vista 和 7 的发行版。该版本包括:Apache、MySQL、PHP + PEAR, Perl, mod_php, mod_perl, mod_ssl, OpenSSL, phpMyAdmin, Webalizer, Mercury Mail Transport System, Ming, JpGraph, FileZilla FTP Server, mcrypt, eAccelerator, SQLite 和 WEB-DAV + mod_auth_mysql。

xampp最新版本下载地址:http://www.apachefriends.org/zh_cn/xampp.html

点击查看萧涵主题修改全记录