PhillyEcoCity Formatting Options

Use this the aside shortcode to put text below the author section (here!)

This post will show you all of the formatting options you have at your discretion when writing article posts! To write a new post, make sure you are logged in, and then from the navigation bar at the top, and go to your username->Dashboard->New Post.

Headings

Use these as separators between the content of your posts. Select a heading in the left most drop down box in the text editor when creating a new post.

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

 

Paragraph

The default formatting style of text. This should automatically be applied to text, but if it doesn’t for some reason or you want to convert a heading back to paragraph text, just select the text in the editor and use the left most dropdown in the text editor and choose “Paragraph.”

This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text. This is paragraph text.

 

Blockquote

Use this formatting option when quoting or referencing someone/something. This option can be found in the button that looks like a single-quote, above the text editor when you are writing a new post. Highlight the text to be put into the blockquote format, and select this button.

This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote.

 

Lists

There are numbered lists and unnumbered lists that are possible. Just select the appropriate list button in the text editor to start a new list.

  1. Number 1
  2. Number 2
  3. Number 3
  • Point 1
  • Point 2
  • Point 3

Inserting Images

There are 3 types of images you can insert: thumbnail, medium, and large, which are 1/3-, 1/2-, and full-width of a column respectively. You can also add captions and align them left, right, or center. Add an image by clicking the image icon above the text editor, next to “Upload/Insert.”

This is a thumbnail size image aligned left.

This is a thumbnail size image aligned right.

This is a medium size image aligned center.

 

This is a large size image. Alignment doesn't matter for this size image because it takes up the full column width.

 

 

Attaching a Featured Image to Post

You should upload a featured image with each post that is at least 620px wide and 380px tall. We use this in visualization the latest posts as well as special sections of the website where we pick some of the best articles written and feature them. So make sure you do this step if you want us to feature your article! To add a featured image, simply use the box at the bottom of the right column when adding a new post.

Attaching a Video to Post

You can easily attach a video to a post. Simply paste in the URL of the video in the “Video Options” section below the text editor. If you want the video to some up on our main Articles aggregator page, then check the “Show in Video” option too. A video added will always show above the content of the post, underneath the title.

Shortcodes

Shortcodes are an awesome way of formatting content, adding media, or adding interactive features, without having to deal with code! Learn more about shortcodes here.

Buttons

Button insert. This shortcode is quite flexible and accepts several parameters:

  • link — a link
  • size — a button size Its value may be small, medium and big. Small is set by default
  • bg — background color
  • color — text color
  • target — the way of opening links – If it is set to _blank, then a link is opened in a new window
  • float — button align – left, right, center, none
Example Shortcode:

Go to My Link

Result:

Go to My Link

Box

Inserts a color block. It has the following parameters:

  • bg — background color
  • color — text color
Example Shortcode:

Vivamus tortor enim, rhoncus a feugiat non, ornare in tortor.

Result:
Vivamus tortor enim, rhoncus a feugiat non, ornare in tortor.

List

Labelled list with icons. Parameters:

  • style — type of list icon – this feature may have tick value (default) or cross
Example Shortcode:

  • Aliquam erat volutpat
  • Vivamus placerat mi
  • Fusce vel sem ac sapien

  • Aliquam erat volutpat
  • Vivamus placerat mi
  • Fusce vel sem ac sapien

Result:
  • Aliquam erat volutpat
  • Vivamus placerat mi
  • Fusce vel sem ac sapien
  • Aliquam erat volutpat
  • Vivamus placerat mi
  • Fusce vel sem ac sapien

2 columns

Inserts your content by 2 columns. No parameters available.

Example Shortcode

Fusce vel sem ac sapien....

Lorem ipsum dolor sit....

Result
Fusce vel sem ac sapien lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie, diam at vehicula hendrerit, metus magna adipiscing orci, a volutpat metus purus vel erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie, diam at vehicula hendrerit, metus magna adipiscing orci, a volutpat metus purus vel erat. Fusce vel sem ac sapien

Video Embeds

For this simply place the video link between an embed shortcode, and the video will be automatically sized to fit the column and embedded.

Example Shortcode

Result

Content Above the Fold

Using the wide shortcode, it is possible to put any content, whether text, an image, or a video, above the main content of the blog post. In this article, the top image was placed where it is using the wide shortcode. It is recommended to only use this on images that are the full-width of the column above the content, which is 620px.

Example Shortcode

...

Result

Look the top of the page for an example of an image placed in the wide shortcode!

Content in Left Sidebar

You can also put content in the left sidebar of a post, below the author details. See an example above on this page! Put any content you want to show up here in the aside shortcode. Only text should be used in this section, without any other formatting.

Example Shortcode

Use this the aside shortcode to put text below the author section (here!)

Result

Look in the left sidebar at the top of the page!

About author
Advertisement
Submit your comment


+ six = 10

Please enter your name

Your name is required

Please enter a valid email address

An email address is required

Please enter your message