Pages & Posts

The Pages and Posts editors are similar to word processors, like Microsoft Word, but with enhanced formatting for web pages.

Tools on a Page or Post

  1. Click on the section name in the sidebar, either “Pages” or “Posts”.
  2. On the page you see a list of all the pages in that section. You can use the search or scan the list for the page you want to update.
  1. Move your cursor over that page you want to edit, and additional options will appear. Click on “Edit” or the name of the page to edit.
  1. On the edit screen you can see the main content of your page, along with toolbars and sidebar to control and format your content. The content is grouped into single “blocks”. For instance, each paragraph and heading is an individual block.

Edit a Page or Post

Add additional text

  1. Place your cursor into the spot you want to add additional text and type or paste the desired text.
  1. Hit enter to create a new paragraph, this creates a new paragraph block. Click backspace to bring the sentence into one paragraph block.

Change block type

  1. Place your cursor in the block you want to change. In the block formatting bar, see the symbol for the block type (in this case it is a paragraph block).
  1. Hover over the symbol and it will show the tool tip “Change block type or style”.
  1. Click the symbol and see available block types.
  1. Click the desired block type. The type will automatically format for the specific block.
  1. In the toolbar, click the “Update” button to save changes.

Add a new block

  1. Click on the “+” sign in the upper left of the toolbar, or hover over the top edge of an existing block and click on the “+” sign.
  1. The dialogue shows the types of blocks you can choose, or scroll the list for the desired block type, or use the search field.
  1. Click on the desired block type to create a new block. Here are the main block types to choose from:

Delete a block

  1. In the block formatting bar, click on the 3 vertical dots. Scroll down to the bottom and click “Remove Block”.
  1. In the toolbar, click the “Update” button to save changes.

Add/Edit a website hyperlink or email address

  1. Highlight the text you want to turn into a hyperlink. Click the “Add Link” icon in the block formatting bar.
  1. A field appears below the highlighted text. There are two ways to add a link:
    1. Paste the URL for the link into the field. Click the arrow on the right to create the link.


    1. Or type a word to search for a page on your website. Click the name of the page to select the page. Click the arrow on the right to create the link.


  2. If linking an email address, enter the email in the field and place “mailto:” in front of the email address. Click the arrow on the right to create the link.
  1. If you want the link to open a new window/tab, click on the down arrow at the far right, and 3 options will appear. Click the “Open in a New Tab” option.
  1. To edit the link, place the cursor in the link, and click the pencil icon.
  1. To remove the link, place the cursor in the link, and click the “unlink” button.
  1. In the toolbar, click the “Update” button to save changes.

Add a photo

  1. Above the paragraph block you want to place an image, hover and click the “+” button, and select an image block.
  1. Click “Upload”. Find the desired image on your computer and click “Open”.
  2. The image is placed into the page. Click and hold on the blue dots to resize the image to the desired size, or use the “Image Dimensions” section in the right column.
  1. Align the photo as desired by using the left, center, and right alignment buttons in the block formatting bar above the image. Center align will not have any text on the sides of the image. Left or right align will allow some type to run along side the image.
  1. Add a caption, if desired.
  1. In the toolbar, click the “Update” button to save changes.

Add a button

  1. Click on the “+” sign in the upper left of the toolbar, or hover over the top edge of an existing block and click on the “+” sign. Select the “Buttons” block. A new block will appear with a cursor in a button and the block formatting bar above it.
  1. Type the text for the button inside the button.
  1. To align your button to the left, center, or right, click to the white space to the right of the button for the block formatting bar to align the button.
  1. To link your button to a page, click on the button text, and click the “link” button in the block formatting bar. The URL field works just like the URL field for links. You can paste in a URL, or type and select an existing page on your site.
  1. In the toolbar, click the “Update” button to save changes.

Embed a video

  1. Click on the “+” sign in the upper left of the toolbar, or hover over the top edge of an existing block and click on the “+” sign.
  2. The dialogue shows the types of blocks you can choose, or scroll the list for the desired block type, or type “Video” into the search field to show all available video block types.
  1. Click “YouTube” or “Vimeo” to create a new block and a new field appears.
  1. Find the desired video on YouTube or Vimeo, select and copy the contents of the URL field.
  1. Paste the URL into the embed field, and click “Embed”.
  2. In the toolbar, click the “Update” button to save changes.

Preview changes and update Page or Post

In the upper right portion of the page is a row with a “Preview” text and “Update” buttons. Click the “Preview” text to preview any changes you made to the page.

Click “Update” to save any changes. If you leave the page before clicking “Update” your changes will be lost.

Create a New Page or Post

  1. Click on the section name in the sidebar, either “Pages” or “Posts”. Click “Add New”.
  1. In the “Add title” field, type your title. This will be the name of the page/post.
  1. Add desired text under the title. You can type it directly into the page/post, or copy and paste it from an existing text document.
  2. Format the text using the desired block types.
  1. Click the checkbox next to a category name to assign a category to the post or page. To add a new category, click the “Add New Category” link. Enter the new category name into the field and click the “Add New Category” button. To remove a category, uncheck the checkbox.
  2. Add any desired tags to the post or page. Type the tag desired, and enter a comma after the word to turn it into a tag. To remove a tag, click the “x” at the end of the tag.
  1. To save your work, click “Save Draft”. You can preview your work by clicking “Preview”.
  1. When the page is ready to be published on the live website, click the “Publish…” button. When prompted with “Are you ready to publish?”, click “Publish”.
  1. If you want the page/post to go live at a later date/time, click the word “Immediately” after “Publish”. New fields appear for you to enter the date and time you want the post to go live on the website. Once you have selected the proper date and time, click “Schedule”.

Make Page for Logged-In Users Only

You can make a page restrict the content for logged-in users only:

  1. Click on the “+” sign in the upper left of the toolbar, or hover over the top edge of an existing block and click on the “+” sign and select the “shortcode” block.
  1. Add five (5) shortcode blocks, as shown. You can copy/paste the 5 shortcode snippets below.
    [wppb-restrict]
    [/wppb-restrict]
    [pms-restrict display_to="not_logged_in" message=" "]
    [wppb-login]
    [/pms-restrict]
  1. Between the first two shortcode blocks, add any text, bullets, lists, and that you only want available to logged-in users. (See note below.)
  1. If you want the content visible to only certain logged-in users, you can use a slightly different shortcode at the start of the page. You can make a page only visible to teachers and your PTO/PTA/PTSO admins. You can also make a page only visible to your admin.

Visible to teachers and PTO/PTA/PTSO admins:

[wppb-restrict user_roles="teacher"]

Visible to PTO/PTA/PTSO admins:

[wppb-restrict user_roles="ptoadmin"] 

Note for content inside restricted areas

Any text and headlines you place in the restricted section will be hidden from view from others. However, any content uploaded to the media library (photos, graphics, Word documents, pdfs, etc.) are not secure and can potentially be viewed by users not logged in. Do not to upload sensitive info to the media library.

If you need a secure location for sensitive documents, sign up for a Dropbox account or Google account. Both have free storage space with a basic account that you can confidently secure documents and files for only certain audiences.

How to create a file link from Dropbox

  1. Log into your Dropbox account and find the file you want to link.
  2. Click the “Share” button, and click “Create Link”.
  3. Copy the link created, and paste into your page as a link.

How to create a file link from Google

  1. Log into your Google Account and find the file you want to link.
  2. Right click on the file, and select “Get Link” in the menu.
  3. Click “Copy Link”, and paste the link into the page as a link.

Unpublish a Page or Post

If you want to remove a Page or Post from the live site and save it as a draft for later use:

  1. On the edit screen of your Page or Post, in the toolbar, click “Switch to Draft”.
  1. In the pop-up prompt, click “OK”. Your Page or Post is now no longer visible on the live website. (See note below.)

Delete a Page or Post

If you want to permanently delete a Page or Post:

  1. On the page or post list, find the page/post you want to delete. Hover over it and click “Trash”.
  1. Above the list of pages, find the “All” page list, and click on “Trash”. Click on the “Bulk Actions” dropdown and select “Delete Permanently”. Click “Apply” to save your changes. (See note below.)

Note for unpublishing or deleting pages/posts

If you have this page linked in the menu or page on your live website, the link will still exist on the live website. You need to remove the link from that menu or page so visitors don’t click the link and go to a “page not found”.

Was this page helpful?