{"id":24144,"date":"2024-05-14T12:03:17","date_gmt":"2024-05-14T10:03:17","guid":{"rendered":"https:\/\/encyclobjects.com\/?post_type=project&#038;p=24144"},"modified":"2024-12-25T12:08:01","modified_gmt":"2024-12-25T11:08:01","slug":"documentary-encyclobjects-05","status":"publish","type":"project","link":"https:\/\/encyclobjects.com\/en\/project\/documentary-encyclobjects-05\/","title":{"rendered":"Documentary encyclobjects: 05 Design and customization"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_video src=&#8221;https:\/\/youtu.be\/sbimyJGrfhQ&#8221; image_src=&#8221;https:\/\/encyclobjects.com\/wp-content\/uploads\/2024\/05\/eWPd0-05-Diseno-y-personalziacion-1080x607px-2.jpg&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_video][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Index<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999999;color:#999999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999999;color:#999999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/encyclobjects.com\/en\/project\/documentary-encyclobjects-05\/#Documentary_encyclobjects_05_Design_Customization\" >Documentary encyclobjects: 05 Design &amp; Customization<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/encyclobjects.com\/en\/project\/documentary-encyclobjects-05\/#Logo_Color_Palette\" >Logo &amp; Color Palette<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/encyclobjects.com\/en\/project\/documentary-encyclobjects-05\/#Theme_Customization\" >Theme Customization<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/encyclobjects.com\/en\/project\/documentary-encyclobjects-05\/#Creation_of_pages_entries_and_menus\" >Creation of pages, entries and menus.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/encyclobjects.com\/en\/project\/documentary-encyclobjects-05\/#Divi_Builder\" >Divi Builder<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Documentary_encyclobjects_05_Design_Customization\"><\/span>Documentary encyclobjects: 05 Design &amp; Customization<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>Documentary encyclobjects: 05<\/strong> <strong>design and customization<\/strong> we have already commented on a few occasions. The <strong>idea<\/strong> that was going around in my head was the magazine <strong>Orologi. <\/strong>In that magazine, the protagonist <strong>was not the design<\/strong> (by the way, <strong>minimal, but super elegant<\/strong><strong>), it<\/strong> was<strong> the watches, the images. <\/strong>All the <strong>colour<\/strong>, the <strong>dynamism<\/strong>, the <strong>seduction<\/strong>&#8230;, everything was in the <strong>images<\/strong>, they were the <strong>real protagonists<\/strong> of the magazine. They were images on a <strong>blank sheet of paper<\/strong> with <strong>clear, professional and suggestive text<\/strong>.<\/p>\n<p>But of course, <strong>Orologi<\/strong> only presents watches, <strong>encyclobjects.com<\/strong> plays on a <strong>bigger<\/strong> field, with <strong>more and different objects<\/strong>, <strong>more colors<\/strong>, <strong>more details, more information and interaction&#8230; <\/strong>How to design and present all this content on a continent in an <strong>orderly<\/strong>, <strong>complete<\/strong>, <strong>simple<\/strong> and <strong>suggestive<\/strong> way? <strong> \u00bf<\/strong>Simple? I don&#8217;t know.<\/p>\n<p>I know that <strong>most things are already made up<\/strong>, so observation was my best alternative, so I started <strong>snooping through publications<\/strong> (on paper and on the internet) and came to a conclusion that confirmed my suspicions. If the protagonist is the <strong>product<\/strong>, the <strong>image<\/strong>, the <strong>news<\/strong>, let&#8217;s leave it all the prominence and only highlight<strong> our logo<\/strong> as a brand image.<\/p>\n<ul>\n<li>\n<h3><span class=\"ez-toc-section\" id=\"Logo_Color_Palette\"><\/span><strong>Logo &amp; Color Palette<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/li>\n<\/ul>\n<p><strong>Encyclobjects is a made-up acronym<\/strong>. The <strong>RAE Dictionary<\/strong> defines <strong>acronym<\/strong>: 2. m. <em>A word formed by the union of elements of two or more words, constituted by the beginning of the first and the end of the last, or frequently, by other combinations. <\/em>The fact is that <em>it &#8220;sounds&#8221;<\/em> like an <strong>encyclopedia of objects<\/strong>, which is <strong>exactly what you want to convey.<\/strong> What happens, which in the end, is <em>&#8220;what happens to me&#8221;,<\/em> is that <strong>I like<\/strong> <strong>complications<\/strong> and, <strong>in English<\/strong>, it seemed <strong>more international<\/strong> to me.<\/p>\n<p>As the domain is <strong>encyclobjects.com<\/strong>, for the logo I thought it was appropriate to continue with the name <strong>encyclobjects<\/strong>, since it is, <strong>first,<\/strong> <strong>about ratifying the acronym<\/strong> (encyclopedia of objects), and <strong>second<\/strong>, making <strong>encyclobjects<\/strong> sound like <strong>a short<\/strong> and easy to<strong> remember<\/strong> word with the sum of words <strong>encyclopedia + objects<\/strong>. This way I avoided searching for an <strong>object<\/strong>, or other <strong>image\/shape\/icon<\/strong> that evoked an encyclopedia of objects.<\/p>\n<p>The <strong>nexus<\/strong>, <strong>the o<\/strong>, divides the <strong>acronym<\/strong> into 2 parts with the same number of letters <strong>(encycl or bjects), <\/strong>curious isn&#8217;t it? For the logo I would have to look for <strong>something unique<\/strong> for that<strong> letter &#8220;o&#8221;. <\/strong>At first I thought of <span style=\"color: #ff6600;\">[<\/span><span style=\"color: #008000;\"><span style=\"color: #339966;\">encycl<span style=\"color: #ff6600;\">or<\/span>bjects<span style=\"color: #ff6600;\">],<\/span><\/span><\/span> <strong>and then <\/strong>searching, searching&#8230; (logically in royalty-free images), I found an<strong> orange <\/strong><strong>billiard ball<\/strong> with a<strong> power symbol<\/strong> on it. With <strong>a few tweaks<\/strong> I put it in the center, <strong>a little bigger<\/strong> &#8220;et voil\u00e0&#8221;, the logo created.<\/p>\n<p>For the <strong>Favicon<\/strong> (thumbnail of the logo that appears in browser tabs), I removed the text leaving only the <strong>brackets<\/strong> that wrap around the billiard ball with the <strong>power symbol<\/strong>. In this way, the <strong>digital nature<\/strong> of the magazine was further emphasized.<\/p>\n<p>With the logo already designed, I decided <strong>on a more intense color palette <\/strong>for the <strong>header, <\/strong>very marked by the <strong>navy blue<\/strong> color that would be the background of the <strong>main menu<\/strong> and the <strong>logo<\/strong>. And another basically<strong> neutral <\/strong><strong>color palette <\/strong>for <strong>content, menus, and statements. <\/strong>This second palette has had <strong>very slight modifications <\/strong>(some transparencies) compared to the one that comes <strong>standard in Extra<\/strong> (it is very difficult to improve the unbeatable).<\/p>\n<p>Here is the coding of the color palettes:<\/p>\n<p><strong>&#8211; Header:<\/strong> <strong>Purple<\/strong>: rgba(92,6,186,0.76), <strong>Navy blue<\/strong>: #070f6b, <strong>orange Logo<\/strong>: #fe702e, <strong>Orange Submenu<\/strong>: rgba(247,131,0,0.93), <strong>Green Logo<\/strong>: #2a8e7a, <strong>White Text &amp; Menus<\/strong>: rgba(255,255,255,0,6), <strong>White Link Text &amp; Menus<\/strong>: #ffffff<\/p>\n<p>&#8211; <strong>Content<\/strong>: <strong>Background<\/strong>: rgba(201,192,237,0), <strong>Fixed navigation text:<\/strong> rgba(255,255,255,0.6), <strong>Fixed navigation link<\/strong>: #ffffff, <strong>Fixed navigation background<\/strong>: #3e5062, <strong>Text<\/strong>: rgba(5,5,5,0.6), <strong>Text link<\/strong>: rgba(239,83,4,0.78), <strong>Header text<\/strong>: rgba(0,0,0,0.75), <strong>Accent color<\/strong>: #00a8ff<\/p>\n<p><strong>Footer: Text: rgba <\/strong>(255,255,255,0.6), <strong>Header text<\/strong>: rgba(255,255,255,0.6), <strong>Text link<\/strong>: #ffffff, <strong>bottom bar background<\/strong>: rgba(0,0,0,0.3).<\/p>\n<ul>\n<li>\n<h3><span class=\"ez-toc-section\" id=\"Theme_Customization\"><\/span>Theme Customization<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/li>\n<\/ul>\n<p><strong>Extra<\/strong>, by <strong>Elegant Themes<\/strong>, is a <strong>100% customizable<\/strong> template. In the <strong>WordPress<\/strong> menu is located the basic menu of <strong>Extra<\/strong>, in it is the <strong>Theme Customizer. <\/strong>In full screen, the <strong>home page<\/strong> and <strong>the customizer menu<\/strong> will appear on the left. The <strong>adjustments<\/strong> you make will appear <strong>immediately<\/strong> on the selected page, making it easier to <strong>check the result of the adjustment<\/strong>. If the setting is correct, you can save it with the <strong>Publish<\/strong> button.<\/p>\n<p>In addition, at the <strong>bottom<\/strong> of the menu we have <strong>3 types of visualization<\/strong>: <strong>desktop<\/strong>, <strong>tablet<\/strong> and <strong>mobile<\/strong>. You can also <strong>hide the menu<\/strong> to see your website <strong>in full screen<\/strong>. All the adjustments we can make are <strong>ordered<\/strong> as follows:<\/p>\n<p>&#8211; <strong>General Settings<\/strong>: Layout, Typography, Background Settings.<\/p>\n<p>&#8211; <strong>Header &amp; Navigation Settings<\/strong>: Header Format, Main Menu Bar, Secondary Menu Bar, Fixed Navigation Settings, Header Element Settings.<\/p>\n<p>&#8211; <strong>Footer settings<\/strong>: Layout, Typography, Footer elements, Bottom bar.<\/p>\n<p>&#8211; <strong>Buttons<\/strong>: Button styles, Button styles on hover.<\/p>\n<p>&#8211; <strong>Social networks<\/strong>: Inclusion of the URLs of each incorporated social network.<\/p>\n<p>&#8211; <strong>Site Identity<\/strong>: Site Title, Tagline, and Icon (Favicon)<\/p>\n<p>&#8211; <strong>Accessibility <\/strong>(Optional): <strong>One Click Accessibility<\/strong> icon settings and styles<\/p>\n<p>&#8211;<strong> Background image: <\/strong>If you want a background image you can place it, resize, etc&#8230;<\/p>\n<p>&#8211; <strong>Menus: <\/strong>You can set up and manage menus in 3 locations, display menus in 3 locations, and you can set up multiple menus.<\/p>\n<p>&#8211; <strong>Widgets<\/strong>: Depending on the columns in the footer and whether or not you choose sidebars, you can set up different widgets in various locations.<\/p>\n<p>&#8211; <strong>Homepage settings<\/strong>: Latest posts, static page, or <strong>Extra<\/strong> layout. For entry, you can select a page.<\/p>\n<p>&#8211; <strong>The Events Calendar<\/strong> (Optional): Settings for the different views of events, their categories, and the calendar.<\/p>\n<p>&#8211; <strong>Woocommerce<\/strong> (Optional): Once you install the <strong>Woocommerce<\/strong> plugin, you can customize some <strong>Woocommerce<\/strong> features to include with the <strong>Extra<\/strong> design.<\/p>\n<p>&#8211; <strong>Additional CSS<\/strong>: In addition to <strong>Extra&#8217;s<\/strong> own settings, you&#8217;ll be able to add styles of your own by adding <strong>additional CSS<\/strong> to the theme.<\/p>\n<p>This is the visual part of customizing the <a title=\"Elegant Themes\" href=\"https:\/\/www.elegantthemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\">Elegant Themes<\/a> <strong>Extra<\/strong> theme, but <strong>you haven&#8217;t stopped<\/strong> fully customizing and tweaking the theme. To set up <strong>Extra<\/strong> well, it is essential to follow the documentation provided by <strong>Elegant Themes.<\/strong><\/p>\n<ul>\n<li>\n<h3><span class=\"ez-toc-section\" id=\"Creation_of_pages_entries_and_menus\"><\/span>Creation of pages, entries and menus.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/li>\n<\/ul>\n<p>For <strong>WordPress<\/strong>, <strong>everything is posts<\/strong>, and although it establishes differences between <strong>posts<\/strong>, <strong>pages<\/strong>, <strong>events<\/strong> and <strong>projects<\/strong>, at the engine level, they are the same. On the other hand, and to get fully into the subject, one of the features of <strong>WordPress<\/strong> is the possibility to get to a site by <strong>different paths<\/strong>. All in search of <strong>navigation<\/strong> and to make <strong>the visit of users more attractive<\/strong> . In the case of <strong>encyclobjects.com<\/strong>, the structure of pages and menus has been made as follows:<\/p>\n<p><strong>&#8211; Pages<\/strong>: Spaces dedicated to: <strong>Home page<\/strong>, <strong>legal<\/strong> information, <strong>company<\/strong> information, <strong>interaction<\/strong> (forms), <strong>e-commerce <\/strong>(products), <strong>navigation<\/strong>, <strong>services,<\/strong> <strong>utilities and landing.<\/strong><\/p>\n<ul>\n<li><strong>Homepage: <\/strong><a title=\"Cover\" href=\"https:\/\/encyclobjects.com\/en\/\"><span style=\"color: #0000ff;\">Front page<\/span><\/a>.<\/li>\n<li><strong>Legal Information: <\/strong>Legal Notice, Terms &amp; Conditions, Privacy (EU), Privacy (UK), Cookie Policy (EU), Cookie Policy (UK), Liability<strong>.<\/strong><\/li>\n<li><strong>Company Information: <\/strong><span style=\"color: #339966;\"><span style=\"color: #993366;\">About Us<\/span><\/span>, <span style=\"color: #339966;\"><span style=\"color: #993366;\">Idea <\/span><\/span>, <span style=\"color: #339966;\"><span style=\"color: #993366;\">Method<\/span><\/span>, <span style=\"color: #339966;\"><span style=\"color: #993366;\">Content<\/span><\/span>, <span style=\"color: #339966;\"><span style=\"color: #993366;\">Quality Policy<\/span><\/span>, <span style=\"color: #0000ff;\">Tickets<\/span>, <span style=\"color: #0000ff;\">Protagonists<\/span>, <span style=\"color: #0000ff;\">Authors<\/span>, <span style=\"color: #0000ff;\">Events<\/span>, <span style=\"color: #0000ff;\">Projects<\/span>, <span style=\"color: #0000ff;\">Activity<\/span>, <span style=\"color: #0000ff;\">Affiliation<\/span>, <span style=\"color: #0000ff;\">Testbed<\/span>, <span style=\"color: #0000ff;\">e-commerce<\/span>, <span style=\"color: #0000ff;\">Email marketing<\/span>, <span style=\"color: #0000ff;\">Advertising<\/span>, <a title=\"Social Media\" href=\"https:\/\/encyclobjects.com\/en\/activity\/social-media\/\"><span style=\"color: #0000ff;\">Social Networks<\/span><\/a>.<\/li>\n<li><strong>Interaction<\/strong>: <span style=\"color: #0000ff;\">Contact<\/span>, <span style=\"color: #0000ff;\">Login<\/span>, <span style=\"color: #0000ff;\">User Registration, Profile<\/span>, <span style=\"color: #0000ff;\"><span style=\"color: #0000ff;\">Change Password<\/span>, <span style=\"color: #0000ff;\">Lost Password<\/span>.<\/span><\/li>\n<li><strong>e-commerce<\/strong>: <span style=\"color: #0000ff;\">Store<\/span> (product pages), <span style=\"color: #0000ff;\">My account<\/span><span style=\"color: #339966;\">, <span style=\"color: #0000ff;\">Wishlist<\/span><span style=\"color: #339966;\">, <span style=\"color: #339966;\">Cart<\/span>, <span style=\"color: #339966;\">Checkout<\/span>.<\/span><\/span><\/li>\n<li><strong>Navigation:<\/strong> <span style=\"color: #993366;\"><span style=\"color: #339966;\">Site<\/span> map<\/span>.<\/li>\n<li><strong>Services<\/strong>: <span style=\"color: #0000ff;\">Subscription Plans<\/span><span style=\"color: #339966;\">, <span style=\"color: #339966;\">Points<\/span> <span style=\"color: #0000ff;\">Program<\/span>, <span style=\"color: #339966;\">Shipping, Returns<\/span> <span style=\"color: #339966;\">&amp; Refunds<\/span>.<\/span><\/li>\n<li><strong>Utilities:<\/strong> <span style=\"color: #993366;\">Frequently Asked Questions<\/span><span style=\"color: #339966;\">, <span style=\"color: #993366;\">Enlads<\/span><span style=\"color: #339966;\">, <span style=\"color: #339966;\">Utility Files<\/span><\/span><\/span><\/li>\n<li><strong>Landing<\/strong> pages: Welcome to the newsletter<\/li>\n<\/ul>\n<p>&#8211; <strong>Tickets<\/strong>: Spaces for <strong>publications<\/strong>: <strong>Articles<\/strong> with images and text, <strong>Podcasts<\/strong> and <strong>Videos<\/strong>. They are always placed in containers, for example a page, a category, a tag, or a selection, etc&#8230;)<\/p>\n<p>&#8211; <strong>Events<\/strong>: Spaces intended for the presentation and promotion of events. They place either in the <strong>Events Calendar<\/strong> (Events page), in a selection of dates, in a <strong>category<\/strong> , or in a <strong>tag<\/strong>.<\/p>\n<p>&#8211; <strong>Products<\/strong>: These are spaces that present a <strong>file of an item<\/strong> for sale, either directly or by affiliation. They are located on the <strong>Store<\/strong> <strong>page<\/strong>, in <strong>product categories<\/strong>, or<strong> in product tags. <\/strong>They also appear on <strong>search pages.<\/strong><\/p>\n<p>&#8211; <strong>Projects<\/strong>: Spaces for the presentation of <strong>projects<\/strong>. They place well in <strong>categories<\/strong> or project <strong>skills<\/strong> .<\/p>\n<p>As you can see, a site with the characteristics of <strong>encyclobjects.com<\/strong> requires <strong>many pages<\/strong>, and ordering them well is essential to facilitate <strong>a smooth and easy navigation<\/strong> for our users. To offer a good navigation, we have prepared 4 menus that we have located in 5 areas and we detail them as follows:<\/p>\n<ul>\n<li><strong><span style=\"color: #0000ff;\">Main menu<\/span><\/strong>: Located in the <strong>header<\/strong> with the <strong><span style=\"color: #0000ff;\">Navy blue<\/span><\/strong> background.<\/li>\n<li><strong><span style=\"color: #993366;\">Secondary menu<\/span><\/strong>: Located in the <strong>header<\/strong> (Hamburger Menu) with the <strong><span style=\"color: #993366;\">Violet<\/span><\/strong> background. Second location in <strong>footer<\/strong> with the name <span style=\"color: #339966;\"><strong>Company<\/strong><\/span>.<\/li>\n<li><strong>Footer Menu<\/strong>: Located <strong>below the<\/strong> <strong>Marengo Grey<\/strong> background footer.<\/li>\n<li><strong><span style=\"color: #339966;\">Customer Area Menu<\/span><\/strong>: Located in the <strong>footer with<\/strong> the name <span style=\"color: #339966;\"><strong>Customer Zone.<\/strong><\/span><\/li>\n<\/ul>\n<p>An <strong>important<\/strong> detail to point out is, and always has to be a <strong>goal<\/strong> for any <strong>content creator<\/strong>, is to <strong>continuously suggest<\/strong> our users to <strong>log in<\/strong> every time they visit our <strong>communication spaces<\/strong>. In the case of <strong>encyclobjects.com<\/strong>, in addition to earning <strong>reward points<\/strong>, interaction <strong>saves time <\/strong>and improves the browsing experience. Now, <strong>how does a user know they&#8217;re logged in?<\/strong> In our case, we have used <strong>code<\/strong> so that, once the user is connected, the word <strong>Access<\/strong> in the <strong>main menu<\/strong> is transformed into their <strong>username<\/strong>.<\/p>\n<ul>\n<li>\n<h3><span class=\"ez-toc-section\" id=\"Divi_Builder\"><\/span><strong>Divi Builder<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/li>\n<\/ul>\n<p><strong>WordPress<\/strong> has a before and after<strong> Divi Builder<\/strong>, the <strong>most used<\/strong> visual builder in the creation and design of web spaces. If, from the beginning, <strong>WordPress<\/strong> was a software that could be used by people without programming knowledge, since the emergence of Divi templates <strong>, <\/strong>and the subsequent presentation of the <strong>Divi Builder<\/strong>, designing web pages with <strong>WordPress<\/strong> is <strong>even easier<\/strong>.<\/p>\n<p><strong>Divi Builder<\/strong> is here to <strong>help<\/strong>. It can be used to further customize the <strong>Extra<\/strong> template (or any other <strong>Divi<\/strong> template), and turn a web space into anything imaginable <strong>without any programming knowledge!<\/strong><\/p>\n<p><strong>WordPress<\/strong> content using <strong>Divi Builder<\/strong> is structured into <strong>sections<\/strong>, <strong>rows<\/strong>, and <strong>modules<\/strong>.<\/p>\n<ul>\n<li><strong>Sections:<\/strong> in <strong><span style=\"color: #3366ff;\">Blue<\/span><\/strong>, they contain a <strong>complete unit<\/strong> (page, entry, etc&#8230;) or a <strong>partial unit<\/strong>. They have <strong>individual settings<\/strong> (content, layout, and advanced) and contain <strong>rows<\/strong>.<\/li>\n<li><strong>Rows<\/strong>: <strong><span style=\"color: #00ff00;\">in Green<\/span><\/strong>, horizontal, they can contain <strong>1,2,3, 4 or more columns<\/strong>, of the <strong>same size or different<\/strong>. It also has <strong>individual settings <\/strong>(content, layout and advanced) and, in turn, each column can contain one or more <strong>modules, <\/strong>which are the tools that contain the functions.<\/li>\n<li><strong>Modules:<\/strong> in <strong>Charcoal Grey<\/strong>: These are the <strong>functional containers<\/strong> where the contents are located. There are modules (Short Announcement, Audio, Button, Search Engine, Carousel, Gallery, Image, Menu, Subscription, Text, Video, etc&#8230; up to more than 40 functionalities) There are also <strong>Woocommerce<\/strong> modules. Each module has its <strong>own individual settings<\/strong> (content, design and advanced)<\/li>\n<\/ul>\n<p><strong>Sections<\/strong>, <strong>rows<\/strong>, and <strong>modules<\/strong> all have <strong>editing tools<\/strong> that allow you <strong>to save to the library<\/strong>, <strong>copy<\/strong>, <strong>paste<\/strong>, <strong>deactivate<\/strong>, and even <strong>generate content<\/strong> using <strong>artificial intelligence<\/strong>. These features allow us <strong>to save a lot of time<\/strong> on repetition tasks.<\/p>\n<p>Due to its enormous <strong>design<\/strong>, <strong>adjustment,<\/strong> and <strong>editing<\/strong> possibilities, it is convenient to study <strong>the Divi Builder<\/strong> documentation and even <strong>view tutorials<\/strong>. Learning <strong>is fast,<\/strong> as it is a <strong>very intuitive<\/strong> tool and combined with the visual nature of its application, the first results are obtained quickly.<\/p>\n<p><strong>Extra<\/strong>, the <strong>Elegant Themes<\/strong> magazine template also has a <strong>Category Builder, <\/strong>smaller than <strong>Divi Builder<\/strong> but very practical to quickly configure and design the <strong>categories<\/strong> of your <strong>WordPress.<\/strong><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<p>Documentary encyclobjects: 05 Design and customization. I&#8217;ve talked about the design and customization of encyclobjects.com on a few occasions. The idea I had on my mind was the magazine Orologi. In that magazine, the protagonist was not the design (by the way, minimal, but super elegant), it was the watches, the images. <\/p>\n","protected":false},"author":72,"featured_media":24059,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[336],"series":[],"class_list":["post-24144","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-videos-en","project_tag-logo","project_tag-theme","project_tag-wordpress-en"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[72],"highlights":[],"isAutoShareEnabled":false,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"_links":{"self":[{"href":"https:\/\/encyclobjects.com\/en\/wp-json\/wp\/v2\/project\/24144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/encyclobjects.com\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/encyclobjects.com\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/encyclobjects.com\/en\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/encyclobjects.com\/en\/wp-json\/wp\/v2\/comments?post=24144"}],"version-history":[{"count":0,"href":"https:\/\/encyclobjects.com\/en\/wp-json\/wp\/v2\/project\/24144\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/encyclobjects.com\/en\/wp-json\/wp\/v2\/media\/24059"}],"wp:attachment":[{"href":"https:\/\/encyclobjects.com\/en\/wp-json\/wp\/v2\/media?parent=24144"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/encyclobjects.com\/en\/wp-json\/wp\/v2\/project_category?post=24144"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/encyclobjects.com\/en\/wp-json\/wp\/v2\/series?post=24144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}