[WordPress] 外掛分享: Measuring Ruler

首頁外掛目錄 › Measuring Ruler
WordPress 外掛 Measuring Ruler 的封面圖片
50+
安裝啟用
★★★★★
5/5 分(1 則評價)
1833 天前
最後更新
問題解決
WordPress 5.4.2+ PHP 7.1.33+ v1.1 上架:2020-11-23

內容簡介

這個外掛主要為預覽頁面時的編輯時測量元素高度、寬度以及邊距的設計,同時也會顯示元素的絕對位置和相對位置。
在自動校正模式下,程式可以自動偵測元素邊界和修正游標定位的不準確性。自動校正發生在測量結束時。
此外掛在頁面發佈後不會影響頁面的外觀和HTML代碼。
在以下瀏覽器上進行測試: Yandex v20.8.3.115, Google Chrome v85.0.4183.121, Opera v70.0.3728.189, Microsoft Edge v85.0.564.51, Firefox v78.0.2。

使用方法

安裝並啟用外掛。
開啟現有頁面進行編輯或建立新頁面。
預覽頁面。
將游標移至一個元素上。
按鍵盤上的“M”鍵以啟用測量模式。
使用左鍵進行測量。有兩種方式可供選擇:
按下鼠標在兩個點之間進行測量;
點擊並拖動。
再次按下鍵盤上的“M”鍵以停用測量模式。

其他功能:
按下鍵盤上的“A”鍵開啟或關閉自動校正模式;
按下“Esc”鍵可以將不必要的測量元素從屏幕上刪除。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.1) 或搜尋安裝

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

原文外掛簡介

The plugin is designed to measure the height, width and margins of elements on the page during the preview when editing. It also shows the absolute and relative positions of elements.
In auto-correction mode, the program can automatically detect the borders of elements and correct inaccuracies in cursor positioning. Auto-correction occurs at the end of the measurement.
The plugin does not affect the appearance and html code of the page when its published.
Tested on browsers: Yandex v20.8.3.115, Google Chrome v85.0.4183.121, Opera v70.0.3728.189, Microsoft Edge v85.0.564.51, Firefox v78.0.2.
Usage

Install and activate the plugin.
Open an existing page for editing or create a new one.
Make a preview of the page.
Move the cursor to an element.
Press the “M” key on your keyboard to enable measurement mode.
Use the left mouse button to measure. There are two possible ways:
measure from click to click;
tap and pull.
Press the “M” key again to disable measurement mode.

Additional features:
press the “A” key on your keyboard to turn auto-correction mode on or off;
use the “Esc” key to remove unnecessary measurement elements from the screen.

文章
Filter
Mastodon