WordPress 后台美化插件:Fluency Admin

WordPress, 其他内容 2 Comments »

Fluency AdminFluency Admin 是一款 WordPress 后台主题插件,可以改善用户的操作体验。

Fluency Admin 采用与闻名已久的 Tiger Administration 类似的布局模式:侧边栏一级导航,顶部二级导航。这样安排可以有效的利用宽屏显示器的可视空间,避免了默认主题下导航菜单过宽的诟病。从视觉效果来说,Fluency Admin 采用黑、白、灰配色,显得典雅深沉,长时间浏览也不会引起视觉疲劳。

该插件要求使用 Firefox 浏览器,并仅支持 WordPress 2.5+(WordPress 2.5 及其更新版本)。总的来讲,Fluency Admin 的制作很严谨,只是存在少许瑕疵,例如二级导航菜单过多过长(一般出现在 Settings 菜单中)会产生错位,上传图像等媒体的弹出窗口的按钮也有错位,期待作者改进之!

WordPress 插件的安装方法:

  1. 首先查看所下载的压缩文件内部有没有“Readme、Install”类说明,以及插件的存放目录有无特殊性(例如某些插件必须保持在某个特定的目录之下);
  2. 按照前一点说明解压得到插件文件,并上传至你的 WordPress 安装位置的“wp-content/plugins”目录下;
  3. 登陆 WordPress 后台,在 Plugins(插件)页面下找到你刚安装的插件条目,并在尾部点击 Active/激活。
  4. 部分插件会在 Setting 或者 Manage 页面新增相关的内容,请注意浏览。
Tags: , , ,

Firefox 2 自定制精简界面

软件推荐 No Comments »

firefox-personasFirefox 2 的工具栏太多了,例如“标准菜单栏”、“导航栏”、“标签栏”,如果你安装了“Google Toolbar”、“Del.icio.us 收藏按钮”还有可能多出几个来……
当然大多数工具栏是可以直接隐藏的,但是我们希望得到一个简洁高效的组合方式。下面是我根据个人习惯“定制”的一款“样式”。

  1. 执行“自定义(工具栏)”命令,对“导航栏”中的常用导航、“地址栏”、“搜索栏”进行重新排序;
  2. 将“(内置)书签栏”拖拽到“导航栏”诸按钮最右侧;
  3. 在“(内置)书签栏”与“导航栏”之间插入一个“弹性可伸缩空白按钮”,该元素在“自定制工具栏”的按钮库中;
  4. “导航栏”右键选定“工具栏属性->弹性按钮”;
  5. 安装扩展“Hide Menubar”,隐藏“标准菜单栏”,以后用“Alt”键随时唤出;
  6. 安装扩展“All-in-One-Sidebar”,将“下载”、“扩展/主题/安装”等弹出窗口嵌入侧边栏,随时使用快捷键“F4”调出。默认侧边栏位于主窗口左侧,我按照个人习惯将其定制在右侧了(对应扩展具备丰富的设置选项)。

结果是:常用命令使用快捷键或者按钮操作,次要操作使用“Alt”唤出“菜单栏”,垂直方向的可视面积增大(虽说仅有一丝),界面较为简洁。

实际效果如下图,

firefox-2-customiz-1
图 1:隐藏的标准标签栏
firefox-2-customiz-2
图 2:增强的侧边栏

Tags: , ,

使用自定义字段实现文章略图功能

WordPress 4 Comments »

本文介绍了通过 WordPress Custom Fields (自定义字段)功能创建由配图和文章摘要构成的存档页面,演示页面见本博客“软件专栏”。
WordPress 存档页面包括“分类存档、日期存档、作者存档”等,首页也可以被看作是“最新存档”。
WordPress 输出文章正文有两种方式:

  1. Full Text(全文)
    全文模式下可显示所有 HTML 标记、所有文章内容,除非使用“more”标签进行分割。
  2. Summery(摘要)
    摘要模式下只能显示“Optional Excerpt”域的内容。“Optional Excerpt”域为空时按照文本样式输出全文,不包含图像等。
    “Optional Excerpt”域位于“Post Edit(日志编辑)”页面。

那么,如果我们想实现如下图的存档页样式该怎么办呢?
左图右文存档页
第一种方案:
使用全文输入,并在文章起始处插入文章略图,按照上图样式进行排版。之后使用“more”标签进行切断。
但是文章略图不等同于文章插图,前者放映的是该文的主旨,后者反映的是文内的细节。
第二种方案:
也就是我们要讨论的方法:使用自定义字段配合摘要输出实现存档页文章略图功能。

  1. 首先在编辑日志的时候插入自定义字段(如”topicimg”),指定其值为略图的地址。
  2. 在模板中使用下面的函数调用该字段以输出略图的地址:

未完待续,寻觅更为简洁的方法中

Tags: , , , , ,
Designed by NattyWP Wordpress Themes.
Images by desEXign.