WordPress Content

Content is the most important part of any website. It is everything from the contact page to the GIF used in a blog post.  It is incredibly easy to put content on a WordPress site through pages and posts. Text, pictures, videos, music, links, and anything else that someone can put on a website are able to be effortlessly uploaded and added to a WordPress blog through the text editors of posts and pages. The easiest methods for putting different types of content onto your blog site are given below.

Email commons@georgetown.edu if there is anything not written here that you would like to know about!

Text Box Toolbar

Text Tab vs. Visual Tab

When writing text for a post or page, there is a text box given to the user. There are two options given to them above the toolbar: Visual (the default) and Text.

Visual looks and acts like the typical word processor with the icons on the toolbar assisting as they would in a normal text editor.

The Text tab allows user to write their post in HTML and therefore gives fewer toolbar and formatting options. This option should only be used by people who have experience coding with HTML.

Toolbar Toggle

To view more basic text box operations, there is a toolbar toggle button. It is at the far right side of the top row of the toolbar. Press this button to reveal a second row of abilities including underlining, text color, text size, indentation and more.

Screen Shot 2016-09-20 at 12.30.42 PM
Screen Shot 2016-09-23 at 11.16.03 AM

Media Library

The Media Library stores all of the files that you upload to your blog site from your own hard drive so that you can use these files as many times as you want. The library includes photos, videos, audio and documents (i.e. .doc and .ppt).

Usually these files will be uploaded to the library via post or page, but they can also be uploaded directly to the library via the Dashboard. Go to "Media" - "Add New".

Through the Media Library you are also able to view, edit, and delete any of the files that you have uploaded to the blog. There is a search bar that will allow you to find whatever media you are looking for by name.

Photos

While you're writing a post or page, adding a photo is simple. First, position the text cursor in the editing box where you'd like to place your photo. Beneath the input box for your title, you will see an "Add Media" button. Clicking on this button will bring up a window where you can select a file from your computer to upload.

Another way is to upload the photo from a URL. After clicking the "Add Media" button, there will be an option at the bottom of the sidebar that reads "Upload from URL". Click this button. Paste the URL of the photo into the given text box. Make sure that the URL ends in a photo file format (.jpg, .png, etc). The picture will not be in your Media Library if uploaded from a URL.

Once the file has uploaded, you will automatically have the ability to change the title of the item (and add a caption to your photo upload) as well as a description and more.

To do so, click on the image in your editing box and select the left button, an icon of a photograph. You will be given a variety of options for changing the photo's properties.

Keep in mind that the maximum upload size for a single picture is 25MB.

Videos

Embedding a YouTube, Vimeo, or other web-hosted video in your blog is easy. First, open a new or existing post. Copy the full URL of the video you want to embed. Paste it into the text box where you want the video to appear. If you are using the visual editor, the video should appear immediately. Save or publish the page.

These instructions apply to YouTube, Vimeo, and TED videos. These videos will not show up in your Media Library.

There are two ways to upload video that you can view in your library. One is through the "Add New" button in the Media Library. The other way is the "Add Media" button on the editor page for a post or page. This way allows you to add a video that is on your hard drive instead of on a video sharing website.

Audio

For an audio file stored on your hard drive, go to the "Edit Post" page, and click "Add Media", then click "Upload Files." From here, you can either click and drag the file into the upload window, or click "Select Files" to open your Finder window and select the audio file. This media file will be available in your media library.

For audio from an online source (such as SoundCloud), find the embed code provided by the site. If no "Share" button appears with the audio, it may not be allowed to share it on other sites. When you find the embed code, copy the HTML, and paste it into the Text editor. The code will appear as an audio player when your post is published.

The appearance of the audio player will depend upon the source of the audio.

Documents

Documents from your hard drive can be uploaded to your WordPress site just like the other media. The two ways are either through the Media Library with the "Add New" button or through the editing screen of a page or post with the "Add Media" button.

Once the file has uploaded, you will automatically have the ability to change the title of the item (and add a caption to your photo upload) as well as a description and more. Make sure that the "Link URL" field is filled. If there is nothing in the field, click the "File URL" or "Post URL" button beneath it. A file URL provides a link directly to the file, whereas a post URL creates a new page within the blog which contains the link for the document. Once the "Link URL" field is filled, click "Insert into Post".

Unfortunately when the file is added to a page or a post, the file will only be seen as a link on the screen for other users to download for themselves. PDFs will not have to be downloaded. They will open in a separate window or tab.

To have the file contents be seen on the site, the only way is to copy and paste it into the text editor. Be aware that the formatting from the word processor can lead to formatting issues in WordPress. If you have text from a word processing program that you want to paste into your blog, please consider using any of these options.

  • Use a basic word processing program like TextEdit (on Mac) or Notepad (on Windows) to convert text to plain text before pasting it into your blog.
  • Click the icon of a clipboard with "T" and paste your text in the box that appears. This will strip the formatting.
  • Click the icon of a clipboard with "W" and paste your Word document text in the box that appears. This removes most of the formatting on Word documents.

Google Maps

Recently it has gotten much easier to embed a simple non-custom Google Map into either a blog post or into the sidebar. Both ways begin the same.

Go to maps.google.com and type in the location or address you wish to share. In the bottom right corner of the map page, click the small gear icon. Click "Share or embed map," then click "Embed map." Copy the embed code.

On your blog, open a New Post, or Text Widget, depending on where you want to display the map. For a post, paste the embed code into the text editor (not the visual editor) just like an audio file, and save the post. For a widget, paste the code into a the Custom Text widget and save.

This may not work on the Georgetown Commons.

These maps will not show up in the Media Library.

Go to Plugins to learn more about the WP Google Maps plugin for customized maps that will show up in their own Map Library.

Adding Links

Adding Hyperlinks in Text

To add a hyperlink to a URL, simply highlight the text you would like to have appear as a link and click the chain-link icon above the editing box. Paste in the URL to which you would like to link. An "http://" is already included by default in the URL box; be sure you do not duplicate it. Click "Insert" or the blue button. You should see your new link appearing in blue/underlined. The link will be active when you update the page and access it from the public side of the blog.

Add_link_to_text
Appearance_button

Adding Sidebar Links

To add a link, go to the Dashboard and click "Appearance" - "Menus".

Name your menu, then click, "Create Menu". This will create the heading under which links can appear in your sidebar. When your menu has been created, the "Custom Links" box becomes editable. Add your link here: type or copy/paste the desired URL, and label it as you wish it to appear on your site. Click "Add to Menu". You can add multiple links if necessary. When you have added the necessary link(s), click "Save Menu".

Now add the menu to your sidebar.

Click "Appearance" - "Widgets". Find the "Custom Menus" widget, and drag it to the "Main Sidebar" on the right. A box will appear where you can drop the widget. From the drop-down list, choose the menu you want to display, and type the name as you wish it to appear above the links. Click "Save". Return to your site to verify that your new links menu now appears in your sidebar.

Related Topics:

WordPress Page        WordPress Post         WordPress Themes         WordPress Plugins