WordPress Pages and Posts

WordPress Pages and Posts esembrat3

This page details all topics of guides for pages and posts.


Pages and Posts Sub-Topics

What Are Pages?

What Are Pages? esembrat3

Courtesy of Wordpress.org:

In WordPress, you can write either posts or Pages. Pages are for content such as "About," "Contact," etc. Pages live outside of the normal blog chronology, and are often used to present timeless information about yourself or your site -- information that is always applicable. You can use Pages to organize and manage any content.

In addition to the generally required "About" and "Contact" Pages, other examples of common pages include Copyright, Disclosure, Legal Information, Reprint Permissions, Company Information, and Accessibility Statement.

What Are Posts?

What Are Posts? esembrat3

Courtesy of Wordpress.org:

Posts are entries that display in reverse order on your home page. Posts usually have comments fields beneath them and are included in your site's RSS feed.

Upload Media & Files

Upload Media & Files
Category
esembrat3

Uploading files can be accomplished through the WordPress interface. No FTP access should be needed.

Note

Content on this page is derived from the Wordpress.org documentation on Uploading Files.

Upload Files

The Administrative Dashboard lets you upload files in the following ways:

File Format Support

WordPress supports uploading the following file types:

Images

  • .jpg
  • .jpeg
  • .png
  • .gif
  • .ico
  • .svg

Documents

  • .pdf (Portable Document Format; Adobe Acrobat)
  • .doc, .docx (Microsoft Word Document)
  • .ppt, .pptx, .pps, .ppsx (Microsoft PowerPoint Presentation)
  • .odt (OpenDocument Text Document)
  • .xls, .xlsx (Microsoft Excel Document)
  • .psd (Adobe Photoshop Document)

Audio

  • .mp3
  • .m4a
  • .ogg
  • .wav

Sites @ Georgia Tech may not permit large file uploads. 

Video Uploading

We strongly recommend against uploading videos directly through Sites @ Georgia Tech. Instead, upload your videos through MediaSpace, YouTube, Vimeo, or another video streaming service.

To Upload a File in a Post/Page

  1. On the Dashboard menu, click Posts or Pages, and then click Add New to display the "Add New Post/Page" page.
  2. On the Upload/Insert menu, click the icon for the type of file you want to upload and the "Add media files from your computer" page will appear.
  3. Click the Select Files button.
  4. In the dialog box, select the file you want to upload. 
    To select multiple files, hold down the SHIFT key (for PC users) or the COMMAND key (for Macintosh users).
  5. Click Open.
  6. When your file uploads, a field appears. At the bottom of the field, click the Insert into Post button.

Note: If you are having problems uploading files with the default Flash uploader, you may want to use the Browser uploader instead.

To Upload a File for Later Use

  1. On the Dashboard menu, click Media and then click Add New to display the "Upload New Media" page.
  2. Click the Select Files button to open a dialog box.
  3. In the dialog box, select the file you want to upload. 
    To select multiple files, hold down the SHIFT key (for PC users) or the COMMAND key (for Macintosh users).
  4. Click the Open button.
  5. When the upload is complete, a field with your file details appears. Below the field, click Save all changes.

Note: If the file does not open, then the file type is not supported, the chosen format may not match the file’s true format or the file may be damaged.

Embed External Media in WordPress

Embed External Media in WordPress esembrat3

WordPress allows you to embed a number of social services into posts and pages automatically.

All Embed Services

For all embed services supported by WordPress, see the WordPress documentation.

Embed a YouTube Clip

To embed a YouTube clip, simply paste the URL where you would like the video to go.

  • e.g. https://www.youtube.com/watch?v=udAL48P5NJU

WordPress will convert the URL into a YouTube box. Once that is completed, you can then re-align the box to be formatted with or around text.

Embed a Tweet

To embed a tweet from Twitter, simply paste the URL of the specific tweet where you would like the video to go.

  • e.g. https://twitter.com/SpaceX/status/556131313905070081

WordPress will convert the URL into a Twitter tweet box. Once that is completed, you can then re-align the box to be formatted with or around text.

Embed a Vine

To embed a Vine clip, simply paste the URL where you would like the video to go.

  • e.g. https://vine.co/v/OjqeYWWpVWK

WordPress will convert the URL into a Vine video. Once that is completed, you can then re-align the box to be formatted with or around text.

Embed Instagram Media

To embed a Instagram photo or video, simply paste the URL where you would like the media to go.

  • e.g. http://instagram.com/p/x7HY1WkcH8

WordPress will convert the URL into an Instagram video/photo box. Once that is completed, you can then re-align the box to be formatted with or around text.

Embed Flickr Media

To embed a Flickr photo or video, simply paste the URL where you would like the media to go.

  • e.g. https://www.flickr.com/photos/georgiatech/15840996510/in/set-72157649357941487

WordPress will convert the URL into a Flickr video/photo box. Once that is completed, you can then re-align the box to be formatted with or around text.

Embed a Meetup Event

To embed a Meetup event, simply paste the URL where you would like the event information to go.

  • e.g. http://www.meetup.com/drupalatlanta/events/219069764/

WordPress will convert the URL into a Meetup event box. Once that is completed, you can then re-align the box to be formatted with or around text.

Embed a Vimeo Video

To embed a Viemo video, simply paste the URL where you would like the video to go.

  • e.g. http://vimeo.com/83455083

WordPress will convert the URL into a Vimeo video box. Once that is completed, you can then re-align the box to be formatted with or around text.


Embed External Media Sub-Topics

Google Docs Embeds

Google Docs Embeds
Category
esembrat3

Sites @ Georgia Tech has not found an appropriate plugin that allows for safe and easy-to-use Google Docs embeds. 

Obtain Embed Code

To use a Google Doc in your WordPress page, please obtain the embed code from the Google Document. Documentation on how to complete this process can be found on WordPress's knowledge base.

  1. Use the above link to copy the embed code.
  2. Edit the page or post where you would like the embedded content to go.
  3. From the 'Edit Page/Create Page' screen, click the 'Text' tab to enter the HTML view.
  4. Paste the embed code at the bottom of the HTML code shown in the 'Text' tab.
  5. Return to the 'Visual' tab.
  6. Save the content.

Media Embeds

Media Embeds
Category
esembrat3

WordPress has built-in embedding support for various media services.

Note that this content is derived from the Wordpress.org article on Embeds.

What is Embedding?

Embedding allows you to paste a URL from a media service, which is then converted into the proper code for placing into a webpage.

As an example, pasting a YouTube URL into a post or page causes WordPress to convert that URL into the proper YouTube player on your page.

Embedding Services

ServiceEmbed TypeSince 
AnimotoVideosWordPress 4.0 
BlipVideosWordPress 2.9 
CollegeHumorVideosWordPress 4.0 
DailyMotionVideosWordPress 2.9 
EmbedArticlesVariousWordPress 3.9 
FlickrVideos & ImagesWordPress 2.9 
FunnyOrDie.comVideosWordPress 3.0 
HuluVideosWordPress 2.9 
ImgurImagesWordPress 3.9 
InstagramImagesWordPress 3.5 
iSnareArticlesWordPress 2.9 
IssuuDocumentsWordPress 4.0 
KickstarterProjectsWordPress 4.2 
Meetup.comVariousWordPress 3.9 
MixcloudMusicWordPress 4.0 
PhotobucketImagesWordPress 2.9 
PollDaddyPolls & SurveysWordPress 3.0 
ScribdDocumentsWordPress 2.9 
SlideSharePresentation slideshowsWordPress 3.5 
SmugMugVariousWordPress 3.0 
SoundCloudMusicWordPress 3.5 
SpotifyMusicWordPress 3.6 
TEDVideosWordPress 4.0 
TumblrVariousWordPress 4.2 
TwitterSocial mediaWordPress 3.4 
VimeoVideosWordPress 2.9 
VineVideosWordPress 4.1 
WordPress.tvVideosWordPress 2.9 
YouTubeVideosWordPress 2.9 

How to Use Embed

To embed a video or another object into a post or page, place its URL into the content area. Make sure the URL is on its own line and not hyperlinked (clickable when viewing the post).

Content Privacy

Content Privacy esembrat3

To change the privacy of the content, follow the directions below.

Privacy

To change a post or page to be private or password protected, please follow the directions provided by WordPress:

  1. Visibility for posts and Pages is set from the Edit screen. The option is available under the "Publish" option normally found at the top-right of the Edit screen. The screenshot below shows the interface, with the relevant section highlighted in the red rectangle.

  2. The default state for post and Page visibility is Public. Public visibility means that the content will be visible to the outside world as soon as it is published.

  3. By clicking on the edit link next to Visibility: Public in the Publish options, you can choose from an expanded selection of visibility options.

Content URLs

Content URLs esembrat3

You can easily change the URL of your pages and posts.

Note

Content below courtesy of Wordpress.org's page on Pages.

URLs of Your Pages

WordPress will automatically create a URL part ('slug') for your page as soon as you complete the name of the page/post title. 

Changing the URL of Your Pages

To change the URL part (also referred to as 'slug') containing the name of your Page, use the 'Edit' button under the Page title on the Edit screen of the particular Page, accessible from Pages tab of WordPress Administration Panel.

Create Posts/Pages

Create Posts/Pages esembrat3

To create a post/page:

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the 'Posts' or 'Pages' tab.
  3. Click the 'Add New' sub-tab.
  4. Start filling in the blanks: enter your post title in the upper field, and enter your post body content in the main post editing box below it.
  5. As needed, select a category, add tags, and make other selections from the sections below the post. (Each of these sections is explained below.)
  6. When you are ready, click Publish.

Creating Teaser for Post

Creating Teaser for Post esembrat3

To create a teaser or a preview for your post for display on the blog page, follow the directions below.

Process

  1. Edit the post you would like to trim down.
  2. Locate the area on the story you would like to place the 'Read More' on.
  3. From the editor box, select 'Insert "Read More" tag'.
  4. Save your post.

Edit Posts/Pages

Edit Posts/Pages esembrat3

To edit a post or page:

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the 'Posts' or 'Pages' tab.
  3. Click the 'List' sub-tab.
  4. From the table list, select which post or page you would like to edit.

Subpages

Subpages esembrat3

Subpages allow pages to exist as child-pages of another page.

Create a Subpage

  1. Go to Administration > Pages > Add New panel.
  2. In the right menu, click the "Page Parent" drop-down menu. The drop-down menu contains a list of all the Pages already created for your site.
  3. Select the appropriate parent Page from the drop-down menu to make the current Page a child Page.
  4. Add content to the subpage.
  5. Click Publish when ready.

When your Pages are listed, the Child Page will be nested under the Parent Page. The Permalinks of your Pages will also reflect this Page hierarchy.

In the above example, the Permalink for the Cameroon Page would be:

http://example.com/africa/cameroon/