[WordPress] 外掛分享: Image Headlines

首頁外掛目錄 › Image Headlines
10+
安裝啟用
尚無評分
6702 天前
最後更新
問題解決
v2.7 上架:2008-03-23

內容簡介

此外掛可自動為您的文章標題創建圖像。這樣可以使用非標準字型,使渲染比單純的文字標題更平滑。此版本增加了與 WordPress 管理介面的整合,能提供更好的使用體驗。同時也提供真正的軟陰影效果,讓您的文章標題看起來更有質感。

使用其他字型

預設的字型是 Alex Gollner 設計的美麗 Warp 1 字型。如果您想要使用其他字型,也可以自行上傳到伺服器上。您可以使用內建的 WordPress 上傳工具,將字型檔案上傳至伺服器。但要注意,您必須允許上傳 ttf 檔案。這個設定可以在 WordPress 選項的雜項選項中調整。一旦設定完成,安裝字型只需點擊 WordPress 管理中的「上傳」選項。注意 Windows 使用檔案對話方塊時會有些麻煩,您需要按右鍵點選檔案並選取「內容」,複製檔案名稱後再將其貼到「開啟」對話方塊中的檔案名稱欄位中。插件將自動搜尋您配置的上傳目錄以及 wp-content/image-headlines 目錄中的 TrueType 字型。

設定

在安裝完成後,您可能會想要設定文章標題的外觀。只需前往 WordPress 的選項頁面,您將會看到一個名為「Headlines」的新選項。點擊它即可進入。

如果您成功安裝了此外掛,您應該會看到一個預設外觀區塊和相關的選項設定。注意,預覽區塊中顯示的圖像應為紅色字樣的「The quick brown fox jumped over the lazy dog.」,周圍有淺色灰影。如果您看到了這個預覽圖像,那就可以開始使用了。如果您想要自訂外觀,也可以隨意設定,插件將充分支援。

一般設定

如果您順利安裝完成,則此區塊相對沒有太多需要調整的。這僅是設定外掛將用來存儲生成的圖像的目錄。如有需要,您可以進行更改。

字型和顏色

此區塊將對文章標題的外觀產生最大的影響。您將看到一個包含可用字型列表的選單,以及一些控制字體大小、顏色和背景的輸入框。請注意,此頁面上顯示的所有顏色都必須以 HTML 顏色格式指定,例如 #123456 或 #FF0000 或甚至是簡寫版 #CCC。否則,顏色將無法正常顯示。

如果您把背景設為透明,可能會看起來更好。開啟和關閉選項可以查看差異。

如果您希望設置背景圖像,也可以在此進行設定。但這僅由您自行決定。

行間距

此選項將控制文本行之間的距離。

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.7) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Image Headlines」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

This plugin allows you to have images created automatically for your entry
titles. In this way you can utilize non-standard fonts and get smoother
rendering than would be possible with simple text headlines. New to this version
is improved integration with the WordPress administration interface under
WordPress 1.5 Strayhorn as well as genuine soft-shadows behind the text for that
smooth, custom look the girls love.
Using other fonts

use some other font you are more than welcome to do so. First, though, you need
allow ttf files to be uploaded which you can change in the miscellaneous tab of
browse to your font (note that Windows is finicky with the file dialog around
fonts
the filename from the properties and paste it into your file name box in the
upload directory as well as the wp-content/image-headlines directory for valid
TrueType fonts and lists those in the menu. Experiment with those fonts!
Configuration

titles. Simply go to the Options page of your WordPress installation where
If everything has gone well with the installation you should see a collection of
options and a nifty preview image of what your current settings look like. Yeah!

General Configuration

what directory the plugin will use to store the images it generates. You can
change it if you wish.
Font and Colors
As you might imagine this section will have the greatest bearing on the
fonts and entry boxes for controlling the font size and color as well as what
the background looks like. Note that all colors you see on this page must be
specified in HTML color format, so #123456 or #FF0000 or even the shorthand
version like #CCC. Anything else will break in fantastic and undefined ways and
If you make your background transparent it will likely look better. Turn the
option on and off to see the difference.

Line Spacing
This will control the formatting of your image a bit, especially as it pertains
to long lines.
The left padding simply tells the plugin to leave some blank space at the left
edge before it starts drawing the text. This may be useful in the case where you
have a background image you want to include.
You can enable the line-splitting option so that really long titles get split
into multiple lines before rendering. This is important on fixed-width
Selecting this option will break the text into multiple lines if the rendered
line would exceed the maximum line width you specify.
The vertical space is the additional space you want between each line in the
case that we break up lines. The bigger the number the larger the gap between
them.
The line indent is the additional space between the left border of the image and
any subsequent lines in the case of a line break.
Shadows
You can turn shadows completely off if you so desire. In which case, simply turn
Soft Shadows
Soft shadows look like the shadows that Adobe Photoshop generates for you. They
are generated by drawing the text in the color that you specify in the shadow
color parameter after first offsetting the text by the amounts that you specify
shadow image is blurred mathematically. If you care about the nitty-gritty
convolution kernel horizontally and vertically across the image, with the size
care about the nitty gritty, think about blurring your eyes and looking at the
parameter. A small spread means that the shadow will be pretty well defined. A
larger spread will mean that the shadow is spread out more and more diffuse (as
well as the color tends to fade as the spread increases).
PLEASE NOTE that large shadows means many more calculations and many more
calculations means it is slower to calculate the final image and making it
slower means using CPU time on the server and using too much CPU time makes ISPconstantly
performing this calculation. But, take it from me, if you have a large spread on
a large text size it can take 20 seconds to calculate the shadow for it. And

Classic shadows are pretty simple. First, we draw shadow two in the color you
specify, and we draw it 2 times the number of pixels you specify in the offset
parameter down and to the right of where the final text will be drawn. Then we
draw shadow one in the color you specify, and we draw it the number of pixels
you specify in the offset parameter down and to the right. Then we draw the text
is an example using this method. Using this technique has the advantage that
I
wrote the soft shadows and Joel Bennett did the classic ones 🙂 . Nevertheless,
you can create some interesting effects with the classic shadows.
Can I use it for things other than titles?
Of course you can!

like the one above. First, if you want to put these images in your posts like
Image Headline plugin. Go and find the RunPHP plugin. Install it. Then, wherever
you want your text to appear, put in a call to the following function (if in a

it is for your entry titles. Each format will be in the form of

displayed over in the same format as above.

shadow.

multiple lines.

line and the top of the next line for multiline images.

multiline images.

soft-shadows are not enabled.

if soft-shadows are not enabled.

the shadows from the main text and each other.

So, if I want to set the font color to red, the size to 20 points, and the
shadow spread to 5 pixels the format string would be:
‘font_color=#F00&font_size=20&shadow_spread=5’

延伸相關外掛

文章
Filter
Apply Filters
Mastodon