用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/

admin

Hello, the Matrix.

11 Comments

  • 好复杂啊,wp实在是越来越不轻量了,幸好我是google发布,不是用的自己的代码

  • 其實這個插件并不是很復雜,不過呢需要稍微細心一點,還要找出自己喜歡的字體。

    wordpress 給人以很大的DIY空間,這是BSP無法帶來的樂趣。

    Scrates是不是也考慮轉向 wordpress呢? 🙂

  • 解释地很详细,马上就回去试验一下

  • 那还得自己买空间啊~~~
    我是google的fans好了

  • 果然是文科出生的同学!
    文章调理清晰,语言简洁,让我只用看一次就完全明白操作方法!
    (很多插件我都要重复琢磨作者或译者的词句所表达意思…)

    其实呢,也不要把文科生和理科生分得那么开,我喜欢写日志,除了我热爱Internet外,我还喜欢写文章,虽然有时候我会苦于无法用语句表达自己的意思,但我的写作热情依然很高。
    我没读过什么名著,不会最基本的引经据典。我看过最完整的小说就是《哈利波特》了… 但我一直在努力写出具有自己风格的文章!就像具有中国特色的社会主义一样,要有自己的特色! 😆

  • 啊,the_title() 把它修改成 the_title(’-image-’) ,那引擎蜘蛛就不认得路了?

  • 到目前为止我不觉得有这方面的担心,因为那些BOTS收录我的文章很快,比如那个NO.100 ,GOOGLE的爬虫大概是15分钟左右就过来收录了。你可以在搜索引擎内,用
    site: your domain 来测试一下

    因此我个人认为不会影响 SEO

  • 我的虚拟主机不支持 FreeType 没办法用这个插件啊!!!!可惜

  • 你使用的是什么字体呢。。

  • 华康少女体,另外,我打不开你的网站

  • 请问博主,我是按照您说的步骤来的可是为什么在标题的前面还有有-image-啊?您知道我错再什么地方了吗?谢谢

留下你的评论

*评论支持代码高亮<pre class="prettyprint linenums">代码</pre>

相关推荐