New Author Section Header
by First Lastname, position
Welcome to the leaflet template. Let me orient you to the tools available. The first thing to look for is the purple button at the bottom of the page. This toggles all the page settings. Three dots means it’s closed, and you can close it by clicking on the X. On the right side is a green ‘save’ button. On the left side is a button that has three boxes on stacked on top of two others. This is where you can see the site in wireframe.
In the wireframe you can click on the gear to edit the text in each box. The first tab ‘Content’ has the ‘Text’ section where you can insert your text. You can also click on the text when you’re in the main view. When you click on any module in the normal ‘main view’ you’ll see the same arrows, cog, two boxes, etc. The two third option after the settings cog allows you to duplicate your module or row.
The image files should always be the first module in the row. Use the gear to change the image. Just like with the text module, you’ll see a place to upload an image into the media gallery. All your old images can be found that way as well.
If you’d like to make the images bigger or smaller, in that same settings ‘cog’ menu move over to the ‘Design’ tab. There you will see a section called ‘sizing’. Set the ‘width’ to whatever percentage you’d like; this represents a percent of the row. On mobile it is already set to be 80% with 10% margin on either side (making it nice and visible and not shrunk down – I would not recommend changing this.)
This is a new row. The image is always going to be at the top of the row. The the images technically ‘float’ so we keep them in separate rows to keep them happy.
This box is just here so you can see how the second text module in this row works with the image. Whenever you need to add a new row, click on the green + sign, click ‘add from library’ and then select which Leaflet template design you want, left image, right image or no image.
Invent the universe bits of moving fluff with pretty stories for which there’s little good evidence tendrils of gossamer clouds adipisci velit adipisci velit. A very small stage in a vast cosmic arena kindling the energy hidden in matter ship of the imagination Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur and billions upon billions upon billions upon billions upon billions upon billions upon billions.
New Author Section Header
by First Lastname, position
I created a new section (I’m guessing you’ll use this when a new author starts writing). I just went to the BLUE box and hit the duplicate button, then I just deleted or changed everything duplicated. The advantage to this is that you keep formatting consistent.
The last thing we need to go over is jump links. I’m going to assume you’re decently well versed because you’ve used them in prior newsletters.
The one new thing new is how to assign the #jump so that the jumplink will bring you there.
In the same window that you open to insert text or resize an image, you’re going to toggle over to the ‘advanced tab’ and open the CSS ID & CLASSES section. Where it says CSS ID enter your jumplink name (ie CSS ID: jumpLink (not #jumpLink, don’t use the #hash).
Each Section, Row and Module allow you to assign them some kind of CSS ID. Make sure to add the CSS ID to only the TEXT BOXES.
At the top there are three columns. You can just add the jumplinks there as you would have in previous leaflets. To make text a link click on the interlocking chain icon on the top row of the ‘text’ editor under ‘content’ tab. You can also highlight the text and press CTRL K to make a hyperlink. Use the # like you normally would. Like this.
