This post is to clarify how to go about formatting posts within Dfugly.org.
Basic Font Formatting
Note: What one sees while editing a post is not always the same as what ultimately gets seen on the website. Always preview occasionally to see how the changes made will actually appear to the end user.
When adding a new paragraph block, set Typography size to M (medium) if not set automatically, then type whatever you want. That’s what this very paragraph has.
Text formatting options are limited in the standard paragraph block. You can see them on the top of the page: Bold, Italic, Link, and a drop-down leading to a few other options. Justification is not used at all; “tab” for indenting paragraphs is not supported; yeah, I know…just live with it. The traditional “two-spaces” after period is also not supported as consecutive “blank spaces” are reduced to one blank space.
Underlining is effectuated by ctrl+u: underline me (on PC). It “toggles” on and off.
Other formatting options such as text color, and bulleted lists can be accessed through the “classic” block. Switch to or add a “classic block,” and a popup editing window will appear. Type in that window. See next paragraph
This paragraph and what follow are being typed in the “classic” block. I can now make this word red. I can add a bulleted list:
- Item 1
- Item 2
- Item 3
Numbered List:
- Dog
- Cat
- Snake
Special Characters: €, ©, ¢, « », …, ⇒, and many more.
Finish typing in the classic editor window. Then close the window. Then, convert the classic editor block that contains all you just typed into a normal, paragraph “block.” The formatting you did in the classic block is persistent. Then set the typography size for all the items that you typed in the classic editor (medium), if it does not happen automatically.
A test of font size in classic editor. This now shows the correct font size, which I have set globally in the “Theme editor.” I discourage using the Classic Editor block except as noted above because not all changes made here are persistent when converting to standard paragraph block. It also does not support footnotes.
Block Quotes and Footnotes
Block quoting is done in the following manner: 1) type your quote in a new paragraph block. 2) Add “left/right” padding to “x-large.” 3) Place cursor in the appropriate spot, then select “footnote” from the drop-down list. 4) Type your source bibliographical indications. 5) In the footnote text, set font size to “S” (Small). 6) Add a paragraph just above the footnote text. Set font to “M.” Type the word: Footnotes. 7) Finally, just above that last paragraph, insert a “separator.”
The next paragraph has been subjected to this treatment:
Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. Block quoted text. PLEASE NOTE: you will NOT see the affects of this formatting while editing here! You must “Preview” the page, at which time the indentations, left and right, should be there as expected.1
After migrating the site, the block paragraph formatting is now not working. I’m typing this paragraph in a standard block paragraph, and subjecting it to the formatting described above to see if it will indent properly. Correction: it still works but is only visible when the page is “previewed.”
Inline citation is simple. Just place a footnote at the appropriate spot. Don’t forget to format the footnote text (“S”) if it has not been done automatically. Example: “To be or not to be? That is the question.”2
Featured Images for Individual Posts
The standard dimensions for a post “feature image” are anywhere around: w1200 x h800. There is a good margin for maneuvering (go check the images in “Media”), that is, resizing and rescaling don’t trash the image.
The standard weight of a featured image is around 250 kb. Images should be “lightened” and resized as appropriate in order to: 1) fit the “boxes” in which they are used–with some on-the-fly scalability. Use dimensions specified above. 2) load without long delays. This can be done in part directly in the “Media” library native to Gutenberg, or using a third party prior to importing into the media library. A favorite of mine is Lunapic. https://www5.lunapic.com/editor/
Stylistically: featured images are there for no apparent contextual reason. That is the reason for their use. They are mnemonic devices to aid in navigation and recall. Any aesthetically pleasing image will do. It does not need to be thematically connected in any way to the content of the post it decorates. In my opinion, the less connected, the better…So long as the image is “beautiful,” “engaging,” or otherwise appealing to the eye (except for female body parts, which are not used on this site).
Embedding Images in an Individual Post:
When embedding images in an individual post
Footnotes