Videos, the More Tag, Permalinks, and Shortlinks.

Slides:



Advertisements
Similar presentations
Cindy Royal Associate Professor Texas State University facebook.com/cindyroyal linkedin.com/in/cindyroyal Curating Stories with.
Advertisements

PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
Editorial roles Members of a Manila site can be assigned an editorial role if you want to grant them access to write stories or modify the appearance of.
Getting Started with your Course Staff Guide. Turn Editing On Click either the link or the button as below:
Online Collaboration Applications ADE100- Computer Literacy Lecture 28.
Site Modules > Page Builder Access the Page Builder module through the Site Modules top navigation link. Access Page Builder from the Site Modules navigation.
Newsletter Plugin The newsletter plugin allows you to create and send newsletters to a managed list or multiple lists of users. Your users can subscribe.
Blogging Bootcamp Why I actually may want to know what you had for lunch.
How to post to Wordpress Chruton Budd. Click on the Login link.
Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)
PART III – MAKING YOUR BLOG DYNAMIC Adding Polls, Video Bars, Feeds, News Reels, and Cluster Maps. Also, learn how to embed video, audio, and documents.
Introduction to WordPress.com Building an Outreach Page For Your Library Created by John Hanson & Joy Rodowicz.
Review of last session Logon – username = l4luser02 – l4luser16 Logon – username = l4luser02 – l4luser16 Password = Startnow1 Password = Startnow1 Fill.
Wordpress Tutorial 22 – 24 April Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments.
New School Websites Teacher Pages. Visit the SCUSD Website for videos tutorials: For more information.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Creating a Web Page HTML, FrontPage, Word, Composer.
Designing a Classroom Web Site Using NVU Beginning Level.
News Centre 1.1 Logging into the News Centre and creating your release Comms staff/admin.
Review of last Session Adding custom html Adding custom html HTML is the language that web servers understand, all web pages are created using HTML. HTML.
Building and managing class pages on our new Web site School Wires Training.
SRM Community Wiki – User Guide Sign-up Edit a page Insert photo & video and other files Create pages & page menu titles Forum & commenting.
Getting Started Setting a Theme Setting up Pages Making a Menu Adding Video to your Page Setting Up Your Contact Page Extra Website Content.
© 2012 Boise State University1 WordPress Training February 14, 2013.
>To add a component via Page Editor, go to the View tab and check the Designing checkbox to enter Designing mode. >Next, simply click the Component button.
Website Confidence By Andrea Bailey and Nedra Rezinas.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Part 2: How to create blogs In Modified by: Mr Rizal Arbain.
News Centre 1.1 Logging into the News Centre and creating your release LPO direct.
PowerPoint Presentation of Essential Concepts PowerPoint Presentation of Essential Concepts Chalice Tillis LEM 511.
JUX 1 12/26/2012 JUX Creating in Jux allows you to present your images, captions, text, blogs, etc. in a creative format. Create an Account Login at
1. 2 Introductions  Name?  What do you want to get out of this session?  To follow along with this presentation go to
A Basic Guide to Using Wikispaces Jeff Rew TEDU 673.
Websites with Weebly are easy!. Easy Website Creation with Weebly Holly Frilot, Library Media Specialist Collins Hill High School, Suwanee, GA.
Foxbright – Smarter Education Websiteswww.foxbright.com Foxbright Training Foxbright Teacher Pages
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
A STUDENT’S GUIDE TO ADDING IMAGES TO NEW OR EXISTING BLOG POSTS Adding Images to Your Blog Post Presented by Michelle Krummel.
 To begin you first need to sign up to Weebly by going to or alternatively and we will create an account.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Creating Google Sites Laura Assem, Director of Technology.
Create the cover page by inserting clip art, WordArt, and text. Triple-click and enter your name here. Do not press the delete key! Triple-click and enter.
Creating Webpages. Today’s Topics Embed video Embed music More text formatting Wordpress.
January 2006Colby College ITS Setting Up Course Pages.
How to create blogs In. Register Click on If you have a Google account(i.e. Gmail), then sign in with your username.
Tech Training 12/16/19 How to add a post How to edit a post How to add & assign a category How to add tags.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
Creating and Editing a Web Page
WordPress for Beginners February 2, 2014 Facebook.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Develop Your Web Presence Using WEEBLY TECHNO DRAGON PD | WEEBLY.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Embedding a Video, Image or Other Content Another way to add video or other content into your pages is through embedding. A popular example of this is.
Creating Web Pages with Links, Images, and Embedded Style Sheets
TITLE ClubRunner for Webmasters & Editors Home Page Stories, Site Pages Events and Speakers Communications and eBulletins.
How to create a website from scratch.  You should have an internet access.  Visit  You need to create a new account OR.
© Ms. Masihi.  A Web page contains text and images that convey specific information to viewers.  To create a new web page, open Dreamweaver and select.
 Open the course to add an online class  Click on Add a Page (left side)  Type in a name  Click on Create  Click on the Content Tab  Click on Add.
Group work Create your Wiki with Wikispaces.com.
Getting an account with WordPress.com
Using Blogs in Your Classroom: Stimulating Students to
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
Part III – Making Your Blog Dynamic
Basic WordPress Blog Mandy Webster, M.S., M.A. –.
Web Page Design ICT Ms. McGrew.
Understanding WordPress
Setting up a WordPress Site
Setting up a WordPress Site
Consult America Technology Consulting Services
Presentation transcript:

Videos, the More Tag, Permalinks, and Shortlinks

Adding a YouTube Video (Part 1): To add a YouTube video, all we need to do is copy the URL from the address bar at the top of the browser. YouTube is by far the most popular video site, but WordPress.com also allows us to embed videos from other sites, such as Flickr, Vimeo, and Viddler. Besides adding images, one of the most effective ways to liven up our blog is to add videos. The free version of WordPress.com does not allow direct uploading of our own videos.

Adding a YouTube Video (Part 2): Let’s publish this post and see how it looks now on our live site. We can now paste the URL directly into our post, where we want the video to appear. WordPress will automatically convert this URL into a video player window for us.

Our New Post: The width and height of the video player can be adjusted, and several other features can be customized. If you would like to learn how, ask your instructor for additional resources. The post looks great and WordPress converted the URL into a playable video window, just like we wanted. For now, we are going to move on to a new concept: the More tag.

Introducing the More Tag: There is nothing technically wrong with this, but notice how the post takes up the entire page, and there’s no room left on the screen for other posts, unless we scroll down a lot. Let’s say we just published a new post. This is what the home page of our blog now looks like. By using the More tag, we can create a “teaser” to entice the reader to continue reading.

How to Insert the More Tag: A visible demarcation will be placed in our edit screen to show where the More break is located. This can be clicked and dragged to another place on the page, or we can delete it and insert a new one. To use the More tag, place the cursor in the appropriate location on the page and then click the “Insert More Tag” icon in the main toolbar.

The More Tag on Our Site: Also, now that we have shortened the screen space used by our new post, the previous post is much more prominent. Now when we go to our home page, we can see the “teaser” effect we created. The opening lines promise a list of movies, but the reader has to click the link to see the list. One additional benefit from using the More tag is that we can get a more accurate idea of how many people are reading our posts. This will be covered later, when we check our blog’s statistics. We are not stuck with the “Continue reading” wording. Next, we will see how to customize the wording for our More tags.

Viewing the HTML of a Post: Let’s click over to the HTML tab and view the actual code. Up to now, we have been working exclusively in the Visual Editor, which hides the HTML code from us and shows our content as formatted. Notice that we can now view the HTML formatting codes, such as italics ( ) and bold ( ). We can add our own HTML code in this screen, if we need that level of control over how our page looks. Here is the code that WordPress uses to create the More link. If we want to change the default “Continue reading” to something else, we edit it like this:

The More Tag with Custom Text: After saving the change and updating the page, we can go back to our live site and confirm that it worked as expected. Let’s move on to discuss two new topics: Permalinks and Shortlinks.

What is a Permalink? This full URL is the post’s Permalink. When readers bookmark our page or send the page link to a friend, it is this URL that will be used. On our live site, each of our posts has a unique (to the entire internet) URL, which is visible in the address window. The Permalink is automatically created by WordPress when we first save a new post. But what if we want to change it later? The format of the permalink is:.wordpress.com/ / / / Only the portion can be modified.

Modifying a Permalink: Another good reason to edit the Permalink is when our title is long, as in the case of this post, resulting in a long and unwieldy URL. WordPress creates the Permalink from the first post title we enter. If we later change that title, we would need to modify the Permalink ourselves. To edit the Permalink, we click on the Edit button and manually edit the text field that shows. Click the OK button when you are finished editing the Permalink, but remember that the change will not be applied until we click the Update button.

Confirming the new Permalink: Viewing the live post again, we can see our change. The new URL is much more reasonable. We needn’t worry about any readers who previously bookmarked or ed the original link to friends. WordPress will automatically redirect them to the new URL. As blog owners, though, we are not required to use these long URLs. If we wish to post a link to our site somewhere else on the web, or just send a link to a friend, we can use a Shortlink.

Using the Shortlink Feature: To access the Shortlink for a particular post, just click on the Get Shortlink button. We can now use this shorter URL when posting to social media sites or sending a link via . The URL will automatically redirect to this specific post on our site.