WordPress Content Styling

Soundcite

Soundcite is a project from Knightlab at Northwestern University. It allows authors to embed audio in stories with a seamless user experience. Use the form on Knightlab's website to create an embed code.

Here it is in action in this sentence. I typed this paragraph, then clicked "Edit as HTML" in WordPress and pasted the Embed code provided by Soundcite over the appropriate words of this paragraph.

Images

Galleries

You can insert a gallery into an article using the gallery button. You can use the slider on the right to select how many columns wide the gallery should be. If the photos on your gallery have a scrollbar, it's because the caption of your photo is so long it requires a scrollbar to show in it's entirety.

Galleries will crop images to ensure they are always the same width and height.

The gallery above is 4 photos with a 2-column grid, and the gallery below is 5 photos with a 3-column grid.

Velit laoreet id donec ultrices tincidunt arcu non sodales. Eu mi bibendum neque egestas congue quisque egestas diam in. Fringilla ut morbi tincidunt augue interdum velit euismod. Nisl rhoncus mattis rhoncus urna neque viverra justo nec ultrices. Turpis massa sed elementum tempus. Mattis nunc sed blandit libero volutpat sed cras. Pulvinar elementum integer enim neque volutpat ac tincidunt. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus. Eget arcu dictum varius duis at consectetur lorem donec. Aliquet enim tortor at auctor urna nunc id cursus. Commodo elit at imperdiet dui accumsan sit amet. Risus in hendrerit gravida rutrum quisque non tellus orci ac. Ac turpis egestas maecenas pharetra.

Velit laoreet id donec ultrices tincidunt arcu non sodales. Eu mi bibendum neque egestas congue quisque egestas diam in. Fringilla ut morbi tincidunt augue interdum velit euismod. Nisl rhoncus mattis rhoncus urna neque viverra justo nec ultrices. Turpis massa sed elementum tempus. Mattis nunc sed blandit libero volutpat sed cras. Pulvinar elementum integer enim neque volutpat ac tincidunt. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus. Eget arcu dictum varius duis at consectetur lorem donec. Aliquet enim tortor at auctor urna nunc id cursus. Commodo elit at imperdiet dui accumsan sit amet. Risus in hendrerit gravida rutrum quisque non tellus orci ac. Ac turpis egestas maecenas pharetra.

If you want to show a list of photos and ensure they are all the same width, you can use multiple single-photo galleries.

Galleries can also be left or right aligned to have text wrap around the gallery.

Goats from High Desert Graziers of Smith Valley, Nev. are used by NV Energy and the Nevada Division of Forestry to clear brush and minimize wildfire fuel in an extreme risk area on a hillside north of Highway 50 in the Clear Creek watershed near Carson City on Tuesday, Sept. 29, 2020. (David Calvert/The Nevada Independent)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Libero volutpat sed cras ornare arcu dui vivamus. A condimentum vitae sapien pellentesque habitant. Amet venenatis urna cursus eget nunc. In massa tempor nec feugiat nisl pretium fusce. Ut venenatis tellus in metus. Pellentesque habitant morbi tristique senectus et netus. Morbi quis commodo odio aenean. Nibh sed pulvinar proin gravida. Bibendum ut tristique et egestas quis ipsum suspendisse ultrices. Tempor orci eu lobortis elementum nibh tellus molestie nunc non. Nisl vel pretium lectus quam id leo in vitae. Eleifend donec pretium vulputate sapien nec sagittis.

Enim tortor at auctor urna nunc id cursus metus aliquam. Enim diam vulputate ut pharetra sit amet. Fringilla ut morbi tincidunt augue interdum velit euismod in pellentesque. At in tellus integer feugiat scelerisque varius. Magnis dis parturient montes nascetur. Posuere ac ut consequat semper. Imperdiet sed euismod nisi porta lorem mollis aliquam. Hac habitasse platea dictumst quisque sagittis purus sit amet volutpat. Orci ac auctor augue mauris augue neque gravida. Pharetra magna ac placerat vestibulum lectus mauris ultrices. Id faucibus nisl tincidunt eget nullam non nisi est. Congue nisi vitae suscipit tellus mauris a diam maecenas. Sit amet facilisis magna etiam tempor orci. Gravida arcu ac tortor dignissim convallis aenean et. Facilisis leo vel fringilla est ullamcorper. Egestas diam in arcu cursus euismod quis.

Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Venenatis a condimentum vitae sapien pellentesque habitant morbi tristique senectus. Morbi tincidunt ornare massa eget egestas purus viverra accumsan in. Maecenas accumsan lacus vel facilisis volutpat est. Viverra mauris in aliquam sem fringilla ut. Ac tincidunt vitae semper quis lectus nulla. Donec adipiscing tristique risus nec feugiat in. Sagittis id consectetur purus ut faucibus pulvinar elementum. Mattis enim ut tellus elementum sagittis vitae. Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet. Vitae aliquet nec ullamcorper sit amet risus. Sed elementum tempus egestas sed sed. Sit amet massa vitae tortor condimentum.

Velit laoreet id donec ultrices tincidunt arcu non sodales. Eu mi bibendum neque egestas congue quisque egestas diam in. Fringilla ut morbi tincidunt augue interdum velit euismod. Nisl rhoncus mattis rhoncus urna neque viverra justo nec ultrices. Turpis massa sed elementum tempus. Mattis nunc sed blandit libero volutpat sed cras. Pulvinar elementum integer enim neque volutpat ac tincidunt. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus. Eget arcu dictum varius duis at consectetur lorem donec. Aliquet enim tortor at auctor urna nunc id cursus. Commodo elit at imperdiet dui accumsan sit amet. Risus in hendrerit gravida rutrum quisque non tellus orci ac. Ac turpis egestas maecenas pharetra. Et malesuada fames ac turpis egestas sed tempus. At tellus at urna condimentum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Risus nec feugiat in fermentum posuere urna nec tincidunt praesent. Et magnis dis parturient montes nascetur ridiculus mus. Arcu non odio euismod lacinia.

Velit laoreet id donec ultrices tincidunt arcu non sodales. Eu mi bibendum neque egestas congue quisque egestas diam in. Fringilla ut morbi tincidunt augue interdum velit euismod. Nisl rhoncus mattis rhoncus urna neque viverra justo nec ultrices. Turpis massa sed elementum tempus. Mattis nunc sed blandit libero volutpat sed cras. Pulvinar elementum integer enim neque volutpat ac tincidunt. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus. Eget arcu dictum varius duis at consectetur lorem donec. Aliquet enim tortor at auctor urna nunc id cursus. Commodo elit at imperdiet dui accumsan sit amet. Risus in hendrerit gravida rutrum quisque non tellus orci ac. Ac turpis egestas maecenas pharetra. Et malesuada fames ac turpis egestas sed tempus. At tellus at urna condimentum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Risus nec feugiat in fermentum posuere urna nec tincidunt praesent. Et magnis dis parturient montes nascetur ridiculus mus. Arcu non odio euismod lacinia.

This image (not gallery) is right aligned. It's pretty big, so I chose "25%" as the size to shrink it to a reasonable size for text wrapping.

Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Sit amet aliquam id diam maecenas ultricies mi. Semper risus in hendrerit gravida rutrum quisque non tellus orci. Nisl pretium fusce id velit ut tortor. Dignissim convallis aenean et tortor at risus. Est ultricies integer quis auctor elit sed. Dui faucibus in ornare quam viverra orci sagittis eu volutpat. Et egestas quis ipsum suspendisse ultrices gravida dictum. Sed viverra ipsum nunc aliquet bibendum enim. Volutpat odio facilisis mauris sit. Tristique risus nec feugiat in fermentum posuere. Est lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Senectus et netus et malesuada fames. Tempus iaculis urna id volutpat. Dignissim convallis aenean et tortor at risus viverra. Nec ultrices dui sapien eget mi. Pharetra diam sit amet nisl suscipit adipiscing bibendum est. Tempus egestas sed sed risus.

Ut faucibus pulvinar elementum integer enim neque volutpat ac. Tristique nulla aliquet enim tortor at auctor urna nunc. Turpis massa sed elementum tempus. In est ante in nibh mauris cursus mattis molestie. Netus et malesuada fames ac turpis egestas maecenas. Enim sed faucibus turpis in eu mi. Est lorem ipsum dolor sit amet consectetur adipiscing elit. Eget aliquet nibh praesent tristique magna sit. Sed risus pretium quam vulputate. Fames ac turpis egestas maecenas. Dictum sit amet justo donec enim diam. Accumsan tortor posuere ac ut consequat semper viverra nam. Convallis aenean et tortor at risus. Lacus sed turpis tincidunt id aliquet. Lectus mauris ultrices eros in cursus turpis massa tincidunt dui. Sapien faucibus et molestie ac feugiat. Imperdiet massa tincidunt nunc pulvinar sapien.

If you find that text looks bold even though it's not set to bold, check to be sure you aren't using a Heading instead of a paragraph by mistake. This is an H4 heading.

header 1 header 2 is a bit longer header 3 header 4 header 5 header 6 header 7 header 8 header 9 header 10
tables have some default styling. this is another table cell this is another table cell another cell
rows alternate colors for easier reading. this is another table cell this is another table cell another cell
this is another table cell this is another table cell this is another table cell this cell left intentionally not blank this is another cell
tables can have captions.

This is the wordpress "Separator" element


And if you ever want to put an arbitrary amount of space between two wordpress blocks...

you can use a "Spacer" block in wordpress and simply type the height in pixels you want to have for space.

ROLLERSKATES ARE BACK!

Which treats of the character and pursuits of the famous gentleman Don Quixote of La Mancha

In a village of La Mancha, the name of which I have no desire to call to mind, there lived not long since one of those gentlemen that keep a lance in the lance-rack, an old buckler, a lean hack, and a greyhound for coursing. An olla of rather more beef than mutton, a salad on most nights, scraps on Saturdays, lentils on Fridays, and a pigeon or so extra on Sundays, made away with three-quarters of his income.

The rest of it went in a doublet of fine cloth and velvet breeches and shoes to match for holidays, while on week-days he made a brave figure in his best homespun. He had in his house a housekeeper past forty, a niece under twenty, and a lad for the field and market-place, who used to saddle the hack as well as handle the bill-hook. The age of this gentleman of ours was bordering on fifty; he was of a hardy habit, spare, gaunt-featured, a very early riser and a great sportsman.

This is a pull quote with the default styling

This is the citation

This is another pull quote. In the "Styles" section, I changed the style to "Solid color".

I then chose the text color and main color (background or border, depending on style chosen) in the wp editor.

This is heading 2

This is heading 3

This is heading 4

Documentcloud

Embed Page

Page 1 of EPA Correspondence on Extension

Contributed to DocumentCloud by Daniel Rothberg (The Nevada Independent) • View document or read text

Embed Comment



Steve Sisolak has a tooltip test.