Click for Menu

Posting Notes

Cover Image & Excerpts

Images no longer need to be at the top of every page. Cover images can now be separately attached to every blog post by clicking on the gear icon beside the save/update post button.

Cover images shall be compressed to 300px wide at the aspect ratio of your Sony NEX.

Excerpts can now be written by enclosing them in a <p class="excerpt"></p> tag and putting them at the top of the post. Excerpts are limited to 40 words, though. excess will be trimmed away.

Use of Headers

Do not use h1, use h2-h4 for headers. h5 and h6 are reserved.

h2 Header

h3 Sub Header

h4 Sub Sub Header

h5 For image captions
h6 To highlight hashtags

Bulleting

‐ Item A

‐ Item B

‐ Item C

  ‐ Sub Item 1

  ‐ Sub Item 2

  ‐ Sub Item 3

‐ Item D

‐ Item E

Produces:

  • Item A
  • Item B
  • Item C
    • Sub Item 1
    • Sub Item 2
    • Sub Item 3
  • Item D
  • Item E

Quoting

Prefix your quotes with a > like so:

>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, provident alias ipsum doloremque ducimus officia cum nihil explicabo, minus distinctio doloribus minima reiciendis veritatis ipsam. Facere odio vitae, architecto tempora.

Results:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, provident alias ipsum doloremque ducimus officia cum nihil explicabo, minus distinctio doloribus minima reiciendis veritatis ipsam. Facere odio vitae, architecto tempora.

Note: If you are quoting someone do not use dash like so - Zachary Yong

This is because Ghost will convert - Zachary Yong into a bulleted list like so

  • Zachary Yong

The web correct way will be to use the html quotation dash &mdash; Zachary Yong which produces:

— Zachary Yong

Images

All images will be displayed at the full width of the content area (870px). To maximize image quality yet keep file sizes small, compress them to exactly 870px so that the browser will not unnecessarily stretch them.

However, for images that NEED to be smaller (9GAG pics or stuff like that, bypass the 100% maximization by setting the alt tag to "small" like so:

![small](/image.jpg)

Example:

Default - 500px image stretched to 100% of content area

With small attribute

small

Tagging

You can use any free hand tags as you wish but as discussed, the following tags are linked to the Category menu above:

  • Beauty
  • Wedding
  • Travel
  • Married Life
  • Personal
  • Lifestyle
  • Food
  • Advertorials

Additionally, articles with the tag Popular will be displayed under the Most Popular sections.

Also, articles tagged with Draft will be accessible via URL, but will be hidden from all index pages until the tag is removed. This is for client briefs because ghost doesn't have a private mode unlike tumblr.

Emoji

:boy: :girl: :confused: :rocket:

Type :nameofemoji: to use.

Full list at Emoji Cheat Sheet