Skip to content

WordPress Content

chanmi edited this page Nov 17, 2022 · 9 revisions

Formatting

Some elements of WordPress content may not display the same way on the final web page.

  • Images
  • Tables

Referencing Manuscripts

You can reference one or many words in a document from a WordPress page. This will show the word exactly as it is presented on the document page. You'll need to know the shorthand ID for the document and what number of words you want from the document.

Use this special syntax in a separate paragraph to reference the 5th word in DD6:

[DD6:5]

and this to reference the 6th and 7th words in EFN1 (the range 6-7 is inclusive on both ends):

[EFN1:6-7]

Defined Classes for Printed Styling

To format Wordpress pages for printing, several classes were defined that should be used to style the Wordpress pages for proper print formatting. These classes can be used to style any elements needed in the Wordpress page HTML.

  • section: Used for content that should be kept together and not broken up between pages.
  • short-answer: Used for content where there is a question and an input field, and styles them to stay on the same line.
<div class="short-answer">
1. Who is the letter from?
<input type="text" />
2. Where is the person who is sending the letter writing from?
<input type="text" />
3. What relationship is Dollie Duncan to the person writing the letter?
<input type="text" />
</div>

Will appear like so: image

  • syllabary-input: For content where the input field is a large box.
<p class="syllabary-input">
<span><span class="show-on-print" style="display: none;">1.</span><input type="text" /></span>
<span><span class="show-on-print" style="display: none;">2.</span><input type="text" /></span>
<span><span class="show-on-print" style="display: none;">3.</span><input type="text" /></span>
</p>

Will appear like so: image

  • show-on-print: Styles element to show up only on print, but element must also be given a display: none style.
<span class="show-on-print" style="display: none;">1.</span>

FAQ

  • Q: How are document set descriptions connected?