Are you interested in tools that are \
Oxygen check: how does it work? Oxygen is a web site builder in the form of a WordPress plug-in (similar to the divi landing page builder or element). Although it is a plug-in, it almost completely replaces the WordPress theme. That is, as long as there is oxygen, you can specify the site style. With basic building blocks, prebuilt components, and standard word press elements \/ shortcut code sets, you can build your site completely without coding everything from scratch. You can also easily change to custom CSS or oxygen’s built-in styling tools through detailed styling options. The
Another benefit is that you can continue to use all other favorite word press plug-ins, including the normal word press page builder. Who is oxygen made for? For ordinary WordPress users, oxygen is not actually built for users. Oxygen aims to be \
However, even intermediate WordPress users who like to build their own websites can get value from oxygen. User friendly, you can build your own site even if you are not familiar with the code. That is, as long as you add styles to a few pages or posts, you don’t need oxygen. Oxygen is not a page builder, but a complete website builder. As I mentioned, oxygen can actually be used with page builders. The article will continue below. Later, we will learn about oxygen visual editor in more detail, but I want to show how quickly we can build pages using oxygen and its components. The
When you run oxygen visual editor, the following large blank canvas is displayed: Add elements, parts, shortcut codes, templates, etc. on the left side. The right side shows useful DOM trees, easy access to style sheets, and selector information. Another small menu is hidden But this is the default. If you want to create a page as soon as possible, just add a title. And then add some body text and footer for sorting. Then it took about 30 seconds. To edit text, click as easy as a typewriter. Obviously, in real life, you may prefer to customize something. This is a high-level overview only. The
Let’s learn more about oxygen. Male driver continues to stay below. Male oxygen visual editor is very good to inquire carefully. Above is a rude and humiliating \
You can select from 5 different categories (there is partial repetition between categories). Basics – basic elements such as text blocks, titles, div, etc. WordPress – WordPress specific content, such as shortcut codes and parts. Reusable – saved design components that can be quickly reused – specific word press content, such as prefabricated designs and author boxes, pagination, etc. Design package – theme elements. Overlaps with component categories, but is configured differently. Male
To add an element, you can (without dragging and dropping) click it. If the elements are on the page, you can easily change the default order by dragging and dropping the position in the DOM tree. To specify the style of an element style element, you can access it in two ways. The first is manual mode. You can quickly open an existing style sheet or add a new style sheet. Oxygen can always easily find specific CSS selectors. However, you can also click the more button to open a style box that can do the following: Add margins and down jacket position and alignment change size background settings font typesetting select borders add specific elements easily add custom CSS
The article will continue below, assuming that the elements generated on multiple pages reuse the elements to be reused on multiple pages. The obvious examples are headers and footers, but can be all the content of the page. Just open the DOM tree, click the hamburger icon and select the reusable box. You can also rename each specific element, which is convenient. In this way, it can be quickly reused on the re-usable tag shown above. Blog posts – how about archives and singles? Well, now you may have questions. How about the actual word press posts? How do I create blog pages that match the rest of my site? The
Don’t worry. The softy people have never forgotten that they want to display blog posts somewhere on the WordPress website. Technically, oxygen allows you to set up templates. However, there are two dedicated options available for archiving and single person. For example, click archive to display options that allow you to select the posts to display in the archive view. You can select almost any custom post type, custom category, etc., not limited to posts. By default, the word press template hierarchy is being replaced with a visual interface. Handsome! The
After publishing, you can open visual editor and use the same interface as just shown to specify how the archive files are displayed. WordPress content → archive component. You can then (RE) specify the style, as shown earlier. In order to generate this list, if you want to know what is happening inside, you can always open the code editor to see what is happening in PHP. Male component almost adds \
Similarly, if you create a woocommerce store, you can use a dedicated woocommerce component to build a woocommerce product archive. I feel it is necessary to mention it again in the most complicated comment on the general idea of oxygen, so I am not a professional web designer or WordPress developer. I have built many websites with WordPress… But I am still an amateur. I found oxygen a very simple way to build a custom WordPress site. Preset components make it easy to start and run the framework. Oxygen can customize CSS or oxygen’s built-in style options
