The default column widths of a default article are 1/4-1/2-1/4. (The left and right columns are whitespace.)
Anatomy of a default article
This page aims to serve as a guide to the basics of the new layout, as built in the Advanced Layout Editor.
hed should be Heading 1; dek should be Paragraph
By JONATHAN PARK
byline should be in Heading 6. only the writer’s name should be in ALL CAPS, e.g. “By ANNE SMITH”
Note that this must be changed manually.
For articles for which multiple photos by the same photographer are used, add a second byline underneath the first, also in heading 6, e.g. “PHOTOS: ANNE SMITH”
This Post Metadata element automatically displays the publishing date of the article. You do not need to make any changes to this element.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. (Ilya Pavlov / Unsplash)
All images, whether photographs, artworks or designs, should be placed using an Image element and a separate Text Block element underneath.
When choosing the image in the Image element: Having selected the image in the Media Library, a dropdown menu should appear in the right sidebar, under “ATTACHMENT DISPLAY SETTINGS.” Always select the “Large” option if possible; this helps minimize loading times if the image is especially large. If the Original Size and Large versions have similar dimensions, select Original Size.
Captions and image attributions should always be in Heading 6.
Article text goes here. Note that it is in a separate Grid Row element, to more cleanly show the hed, dek and cover photo without advertisements appearing on the side.
DO NOT place images directly within a Text Block via “Add Media”. Exit the Text Block (having pressed “Save”), grab a Image element (under Media Elements), then select your image from the Media Library there. You can then add a separate Text Block underneath that Image element for your photo caption. See the cover photo for an example.
You will need to split the article text before and after the image into two different Text Blocks.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper scelerisque tellus imperdiet luctus. Sed aliquam, dui placerat sodales efficitur, enim augue vestibulum orci, quis scelerisque magna quam sit amet sapien. Vestibulum consequat purus vel orci eleifend, eget blandit odio aliquam. Sed sed dolor viverra, pellentesque lacus et, vestibulum lectus. Praesent eget odio nec ex dictum consectetur interdum quis ipsum. In rhoncus magna eget arcu placerat dictum. Praesent vitae mi id odio dignissim convallis a ut dui. Proin ornare tempor volutpat. Etiam vestibulum, elit et rhoncus convallis, orci arcu mollis ligula, pretium elementum sapien leo eget erat. Nam quis rutrum metus, in luctus urna. Nunc tincidunt suscipit eros sed feugiat. Aenean nisi massa, convallis ac fermentum ac, posuere sollicitudin eros. Proin aliquam, urna id varius rhoncus, enim est consectetur erat, sit amet faucibus dui risus at purus. Mauris congue ultrices lectus at imperdiet. Integer odio nulla, mattis facilisis nisi nec, laoreet pulvinar mi. Ut dignissim eleifend efficitur.
Integer varius, urna eget aliquet mattis, libero nulla maximus risus, a ultricies odio sem quis sapien. Cras ac convallis tellus. Quisque venenatis ut magna non mollis. Cras sed lorem massa. Integer dictum dapibus ligula. Vestibulum efficitur mauris neque, eu porttitor mi tincidunt id. Proin condimentum vehicula suscipit. Nullam faucibus pharetra massa, non semper sapien bibendum nec. Curabitur auctor nisl sit amet nisi finibus tristique. Nulla facilisi. Nam molestie vehicula orci, id pharetra ligula sodales sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Quisque tempus eu est nec ornare. In sit amet pellentesque nulla. Nam viverra tellus ante, et euismod felis gravida id. Fusce gravida aliquet efficitur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam egestas lacinia elit, vel mollis tellus interdum ac. Nulla sed ultrices arcu. Nunc purus elit, rhoncus vitae dolor non, dictum mattis velit. Pellentesque euismod quis mi eget dignissim. Quisque faucibus ligula urna, non fringilla neque maximus eu. Nunc scelerisque lorem in turpis lobortis suscipit. Praesent ullamcorper, est pharetra viverra fringilla, urna orci pulvinar metus, ut aliquet mauris turpis eu lacus.
Nullam id urna id purus interdum lacinia. Maecenas eget eros enim. Phasellus tempor laoreet libero vitae porttitor. Proin nisl mauris, tincidunt sit amet egestas nec, dignissim eget mauris. Cras quis enim tempus, eleifend odio in, consectetur urna. Aenean consectetur lacus vel erat blandit aliquet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus at cursus elit. Nam eget euismod arcu. Aliquam erat volutpat. Aliquam ac vehicula augue, in vulputate enim.
Integer ex mi, congue ac accumsan sed, facilisis et nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec vestibulum justo sed turpis aliquam pulvinar. Fusce pretium, diam quis mattis blandit, sem turpis malesuada dolor, ac vehicula nulla arcu dictum urna. Quisque faucibus nisl quis efficitur vehicula. Maecenas viverra fringilla euismod. Curabitur pretium porttitor elit eu sodales.
Ads appear here. Do not move or delete the Widget Area block for any reason, except under the discretion of the Digital Managing Editor.
tags will appear here. if, for some reason, you lose this element, you can recreate it as follows:
-
create a new Grid Row (under Layout Elements) with three columns (sizes 1/4, 1/2, 1/4).
-
In the middle 1/2-width column, place a Post Metadata element (under Content Elements).
-
Edit the element to display Tags.
-
Go to the Advanced tab, and set the Custom CSS Class to “blog-tags”.
-
Press Save.