my blog my blog

Category: Wordpress
WordPress 4.6使用原生字体代替谷歌字体

 

WordPress使用原生字体取代谷歌字体,所选用字体覆盖了所有主流操作系统,包括:安卓,苹果iOS,Windows,苹果macOS,以及Linux。

 

完整的 CSS 代码是这样的

font-family: -apple-system,            BlinkMacSystemFont,            "Segoe UI",            Roboto,            Oxygen-Sans,            Ubuntu,            Cantarell,            "Helvetica Neue",            sans-serif; 

这其中:

-apple-system: 用于 Safari 浏览器(iOS及macOS),和 Firefox (macOS);
BlinkMacSystemFont: 用于 Chrome 浏览器(macOS);
Segoe UI: 用于微软 Windows 系统;
Roboto: 用于安卓系统及 Chrome OS 系统;
Oxygen-Sans: 用于 KDE 系统;
Ubuntu: 用于 Ubuntu 系统;
Cantarell: 用于 GNOME 系统;
Helvetica Neue: 用于 macOS 10.11 之前的版本;
sans-Serif: 标准会滚字体,以上都没有的话,用这个字体。

可以看出,在 Safari ,Chrome,以及 iOS 和 macOS 上的 Firefox 浏览器中,都将调用系统界面默认字体;而在其他平台上,都将根据具体的字体名字来进行调用。

Nginx服务器配置多域名指向同服务器

 

当我们用Nginx服务器添加新的虚拟主机的时候,都会生成一个vhost的conf文件,当我们把同一个域名的@和www两个地址都直接A解析到Nginx服务器的时候,会发现只有我们添加的vhost里面的那个域名会被正常解析,如果我们想把@和www两个地址都直接解析到这个vhost上,我们可以这样做。

  1. vim /usr/local/nginx/conf/vhost/www.nenew.net.conf 
  2. 修改字段server_name,比如如下方式 
  3. server_name nenew.net www.nenew.net; 

这样子可以直接将nenew.net和www.nenew.net都指向到这个vhost而不用什么301 302那种跳转,好久不搞linux了,奶牛打算弄个新站,重新拾起web。

设置完成后重启Nginx就搞定了。

wordpress主题制作去除wp_nav_menu()函数生成li标签教程

 

奶牛想要写一个wordpress主题,把Twenty Thirteen给做个大手术吧,换上自己需要的东西,今天开始。问题好多,php不熟,wp函数不熟,一个问题,查了半天,代码一行,搞定。

  1. <?php echo strip_tags(wp_nav_menu( array( 'container' => false,'echo' =>false,'items_wrap' => '%3$s','before'=>'<div class="element">','after'=>'</div>') ),"<div><a>"); ?> 

解析下,首先是wp_nav_menu的参数,container就是外面默认包裹的ul标签,这个直接去掉,echo这个参数是把函数的结果作为一个值返回而不是直接输出,items_wrap是单条链接的输出,直接输出即可,before和after这里可以用div来做包裹,自己根据个人需要来,最后就是strip_tags函数了,直接strip_tags("something","tag")将不需要剔除的标签保留,需要剔除的剔除。

关于锚链接跟页面分页

 

很多东西总是用,总是忘,让人很无奈。锚链接的东西自己至少已经查过三次了,还是老忘,继续记录。

锚链接比较常见的应用就是在页面内上下的切换,比如你的回到顶部/底部功能,页面内链接跳转,都可以用锚链接来做。具体实现方法是:

1.建立锚点

锚点就是你链接想到达的目的地,建立方法是定义一个id给<a></a>,比如回到顶部的话,我们需要在最顶部放置一个锚点。

  1. <a id=top>Homepage</a> 

2.建立锚链接

锚点有了,直接把链接挂过去,就是直接引用锚点的id

  1. <a href="#top">back to top</a> 

搞定。

下面说说页面分页,这里是指打印时候的一个分页,页面上看不出来,实际是一个css的属性。可以在<>中直接引用或者自己定义page-break-before的css。

  1. style="page-break-before:always" 

 

WordPress高亮插件推荐之Syntax Highlighter Compress

 

前几天顾客买主机的时候说想让奶牛帮着安装个高亮插件,奶牛平时虽然有写一些代码出来,但是都是命令类的,所以也没用过高亮代码。前阵子帮群里MM小青青在blogcn那里调用过它们的高亮插件,每次插入代码都需要手动来调整,不是很舒服,这次介绍的这款插件Syntax Highlighter Compress可以直接在工具栏中找到,插入代码的时候直接插入就ok,不用手动切换到html上来修改代码了。

插件支持的代码类型有:

AppleScript, ActionScript3, Bash/shell, Coldfusion, C#, C++, CSS, Delphi, Diff, Erlang, Groovy, JavaScript, Java, JavaFX, Perl, PHP, Plain Text, Python, Ruby, Scala, SQL, Visual Basic , XML

Syntax Highlighter Compress下载:点此下载

安装方法,直接解压缩到wordpress的wp-content/plugins下面就可以了。

从Akismet黑名单中解救自己的邮箱网站信息

 

最近跑去别人的blog留言,发现自己的评论老是莫名其妙的被吃掉,Wordpress吃评论的东东一想就是Akismet,难道自己被打入黑名单了?不是吧,奶牛这么兢兢业业的也被打进去了是不是太残忍了,不行,咱得自救啊~~~

google了一下有同样问题的朋友还不少,方法嘛就是手动提交申请到Akismet的官网,来解救自己的帐号。奶牛说下方法:

1.进入网址http://akismet.com/contact/来打开akismet的联系页面,页面全英文,不过没关系,奶牛领着你一步步走。

Questions, comments and criticisms are all welcome.

下方选择 I think Akismet is catching my comments by mistake

我认为Akismet把我的评论误吞了

2.回答那个数学问题?答案自己算哈Your name填你常用的网名,留言那个, 填写你常用的邮箱,也填平时留言那个,Your blog URL你博客的地址,API key (if known)这里选填,直接掠过就好了,

My comments were caught by your Akismet and i think that my infomation is in your blacklist.I want get myself out your blacklist and can leave comments on others’ blog.

3.提交等回复,奶牛昨晚提交的今天就收到了邮件回复

Hi,

Sorry for the problem.  I believe it is fixed now.


-- 
Mark 

吼吼,搞定,黑名单自救完成。

最后想说一句,如果看到自己的垃圾评论中有非垃圾评论,一定一定要把他们救出来啊~~~

Godaddy的数据库备份导入到其他服务器出错的解决方法

 

奶牛有个站在Godaddy放着,前几天Godaddy的主机到期了,所以那个站就转出了,根目录下的内容没啥问题,直接上传就好了,但是数据库却让奶牛犯了难,在cpanel的PHPadmin中怎么导入都出错,这可怎么弄,莫非是数据库不兼容,不至于吧,数据的内容应该问题不大,感觉应该是文件的头部有些问题,索性就拿来自己的奶牛博客的MySQL数据库比较了下,这一比较还真发现了问题了。

用Notepad++打开了奶牛博客的数据量跟的另一个网站的数据库,从头开始一行行比较,其实那个MySQL数据库是明文存放的,打开后会发现文件的内容很清晰,当对比到数据库名称的那行就发现问题了,Godaddy生成的备份多了一行

CREATE DATABASE `XXX` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
USE `XXX`;

感觉这一行也没啥问题啊,但是去掉后对整个数据库的结构也没啥影响,就直接去掉了,然后保存回到Cpanel下进行数据库导入,成功。

仔细想想,八成是因为数据库的版本不太一样,导致这行内容无法正常识别,这行是注释的文字符的类型跟整理类型,管它呢,删除后正常导入就ok啦~~~

Cpanel后台不给力,WordPress博客开启gzip压缩方法介绍

 

前阵子换了服务器后发现流量飞增,自己当时也没想到是没有开启gzip的原因,因为上个服务器默认开启了,当自己想到的时候从后台登录cpanel一看,晕,竟然没有那个优化网站的选项,google之,发现网上介绍的方法也很多,有改php.ini的,有改.htaccess的,呃,方法很多,奶牛也测试了一些,最后,种种原因,木有成功,不是主页不正常显示就是内部错误,这个方法毕竟都是有适应环境的,所以嘛,嘻嘻,不解释。

今天放一个奶牛测试成功了的方法,这个方法针对wordpress博客哦,操作很简单,只要在博客根目录下的index.php文件中加入一行代码就可以了。

找到根目录下的index.php文件中的

define('WP_USE_THEMES', true);

注意,这里的index.php文件是根目录下的,不是主题目录下的哦~

将上面代码的后面添加一行

ob_start('ob_gzhandler');

就可以了,保存退出,上传文件。然后从http://tool.chinaz.com/Gzips/等类似网站就可以查询自己的网站是否开启了gzip,嘻嘻,去试试吧~~~开启gzip可以压缩网页传输的文件,加快网站的载入速度,挺不错滴~

Wordpess页面用模板调用分类文章的方法

奶牛博客改版咯,添加了android分类,以后奶牛也会写些android系统方面滴东东,感觉android的趋势很强劲丫,乌咔咔~~~言归正传,这次导航的分类是页面调用模板来完成滴,今天就来分享下如何通过制作一个页面模板来调用文章分类(话说奶牛真的很久都没有搞过wordpress啦)~~

先找到主题目录下的index.php,复制一份,命名为自己的模板希望的名称(其实这个名称改啥都行,建议用英文命名,不用用汉字),这里我们就叫它sample.php吧~

用文本编辑器打开sample.php文件(记事本可以么?奶牛这里不建议用windows默认的记事本,因为容易编码错误,建议使用ultraedit或者notepad++),然后在文件的最上方加入代码

<?php
/* Template Name: sample */
?>

这里的sample就是添加新页面的时候那个模版的名称

然后我们找到文件中的这行代码

<?php if (have_posts()) : ?>

或者是类似的语句,因为主题的写法不太一样,所以不能一概而论,但是一般都差不多,在该句前方加入代码

<?php
$limit = get_option('posts_per_page');
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
query_posts('cat=分类序号&showposts=' . $limit=页面文章数 . '&paged=' . $paged);
$wp_query->is_archive = true; $wp_query->is_home = false;
?>

分类的序号从后台的编辑分类的时候可以看到地址里面有个cat_ID=XXX,这个XXX就是你的分类序号,替换到上面的分类序号处就可以了(用数字哦),然后是页面文章数也是根据需要更改,也用数字。

这样这个模版就做好了,上传到我们的主题目录下。

这时候去后台添加新页面,看看那里的模版处是不是有自己的模版了,选择保存就ok啦~~~

去掉wordpress标题中的»

 

做wordpress的SEO是个艰巨滴任务,需要优化的地方很多,奶牛也遇到过很多问题,以后奶牛会陆续滴把自己的实践过程中的一些问题拿出来跟大家分享。今天奶牛来说说这个标题中的»,如果你的文章标题中没有遇到出现»的情况可以略过了,奶牛在刚开始做的时候遇到过这个问题,当时滴解决方法是用All in one SEO 这个插件来进行的标题优化,可以很好滴处理好这个问题,但是老是用插件感觉挺别扭的。最近主题升级的时候逛到了 柳城 博客的一篇文章,介绍了标题的一些优化方式,柳城给了大家两种方法来去掉wordpress标题中的 » 。

1.将header.php文件中title处的<?php wp_title(); ?>更改为<?php wp_title(”); ?> ,再将functions.php文件中加入如下代码即可。

// Removes the white spaces from wp_title
function af_titledespacer($title) {
return trim($title);
}
add_filter(‘wp_title’, ‘af_titledespacer’);

 

2.这个方法也是奶牛正在使用的,直接将header.php中标题调用更改为

<?php echo trim(wp_title('',0)); ?>

就可以解决标题的输出问题了。