{"id":2288,"date":"2026-08-27T06:09:13","date_gmt":"2026-08-27T06:09:13","guid":{"rendered":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/?post_type=knowledgebase&#038;p=2288"},"modified":"2026-08-27T07:07:45","modified_gmt":"2026-08-27T07:07:45","slug":"draggable-custom-guides","status":"publish","type":"knowledgebase","link":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/db\/layout-tools\/draggable-custom-guides\/","title":{"rendered":"Draggable Custom Guides"},"content":{"rendered":"<div style=\"color: #2b2b2b;\">\n<h2 class=\"western\"><span style=\"color: #007670;\">Draggable Custom Guides<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-2301\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/DraggableCustomGuides.webp\" alt=\"Draggable Custom Guides\" width=\"258\" height=\"171\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/DraggableCustomGuides.webp 1424w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/DraggableCustomGuides-300x199.webp 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/DraggableCustomGuides-1024x678.webp 1024w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/DraggableCustomGuides-768x509.webp 768w\" sizes=\"auto, (max-width: 258px) 100vw, 258px\" \/><\/span><\/h2>\n<p class=\"western\">Open Publisher lets you pull <strong>custom alignment guides<\/strong> directly from the rulers onto the canvas. These are fully interactive teal lines that you drag into any position to mark out precise alignment points for your layout &#8211; and elements on the canvas will snap to them automatically.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Creating a Custom Guide<\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignright\" style=\"max-width: 100%; border-radius: 12px;\" src=\"https:\/\/github.com\/user-attachments\/assets\/257bfb29-1d64-4b5c-be98-a8537ca96555\" alt=\"Open Publisher draggable custom guides from ruler\" width=\"470\" height=\"336\" \/><\/h3>\n<ol>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Hover over the <strong>top ruler<\/strong> to pull out a <strong>horizontal guide<\/strong>, or the <strong>left ruler<\/strong> to pull out a <strong>vertical guide<\/strong>.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Click and drag away from the ruler onto the canvas.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">The guide appears as a <strong>2px teal line<\/strong> and tracks your mouse 1:1, regardless of your current zoom level or scroll position.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Release the mouse to drop the guide into position.<\/span><\/p>\n<\/li>\n<\/ol>\n<p class=\"western\">You can place as many custom guides as you need. Each guide is elevated above all other document elements so it is always visible and never hidden beneath objects on the canvas.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Smart Snapping to Custom Guides<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-2299\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SmartSnappingToCustomGuides.webp\" alt=\"Smart Snapping to Custom Guides\" width=\"128\" height=\"135\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SmartSnappingToCustomGuides.webp 411w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/SmartSnappingToCustomGuides-284x300.webp 284w\" sizes=\"auto, (max-width: 128px) 100vw, 128px\" \/><\/span><\/h3>\n<p class=\"western\">Custom guides are fully integrated into Open Publisher&#8217;s global snapping engine. As you move shapes, text boxes, and images near a guide, the element&#8217;s <strong>edges and centre points<\/strong> will snap precisely to it, flashing a bright teal highlight when the alignment is perfect. This makes it effortless to line up multiple elements along a consistent axis without any manual measurement.<\/p>\n<p align=\"center\"><img decoding=\"async\" class=\"alignright\" style=\"max-width: 100%; border-radius: 12px;\" src=\"https:\/\/github.com\/user-attachments\/assets\/6fb29501-8f19-4fa7-84e2-c4e183120fba\" alt=\"Open Publisher smart snapping to custom guide\" \/><\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Locking &amp; Clearing Guides<\/span><\/h3>\n<p class=\"western\">Custom guide controls are available from the <strong>Page Design &gt; Guides<\/strong> dropdown:<\/p>\n<ul>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Lock Guides &#8211;<\/strong> Freezes all custom guides in place so they cannot be accidentally clicked or moved while you are working. Locked guides still display and snap to elements, but ignore any interaction until unlocked.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Clear Guides &#8211;<\/strong> Removes all placed custom guides from the canvas instantly with a single click.<\/span><\/p>\n<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Draggable Custom Guides Open Publisher lets you pull custom alignment guides directly from the rulers onto the canvas. These are fully interactive teal lines that you drag into any position to mark out precise alignment points for your layout &#8211; and elements on the canvas will snap to them automatically. Creating a Custom Guide Hover [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2301,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[20],"class_list":["post-2288","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledgebase_cat-layout-tools"],"_links":{"self":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/comments?post=2288"}],"version-history":[{"count":12,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2288\/revisions"}],"predecessor-version":[{"id":2304,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2288\/revisions\/2304"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media\/2301"}],"wp:attachment":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media?parent=2288"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase_cat?post=2288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}