Measuring Ruler

plugin banner

The plugin is designed to measure the height, width and margin of page elements during the preview when editing. It also shows the absolute and relati …

Author:Nickolay N. Ankilov (profile at wordpress.org)
WordPress version required:5.4.2
WordPress version tested:5.7.2
Plugin version:1.1
Added to WordPress repository:24-11-2020
Last updated:12-03-2021
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:100
Rated by:1
Plugin URI:https://wordpress.org/plugins/measuring-ruler
Total downloads:898
Active installs:60+
plugin download
Click to start download

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

  1. Install and activate the plugin.
  2. Open an existing page for editing or create a new one.
  3. Make a preview of the page.
  4. Move the cursor to an element.
  5. Press the “M” key on your keyboard to enable measurement mode.
  6. Use the left mouse button to measure. There are two possible ways:
    measure from click to click;
    tap and pull.
  7. 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.


Screenshots
ChangeLog