"Intro" Section
Intro Headline and Intro Subhead
Fairly straightforward... just type or copy and paste the intro section's headline and subhead into their respective inputs.
If no Headline or Subhead exists simply leave that input blank
Intro Paragraph(s)
Copy and paste the intro paragraph into the textarea. Usually the intro consists of only 1 paragraph, but in the event of multiple paragraphs separate each one with a new line.
If a pull-quote is desired treat it like a normal paragraph [i.e. separate it from other paragraph(s) with a new line] and prefix it with "pullquote: " (no quotation marks).
Intro Bullets Headline
Type or copy and paste the intro bullets headline (usually something along the lines of "so-and-so product at a glance:").
If no such headline exists, leave it blank.
Intro Bullets
Type or copy and paste the intro bullets into the textarea. Each bullet, or <li>, should be plain text (not wrapped in a "<ul>" or "<li>" tag) separated by a new line.
If no bullets exist, leave this section blank.
Intro Media
This is where you tell the generator which image or video(s) will be accompanying the intro text.
- If image simply type in the image name.
ex: cool-image.jpg
- If video type "video: " and then the video's YouTube ID.
ex: video: OCWj5xgu5Ng
- If video gallery type "gallery: " and then each video's YouTube ID separated by commas.
ex: video: OCWj5xgu5Ng, HEB34if9I, 583DHE9Rt8
If no media exists, leave this section blank or use the default video placeholder [
video: OCWj5xgu5Ng].
Intro Media Caption
Caption for intro image or intro video.
Leave blank for galleries (inserted manually into html)
If no caption exists, leave this section blank.
"Page Content" Section
Headlines and Subheads
Paste the headlines and subheads into their respective textareas with each headline and subhead on a new line.
If some headlines don't have an accomanying subhead you will still need to create a new line for each missing subhead.
If no subheads exist at all just leave the subheads textarea blank.
Paragraphs
Paste all of the page's paragraphs into the paragraph textarea with each section's paragraph on a new line.
If a section contains more than one paragraph, or a pullquote, then separate each paragraph and/or pullquote in the section with an equals sign (=) on a new line between the section's paragraphs.
If a pullquote is desired, prefix the pullquote text with "pullquote: ".
Bullet Headlines
Paste the bullet headlines here with each bullet headline on a new line.
If some bulleted sections don't have headlines you will still need to create a new line for each missing headline.
If no bullet headlines exist at all just leave this textarea blank.
Bullets
Paste each section's bulleted list here with each list item on a new line and without any tags. Separate each section's bulleted list with an equals sign (=) on a new line between the lists.
If some sections don't have bullets you will still need to create a new line for each missing bulleted list.
If no bullet lists exist at all just leave this textarea blank.
Media
This is where you tell the generator which image or video(s) will be accompanying each section's text. Each section's media gets put on a new line.
- If image simply type in the image name.
ex: cool-image.jpg
- If video type "video: " and then the video's YouTube ID.
ex: video: OCWj5xgu5Ng
- If video gallery type "gallery: " and then each video's YouTube ID separated by commas.
ex: video: OCWj5xgu5Ng, HEB34if9I, 583DHE9Rt8
Media Captions
Captions for images or videos. Each section's media caption gets put on a new line.
Leave blank for galleries (inserted manually into html)
If only a few captions exist you will still need to create a new line for each missing caption.
If no captions exist, leave this section blank.
Features List
If there is a features list at the end of the page copy and paste all of the list items to the features list textarea without any tags. Each list item gets its own line.
Code Generation/Output
Once all information has been filled in correctly click the "Generate Code" button. If all goes well the output section will appear and display the HTML and CSS code under their respective tabs. Information can be changed at any time. Just click the "Generate Code" button for any updates.
HTML
Copy the code from the index.php tab and paste it into your enhanced page's "index.php" file.
CSS
Copy the code from the css/styles.css tab and paste it into your enhanced page's "styles.css" file.
content.txt
There is a third tab titled content.txt. Copy and paste this code into a text file called content.txt and store for reference.