// You’re reading...

一地鸡毛

用image headlines做超酷标题

讓我一個文科生來寫技術文章這本來是一件非常搞笑的事情。我想起在川外讀大學的時候,學校開了一門選修課程叫《微積分》,考試的規定很奇特:隨便你翻書,討論,看筆記,只要不問老師就行。就這樣敢選這門課程的同學還微乎其微。很自然,我們絕大多數人都是文科生,成天ABCD,外加風花雪月,這些高精尖的東西還是留給同在沙坪壩的重慶大學的同學吧。:razz:

不過今天應zEUS同學的需求,還是要勉為其難一下,把我這個博客日志文章標題的做法給可能的讀者講述一下。插件原下載頁面是英文,哎,zEUS同學比較懶一點。呵呵,他馬上就要投身改革開放,建設祖國的洪流之中了!要說明的是這個插件我是在日志一文博客當中發現的,謝謝他的推薦與幫助,他的博客很酷!

1. 首先下載這個image headlines 的插件,本博提供這個下載,或者你可以到原作者那里去下載。

2. 解壓得到image-headlines.php文件,用FTP將其上傳到/yourdomain/wp-content/plugins/ 下,登錄wordrpess后臺激活該插件。

3. 要運用到自己的文章標題上必須上傳合適的字體文件,必須為ttf 格式。這種字體就在你的電腦中有很多的,進入你的電腦 C盤- WINDOWS-Fonts,在里面慢慢選吧,不過一般都會選擇漢語的字體,比如楷體,宋體,隶书等,如果还不满意你可以利用百度搜索输入关键词 字体TTF下载 有很多的选择。该字体文件应该上传到/yourdomain/wp-content/image-headlines/下。我感觉是上传了这个插件以后,这个image-headlines的文件夹是自动生成的

4. 再次進入wp 后臺,在設置-image headlines 下勾選這個字體,如果你上傳了幾個字體那么就有幾個選擇,你還可以調整標題png的大小顏色等等。

5. 最重要的一步!進入模板編輯,你需要對一些php語句進行修改。一般是在index.php 和 single.php當中去找這個:the_title() 把它修改成 the_title(‘-image-‘) 注意:這個操作必須都是在英文輸入法狀態下。由于我這個freedom blue 模板只有index.php 沒有single.php 大家可以看看我的修改:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class=”entry”>
<h3 <?php if (is_page()) echo ‘style=”margin-bottom: 20px;” ‘ ?>class=”entrytitle” id=”post-<?php the_ID(); ?>”><a title=”到《<?php the_title(); ?>》的固定链接” href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(‘-image-‘); ?></a> <?php edit_post_link(‘<img class=”editpost” alt=”Edit” src=”‘ . get_bloginfo(‘template_directory’) . ‘/images/edit.gif” />’, ”, ”); ?></h3>
<div class=”entrymeta1″>
<?php
紅色為標識)好了,這樣就做好了很酷的文章標題了,看看效果吧。

6. 可惜,還有問題啊。筆者發現[這一點我晃了一眼,老外的安裝說明好像也沒有提到],如果點擊分類找文章,標題沒有改變!點擊tags找文章,標題仍然沒有改變!點擊搜索找文章,標題還是沒有改變!!想了一下原來如此:還必須要修改相關的所有php,比如search.php, archive.php, searchtags.php etc. (我使用的是UTW的tag 插件)這我就不一一列舉了。總之到這一步才宣布大功告成。

希望一個菜鳥啰嗦的描述可以給大家一點啟發和借鑒。

btw: 筆者尚有一個疑問。如何能把博客標題也改成這種圖片的形式?就是說把我這名字:道天如是觀◎西岸改成图片(一般为logo.gif )形式。还请高人指点一二。

Technorati : , ,

 

>>声明: 本文采用 BY-NC-SA 协议进行授权 | 来自道天如是觀◎西岸
>>本文链接: http://farbank.net/2007/06/30/make-pretty-titles-by-image-headlines/

Discussion

June 2007
M T W T F S S
« May   Jul »
 123
45678910
11121314151617
18192021222324
252627282930  
Statistics
    • 日志数:254
    • 页面数:7
    • 分类数:5
    • 标签数:360
    • 评论数:3876
    • 总字数:345662
    • 建站时间:2006-12-1
    • 最近更新:2017-9-6 3:17pm
Creative Commons License