[WordPress] 外掛分享: Line In Typography for WordPress

首頁外掛目錄 › Line In Typography for WordPress
全新外掛
安裝啟用
尚無評分
5268 天前
最後更新
問題解決
WordPress 2.8+ v0.3.5 上架:2011-10-17

內容簡介

“你知道的,網格。” #冷門電影語錄

此外掛可提供一個12或16列流動式網格疊加,以便在製作流動式或響應式網站時,檢查您的位置設定。

此外,它會透過疊加基於您主題行高的線條協助您,讓您能夠正確地設定您的垂直節奏,並將所有排版與基線網格對齊,就像您所信奉的印刷大師一樣。

您應該知道,這個外掛主要是針對像素推進者推廣的,而且並不適用於生產使用。在使用此外掛之前,您應當相當了解 CSS,並且瞭解您的主題在 HTML 中的佈局。

令我深感遺憾的是,這個出色的位置外掛不會與IE 8及以下版本兼容(但是,你肯定不會像個傻瓜一樣在IE上開發網站),因為它需要傑出的background-size:100% CSS3屬性存在。而IE,令我大為困擾,缺少這個屬性。

路線圖
0.3.0

讓使用者設定用於獲取行高的包裹元素
層疊框的一致樣式(不被主題樣式覆蓋)
更全面的驗證檢查(在每個DOM元素上檢查CSS選擇器之 # 或 . 的存在,並確保沒有空格)
上傳自定義列映像的功能

0.4.0

更好的 UI 和更清晰的說明
更好的跨瀏覽器支援
選擇在頁面加載時啟用或關閉網格/線條

0.5.0

選擇是否隱藏或顯示控制面板,以及是否記住先前的狀態

外掛標籤

開發者團隊

⬇ 下載最新版 (v0.3.5) 或搜尋安裝

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

原文外掛簡介

“You know, for grids.” #obscurefilmreferences
This plugin allows you to overlay a 12 or 16 column fluid grid to check your positioning when developing fluid or responsive sites.
It also assists you by overlaying lines based on your theme’s line height so that you can correctly set your vertical rhythm and line up all of your typography to a baseline grid like the titan of typography that I’m certain you are.
One should be aware that this is a plugin primarily promoted to pixel pushers and isn’t for production use. You would do well to know quite a bit about CSS and you should know how your theme is laid out in the HTMLs before using this plugin.
Much to my deep sorrow, it is but a certainty that this fine piece of positional plugin prowess won’t work with IE 8 and below (but, surely, one would not be so foolish as to create sites using IE as a development browser) as it requires the magnificent background-size: 100% CSS3 property to be present. Which in IE, to my great distress, it’s not.
Roadmap
0.3.0

Allow user to set the wrapping element that the line-height is derived from
Consistent styling on overlay box ( not overridden by theme styles)
More thorough validation checks (check for either a . or a # on each of the DOM elements coming in and make sure there are no spaces)
Ability to upload custom column images

0.4.0

Better UI and more clear instructions
Better cross-browser support
Option to set grid/lines to on or off on page load

0.5.0

Option to have the control panel hidden or shown and to have the previous state remembered

延伸相關外掛

文章
Filter
Apply Filters
Mastodon