Submit a request

Using Formatting Options on Pages and Posts

Using Formatting Options on Pages and Posts

This article and video tutorial will discuss the importance of adding formatting to your pages and blog posts, and how to do it.

               

What is formatting?

Formatting is a way of modifying text in articles or posts on your site to create bold headers, change margins, add quotations or anything else that modifies the look or arrangement of text.

  form5.png

Why use formatting to create headers on your Placester site?

When adding any content to your site, it is important that is looks polished and professional. A good way to accomplish this is through adding formatting to titles and quotes included in your content. Formatting adds clarity and structure to any text you might add to the site.

How to format headers and quotes on your Placester site

Before starting to format your pages and posts, we recommend entering all of the content on a given page in the Page Content section. As you enter the text, keep in mind how you would like to organize your content and title appropriately. This way, you can go back through the text in its entirety and format just the sections you want to highlight.

Formatting Tool

At the top of the Page Content section, you'll see the editing toolbar. The second option is the formatting tool.

 form1.png

There are six formatting options that will be displayed when you click on this icon.   

 Screen_Shot_2017-10-30_at_10.55.17_AM.png

Paragraph

Paragraph is for the body of the text. This is the default setting for how the text will appear when entered. In order to change this, you will need to select the section of text you would like to modify. You can then select any of the seven other formatting options to change how the text displays.

Quotation 

Quotation will separate the line of text into a quote.

https://gyazo.com/159a9adddf0002de0992590982039aad

 

 When you format the text in quote it will appear like this on the front end:

Headings 1 - 4

Headings 1-4 serve the function of transforming the selected line into a bold and enlarged header for a section of text. Note: Heading 5 and 6 do not currently modify the text.

Screen_Shot_2017-11-08_at_9.53.52_AM.png

                 

These headings modify the text in different ways here how they look on the front end:

 form3.png

Additional formatting options 

On Placester’s pages and posts, you have access to a formatting bar that you can use to arrange and set-up your content. The formatting bar is located in the Content section of your pages/posts.

 form6.png

  1. Style tools - Bold, italicize or underline specific text
  2. Ordered list tool - Create numbered or bulleted lists
  3. Indent tool - Indent lines or paragraphs of text

Tools not related to formatting

  • Hyperlink Tool - Hyperlink text and images using this tool. You can learn more about this process here.
  • Image Uploader - Upload images to your page/post with this tool. You can learn more about this process here.
  • Video Uploader - Embed Youtube and/or Vimeo videos to your page/post using this tool. You can learn more about this process here.

     4. Align tool - Align text to the left, right, or center of the page.

     5. Table tool - Add a table to your page

 

Adding a table to your page

A table can be a good way to present useful statistics to potential clients.  In the example below, we have created a chart to display mortgage rates, and highlighted the month with the best rates.

form9.png

You can add a table by selecting the table button and then selecting the size of the table you would like to create. Each box represents a singular field in the table. For example, when creating our Mortgage Rates table above, we would have selected eight boxes across (space, 2012, 2013, 2014, 2015, 2016, 2017, AVG) by seven boxes long (space, Jan, Feb, Mar, Apr, May, Jun).  It is important to note that eight across is the maximum width of the table but you can increase the number of rows down manually by using the Table Wizard.  Note: You can only add text to the cells on the table at this time, adding images will cause a malfunction. 

form10.png

 

Editing your table

When you add your table to the page the table editing tools will appear.

form7.png

  1. Add a table
  2. Table Wizard -  Change the size and color of individual cells or the table as a whole

form8.png

The Table Wizard allows you to change the size and makeup of your table manually.  The most useful tool here is the ability to change the background colors of individual cells to highlight important information.  You can also change the color of the entire table if you would like. To change the color of a cell, select the cell you would like to change, then select "Cell" in the Table Wizard.   Click on  Background.  Select what color you would like from the color chart and click ok when done

form11.png 

You  can do this with all the cells in a row or column if you would like to highlight a certain data set. like the image below.

form9.png

If you would like to change the color of the entire table you can follow the same steps outlined above, just select "Table" on the table wizard.

  1. Add a top row
  2. Add a bottom row
  3. Add a left column
  4. Add a right column
  5. Remove a row (always top row)
  6. Remove a column (always first column)



  

Need more help? 

If you have additional questions about formatting, let our support team know at support@placester.com 

 

Powered by Zendesk