1. From the WordPress post or page editor, select the text that you want be hyperlinked.
2. Once you have that text selected, click the hyperlink button in the toolbar.
3. This will bring up a box where you can enter the URL of your hyperlink and a title to be displayed on hover. You can also click this checkbox to open the link in a new tab.
4. If you’d rather link to existing content on your website, just click to expand this section. Now you’ll see a search bar to search your site and a list of existing posts or pages. Clicking on one of the items in the list will change the hyperlink URL above.
5. Once you have your hyperlink URL ready to go, click the Add Link button. Now your selected text will have a link.
6. To remove the link, select your text again and click the unlink button. Now you’ll see that your link has been removed.
Adding Images in WordPress
1. Determine where you’d like to insert your image in your post.
2. Above the Post editor toolbar, you’ll see an Add Media button. Click the Add Media button and you’ll see the Insert Media box.
3. Your WordPress site uses a media library to store all of your media like images and videos. From this box, you can choose to either upload a new file or use an existing file in from the media library. To upload an image, click the Select files button. Find the image you’d like to use and click open.
4. Now that your image has been uploaded, you’ll see it has been added to the media library. On the right side of this box, you’ll see the attachment details for this page. Here you can change the Title, Caption, Alt text and Description. You can also choose the alignment of the image (such as center, left or right), where the inserted image should link to, the actual URL of the image and the size of the image.
5. Make sure the image has a checkbox and click the Insert into post button. Now you’ll see your image has been added to your post.
6. If you click on this image, you should see two boxes appear in the upper lefthand corner of the image. The first is the image icon. If you click that icon, you’ll now see another box open for editing the details of the image. Here you can change the size of the image based on percentages (which can be a handy tool for resizing) or you can update the title, alternative text, the caption and link URL. You can also select this image to link nowhere, or to link to the actual image file.
7. If you click the advanced settings tab, you’ll see the URL of where the image file is hosted on your site, the actual width and height of the image in pixels, the Cascading Style Sheets (CSS) is a standard (or language) that describes the formatting of markup language pages. CSS defines formatting for the following document types: HyperText Markup Language (HTML) Extensible HyperText Markup Language (XHTML) Extensible Markup Language (XML) Scalable Vector Graphic (SVG) XML User Interface Language (XUL) CSS enables developers to separate content and visual elements for greater page control… Class, styles and image properties that add padding around the image.
8. Return to the image in your post. The next icon in the upper left corner will delete the image out of the post.
9. If you click the Add Media button again, you’ll see the same insert media box. On the left side of this box, you’ll see options to create a gallery and set the featured image. Once you have more images in our media library, you’ll be able to add an entire gallery of images into the post.
The featured image of the post is sometimes used by your Fundamentally, the WordPress Theme system is a way to “skin” your weblog. Yet, it is more than just a “skin.” Skinning your site implies that only the design is changed. WordPress Themes can provide much more control over the look and presentation of the material on your website. A WordPress Theme is a collection of files that work together to produce a…. Go ahead and choose this image as our featured image and return back to the post editor. Now, you can preview the post and see that our image has been added.
Tasks to Complete
- Complete all available resources found in lesson resources.
- Read all content on this page.
- Follow any links and review all contents.
- There are no assignments associated with this section of the lesson that must be submitted.