WordPress文章统计插件(WP-PostViews)使用方法[转载+整理]

转载自:http://blog.sina.com.cn/s/blog_5f49ee9301014f12.html
这款插件需要我们手动添加代码。

首先是最常用的一种

你可以在你主题里面的archive.php, single.php, post.php 或者 page.php等等找到[cc lang=”php”][/cc]然后在它下面你需要显示的地方输入[cc lang=”php”][/cc]

这样我们就可以在页面上显示出统计数量了。

在本站的用法

首先打开主题(flat主题)的single.php文件,在[cc lang=”php”]‘, ‘

‘ ); ?>[/cc]下添加[cc lang=”php”]

  • [/cc]

    再打开style.css文件,在[cc lang=”php”].meta li.post_edit a:hover { }[/cc]下添加[cc lang=”php”].meta li.post_views {} /*文章访问统计*/[/cc]

    这样就添加完成了。

    为了美观,重新给侧边栏修改、添加了图标。
    现在效果如下:
    新的侧边栏图标样式
    侧边栏的完整代码如下:
    [cc lang=”php”]
    .meta li.post_author { background:url(img/icon_author.png) no-repeat right 1px; padding:0 19px 0 0; } /*此次也替换了author图标*/
    .meta li.post_category { background:url(img/icon_category.png) no-repeat right 1px; padding:0 19px 0 0; }
    .meta li.post_tag { background:url(img/icon_tag.png) no-repeat right 1px; padding:0 19px 0 0; }
    .meta li.post_comment { margin:0 0 20px 0; background:url(img/icon_comment.png) no-repeat right 1px; padding:0 19px 0 0; }
    .meta li.post_comment a { }
    .meta li.post_comment a:hover { }
    .meta li.post_edit { background:url(img/icon_edit.png) no-repeat right 1px; padding:0 19px 0 0; } /*添加编辑图标*/
    .meta li.post_edit a { }
    .meta li.post_edit a:hover { }
    .meta li.post_views { background:url(img/icon_views.png) no-repeat right 1px; padding:0 19px 0 0; } /*文章访问统计,带图标*/
    [/cc]

    编程:MATLAB 中 subplot 函数的功能[转载]

    转载自:http://blog.163.com/my_it_dream_pwj/blog/static/17841430520112294342649/

    subplot

    功能

    分割figure,创建子坐标系

    语法

    [cc lang=”matlab”]
    h = subplot(m,n,p) or subplot(mnp)
    subplot(m,n,p,’replace’)
    subplot(m,n,P)
    subplot(h)
    subplot(‘Position’,[left bottom width height])
    subplot(…, prop1, value1, prop2, value2, …)
    h = subplot(…)
    [/cc]

    WP QuickLaTeX —— 又一个 WordPress 的 LaTex 插件

    插件地址:http://wordpress.org/extend/plugins/wp-quicklatex/

    官方主页:http://www.quicklatex.com/  可以在线生成公式的图片文件

    Advanced LaTeX plugin. Copy-paste exchange with offline papers. Allows custom preamble/TexLive packages. Supports TikZ, proper formulae alignment.

    Standard LaTeX expressions can be cut and pasted directly into WordPress posts, pages, and comments; display environments require no enclosures, other expressions require only a surrounding 

    WordPress技术:添加虾米电台与豆瓣FM功能[转载]

    教程:

    http://jingyan.baidu.com/article/c85b7a642f94f5003bac9537.html

    虾米电台:代码

    [cc lang=”html”]




    [/cc]
    虾米FM 演示


    豆瓣FM:代码

    [cc lang=”html”]




    [/cc]
    豆瓣FM 演示




    WordPress技术:六大WordPress模板框架对比[转载]

    我们大多数人都经常会碰到赶工期的问题,为了提高工作效率节省宝贵的时间, 减少不必要的重新发明新轮子的时间,WordPress各种主题框架应运而生使得主题开发变得更加快捷。

    这些标准化代码包含了一些基本的结构框架,你只需按自己的需要填补这个框架,可能的话需要调整某些配置。

    不管你是使用自己设定的框架还是本文下面列出的几种预制的框架,其核心都是使你不需要一次又一次重复写相同的基本代码。就好比写乐谱一样,已经为你在纸张上画好了线条,你只需要在上面标上各种音阶。

    本文列出的所有框架都是完全免费的,可供个人或者商业用户使用。

    Child Themes

    使用框架的一个好处之一就是可以创建子主题。 WordPress子主题继承了你所选择父框架的所有功能。它们一般只包含两个文件: style.css、 functions.php以及其它图形文件夹、脚本文件夹、子主题其它必要的文件夹。

    要创建一个子主题只要上传父框架到wp-content/themes 目录下,然后用下面的代码开始创建你的css 文件。注意:“框架名称(Framework Name)”必须跟父框架文件夹的名称保持一致。

    [cc lang=”php”]

    /*
    Theme Name: Name
    Theme URI: http://themesite.com
    Description: A description of your theme goes here
    Author: Author Name
    Author URI: http://authorsite.com/
    Template: Framework Name
    Version: 1.0
    */

    [/cc]

    使用 WordPress 的子主题(Child Themes)功能快速制作自己的主题

    转载自:http://blog.wpjam.com/article/child-themes/

    在了解子主题功能之前,先来看一下你在使用 WordPress 的时候是否是这样:不会自己制作主题,只好从网上下载一个,这个主题整体风格比较适合,但是有些小地方不太好,自己只是有一点 CSS 基础,可以修改一些简单的样式。修改的时候,却发现主题文件这么多,里面掺杂各种 PHP、HTML 代码,让人不知道在哪里修改。

    太好了,那么我们开始学习子主题吧,子主题就是来解决这个问题的。它可以基于某个主题,继承它的功能和样式,然后让你自己进行简单的代码编写就可以衍生出一个新的版本。你还可以对子主题增加样式、功能等等,不仅仅是修改父主题样式那么简单。

    做一个子主题非常简单,只需要用 FTP 什么的新建一个目录,然后增加几个文件就可以。你只需要了解很简单的 HTML 和 CSS 知识就可以修改父主题的样式等,当然当父主题升级之后,子主题样式、功能不会被覆盖失效。所以从这个角度来说,如果你想修改一个主题,你应该用子主题这个功能,而不是直接修改原主题文件。

    下面就来具体实践看一下,我们就以 Twenty Twelve 这个主题为例吧,其他的主题都是一样的。

    资源:Adobe Edge Animate

    Adobe Edge Animate是adobe公司的一款新型网页互动工具。允许设计师通过HTML5、CSS和JavaScript制作网页动画。无需Flash。Adobe Edge Animate并不会替代Flash。该软件只是为网页设计人员提供了一种工具,帮助他们在不支持Flash的设备(比如苹果iOS设备)上制作网络动画。