Be careful renaming elements in Oxygen site builder for WordPress

2 September 2018

This WordPress site is built using a visual website builder called Oxygen 2. It's great, but sometimes a case of trial and error. Here's one 'error' you can easily avoid.

Oxygen sites are built from templates that consist of a number of elements - divs, columns, that sort of thing. By default each element you add to a template is given a number rather than a memorable name:

Div in Oxygen with no name

The temptation is to click on the little menu and rename that sucker:

Div in Oxygen with name

But when you do that, the number disappears. And that number isn't just used in the Oxygen template editor, it also forms part of the HTML ID attribute of the element: for example div#div_block-123-42 (here, 123 is the element ID and 42 is the template ID).

It's really useful to be able to see those IDs in Oxygen. That way, if you are inspecting your site in Chrome Developer Tools (for example), you can easily correlate elements there with elements in the Oxygen template editor.

The solution is simple: rename the elements, but include the ID as part of the name you give it.

Div with name and number

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © James Clark
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram