Learn Ghost

Young blogging platform build on tope of node.js for fast loading speed and easy scalability!

• Last Updated: 05/07/2020
• ( 7 minutes reading )

How to create and publish pages in your Ghost blogging platform

Introduction

Before we start explaining how to create pages in your Ghost blog, let’s first talk about what is the difference between a post and a page. 

A page can be considered a subset of the post and is suitable for creating Contact Us or About Us sections on your blog. A post is the primary source of content on your blog. It is typically displayed directly on your blog’s home page and can be easily accessed by your visitors. 

Typically on the Home page of your Ghost blog, you can find links to all of the posts you have published. However, any pages you have added are not visible unless you put a specific link there, that can redirect visitors when clicked. Another significant difference between the two is the fact that a page is not included in any of your feeds.

 

Accessing the Pages Section

To access the page section, please log into your Ghost’s admin dashboard. You can do so by typing your domain name followed by /ghost at the end. For example:

  • ghost.hostarmadatutorials.com/ghost

 

Login page

 

After logging in, please select the “Pages” option in the left-hand sidebar.

 

Access Pages section

 

When selected, all of your pages are displayed in the middle section of the screen. If no pages are currently created, there is a green “Create a new page” button located in the middle, which you can click to start creating your new page.

 

Adding a new page

To add a new page, please click on the “Create a new page” button located in the middle of the page. Alternatively, you can press the “New page” button on the top right corner of the page. 

 

Add new page

 

Upon clicking one of these buttons, you are immediately taken to the “New Page” screen, where in the middle, you should see the “Page Title” Heading.

 

Page Heading Label



Clicking on it allows you to assign a name to your page and, respectively, the main title that is displayed on the page when accessed.

Right underneath, you should see the “Begin writing your page...” section where you should put the content of your brand new page.

 

Add Content to Page

 

If you click on the plus “+” button right before the content field, you can see an additional pop-up window expanding, showing you all the predefined types of content you may add to your page.

 

Content type options

 

Let’s go over all the options inside this pop-up window:

Primary Content

  • Image - Pressing on the “Image” link allows you to upload an image from your computer. In addition to that, you are able to type a caption or alt text for your photo.
  • Markdown - Pressing the “Markdown” link allows you to add a markdown content-box enabling you to change the output format of the text within.
  • HTML - Pressing the “HTML” link allows you to add HTML code and tags to your blog’s new page.
  • Gallery - Pressing the “Gallery” link allows you to create a gallery of multiple images inside your page.
  • Divider - Pressing the “Divider” link lets you set a dividing line, separating the different sections of your page.
  • Bookmark - Pressing the “Bookmark” link allows you to create bookmarks on your page.
  • Email - Presing the “Emails” link allows you to create email cards, letting you personalize the content of your newsletters you sent to your readers.

Embed Content

  • Youtube - Pressing the “Youtube” link allows you to embed videos from YouTube links on your page.
  • Twitter - Pressing the “Twitter” link allows you to embed tweets from Twitter on your page.
  • Instagram - Pressing the “Instagram” link allows you to embed videos, posts, or pictures from Instagram on your page.
  • Unsplash - Pressing the “Unsplash” link allows you to embed high-resolution pictures from Unsplash on your page.
  • Vimeo - Pressing the “Vimeo” link allows you to embed videos from Vimeo on your page.
  • CodePen - Pressing the “CodePen” link allows you to embed custom front-end codes developed by the CodePen social community on your page.
  • Spotify - Pressing the “Spotify” link allows you to embed songs from Spotify on your post.
  • SoundCloud - Pressing the “SoundCloud” link allows you to embed songs from SoundCloud on your page.
  • Other - Pressing the “Other” link allows you to embed whatever content you need from all any kind of third-party websites, as long as this feature is supported on their end.

 

Additional Page Settings

Ghost offers additional settings you can perform for your pages before publishing them on your site. 

 

Additional page settings

 

To use these settings, please click on the cogwheel icon, located on the top right side of the screen, right next to the “Publish” dropdown menu. This opens the “Page Settings” window from the right side of the screen.

Let’s go over all of the settings in the same manner. They are presented within the window.

  • Upload post image - Clicking on this button allows you to add a picture for this page. The picture itself is displayed on top of the page and can serve as an introduction to what the viewers are about to see there.
  • Post URL - Using the text field, you are able to set the URL of the page.
  • Publish date - These two text boxes allow you to set a publishing date and time for your page.
  • Tags - This dropdown menu allows you to select tags for your page, giving it keywords or labels for better search engine visibility.
  • Excerpt - This content box allows you to add a brief description of for page.
  • Authors - This dropdown menu lets you associate this page with a specific author
  • MetaData - This button takes you to a new window, allowing you to add extra content to your page for search engines.
  • Twitter Card - This button takes you to a new window, allowing you to customize the structured data for Twitter shown on your page.
  • Facebook Card - This button takes you to a new window, allowing you to customize your Open Graph data for Facebook.
  • Code Injection - This button takes you to a new window, allowing you to customize the footer and header of your page with different scripts and styles.
  • Feature this page Putting a tick in this checkbox sets this page as “featured”, making it stand out from the rest, emphasizing the fact that it is particularly important for your audience!
  • Delete Page- Clicking this button deletes the page.

 

Publish your new page!

Finally, when you are done with your page, and you want to add it to your site, press the “Publish” dropdown menu located on the top right corner of the page.

 

Publish page

 

You can see two radio buttons. The first one immediately sets the page live when you published it, while the second one allows you to schedule it for later. Upon selecting the desired option, please click the “Publish” button located on the bottom right side of the expanded dropdown menu.

 

Schedule Page publishing

 

You know that it has been successfully published by the notification that shows up on the left side of the screen.

 

Page published notification

 

Clicking on the “View Post” link there takes you directly to your page inside a new browser tab!

 

Congratulations! You have now created and published your first page using the Ghost application! We hope that the information we provided was sufficient, and now you are able to freely operate and create even more interesting pages on your blog.

 

 

...
Sebahat
Content Marketing Specialist

Sebahat is a young and bright woman who has become an invaluable part of our team. She started as a Customer Care Representative, mastering that role and, along the way, growing into a tech-savvy individual who is well acquainted with every support layer of the company. Driven by her aim to improve our customers’ experience constantly, she is committed to enhancing the extraordinary support we deliver.