WORDPRESS Lesson 02.02 WordPress Editor WordPress Editor WordPress - - PowerPoint PPT Presentation
WORDPRESS Lesson 02.02 WordPress Editor WordPress Editor WordPress uses a simple HTML editor that allows users to create and update content for blog posts, pages, comments, and other content types that require a rich editing environment.
Lesson 02.02 – WordPress Editor
WordPress uses a simple HTML editor that allows users to create and update content for blog posts, pages, comments, and other content types that require a rich editing environment. Overall, if you’re familiar with word-processing software such as Microsoft Word or Apple’s Pages, then you are well on your way to understanding the WordPress editor.
The standard toolbar that appears within the editor contains the following options:
The two tabs, "Visual" and "Text" allow you to toggle between working with your content visually (much like a word processor), and using HTML mode (much like a developer would). The "Add Media" icon
Here is the expanded version of the toolbar, showing all options available for the visual mode of the editor.
The additional "Kitchen Sink" options include:
You can add your content directly into the editor, or copy and paste content from web pages, text files, or word processing documents. Note that it’s possible to bring in unwanted formatting when copying and pasting, so be sure to check your work often to make sure that the correct fonts and sizes, and colors are being used. When pasting from word processing files, such as Microsoft Word, be sure to use the Paste from Word
While working with the editor, keep the following in mind:
exact "WYSIWYG" (what you see is what you get) environment. How content is displayed on your public site is largely dependent on the theme you've chosen for your web site.
need this feature. Font settings for your site are determined by your theme. Additional "overrides" can be created by setting up your own style sheets.
this is on purpose. Tables cause all kinds of problems for layouts and search engines. You will not miss the feature, but if you absolutely must use a table, one can be pasted into the editor, or created directly in the Text mode.
when editing content using the Text tab (HTML) is more efficient or convenient than editing it visually.
You can upload image, video, or other type of files using the editor, or the Media Library feature in WordPress. While in the editor, position the cursor at the place where you'd like to add an image (or other file type), and click on the "Add Media" option (upper left corner of the editor).
You are able to upload multiple files at the same time using the feature. Simply drag-and-drop files
Other options include:
the site.
as part of the header of each post you create.
After uploading one or more images, you are able to insert them into your post. Note the various
With the image selected, you are able to set it's size, determine what it links to (if anything), align it within the page (left, right, or center). You can also set it's title, alternate text (alt text), caption and
Here's an example of an image inserted into a page (or post). The image is left-aligned, and has a caption of "The road ahead!".
When the image is selected (click on it), two options appear – the first allows you to modify the image properties, while the second allows you to remove the image entirely.
You can use the Image Properties (Edit Image) tab to re-align the image to your liking, change the title, alternate text, caption or link URL, as well as set the image size to a percentage of what it currently is.
The second tab (Advanced Settings) allows you to further customize the image. You can change size, CSS class, or add a custom style. Borders and vertical / horizontal spacing is also supported. If the image is linked to a page, post, or to a larger version
customize how that link should appear. This, again, includes
class, styles, and even a target (open a link in a new tab or window).
Using the Image Gallery feature, you can quickly and easily create nice looking image galleries that showcase your photos. Simply select the images you want to use in the gallery using the Media Library tab, and re-arrange them in the order in which you want to display them at the bottom of the screen (where small thumbnails can be seen). Use the "Create a new gallery" option to add this to your page.
Before inserting the gallery into your page (or post), you have the ability to modify some of it's settings. Drag-and-drop to rearrange the images, add captions, and decide on the number of columns and what each thumbnail in your gallery should link to.
The image gallery won't appear in the WordPress editor, but a placeholder will be added to the page. When viewing your web site, you'll see the gallery in its full glory!