How to use the Character Knowledge Base
Everything not saved will be lost.
-Nintendo “Quit Screen” message
This article will focus on editing articles that were previously built using the Divi Builder and making new articles using any of our pre-built templates. I, or someone else, may follow this article up with one for the Default Editor and/or and Advanced Divi Builder article focused on developing your own templates from scratch. The latter will probably be the best resource for those looking to build super fancy Logs using Divi.
I’m starting from the middle with this article. The Default Editor is much simpler and making articles from scratch (in Divi) comes with a steep learning curve. My hope is that we’ve already laid a nice foundation to build from and the majority of the player base will only ever need the instructions detailed here.
Before we dig into it, let’s answer an important question: What IS the Knowledge Base?
Think of it like a wiki that is “in universe”. This is the collaborative efforts of all characters to compile and disseminate knowledge in a succinct and organized fashion.
Knowledge Base articles will never replace Mission Logs, which remain the recorded experiences of our characters.
Divi is powerful but not super intuitive. The first thing you need to understand is: “Blue, Green, Grey”…
Blue Sections form the page. Green Rows exist within the Sections. Grey modules occupy space within the Rows. In the above image, the grey Module is a text Module. In fact, the text you’re reading now its written in a grey text Module. The colors aren’t important honestly, they’re just a quick visual indicator of what part of the page you’re working on.
Let’s look at a more complicated example:
What is going on here? New colors, an insane amount of modules, specialized (orange) sections? Ain’t nobody got time for that. Don’t get intimidated, the above image is only show how the Sections, Rows, and Modules can be organized.
If you’re not starting a brand new article (and you’re logged in) you should see an “Enable Visual Builder” button in the top left. This is the button that will allow you to edit articles. Once the “Visual Builder” (Divi) has loaded, the button will change to read: “Exit Visual Builder”. After you save whatever changes you make, this will switch you back into a normal viewing mode.
When you’re in Divi, a small purple circle will appear centered at the bottom of your screen. You can click it to expand it into several new UI elements.
This UI element is mainly for testing out how your page will look on different devices.
Here you can trash the page, hide the additional elements, edit the articles Title/Excerpt/Featured Image, undo changes, and import/export layouts (templates).
This last element is for finding page actions, changing layers, finding help, and saving your work.
The first button on each of the top bars is for dragging that element around. You’ll see shadows of a correspond color appears to indicate where your element will be dropped.
The second button opens the customization options for the element.
The third button makes and exact copy of the elemental and places it with the same grace and care that Microsoft Word exhibits when inserting a picture.
Let’s talk about an example from earlier:
The second to last button on each bar deletes the element.
The last button options a wormhole to another dimension. Don’t touch it, especially the “Split Test” option.
The odd-man-out here is the fourth button on the Row (green) bar. Rows can be subdivided into columns, allowing for multiple modules to be placed side-by-side. This part of the guide is using a Row with 3 columns.