An overview of what the buttons on the WordPress editing toolbar do.
How to log into WordPress, navigate the Admin area and log out. Covers the WordPress admin interface, the different menus and areas.
Main parts of the WordPress admin area
Logging-in to WordPress
- Login URL – add /wp-admin to the end of your URL/web address e.g. www.website.com.au/wp-admin
- Other elements on the login page – request password reset/go back to website
Middle section – where all the editing happens (covered in seperase screencasts)
- WordPress Links (top left)
- Website front-end link
- Updates – plugins and themes
- Comments – if used
- Quick add drop down – commonly
- Login details – profile
- Screen options – what you see in the central area of the page main work area
Left hand menu
- What you will see – depends on tole
- How it works – flyouts, collapsible and provides multiple ways to access
- Not going to go to each of these pages just looking at menu
- Post and page difference
- Posts – news posts and also for portfolios, sale items,
- Pages – static fixed pages
- Users/ User profile
Embedding a YouTube video on your WordPress page is pretty straightforward. Simple get the embed code from underneath the YouTube video and then paste this piece of code on your WordPress page. You need to paste the code in the ‘Text’ editing pane – not the ‘Visual’.
Embedding a YouTube video on a WordPress page – Steps
- Find a video to embed on YouTube
- In the area below the video click on the ‘Share’ link
- Click on Embed
- Copy the embed code – adjust the video size if required.
- In the ‘Text’ editing pane of WordPress page or post paste the embed code.
- Publish the page or post and check your results. Adjust embed settings if required.
When posting images to your website you will need to know how to resize an image. The most important reason to resize and image is to make your pages load quickly. Also there are probably file size limits on your uploads e.g no bigger than 2MB.
When resizing an image you are trying to reduce the pixel dimensions of the image while also keeping the file size to a reasonable limit. We recommend trying to keep your images under 100KB or even 80KB.
Pixlr – An online image editing app
For this screencast we’re going to use an online image editor called Pixlr (pixlr.com) to resize an image. It’s free and easy to use and there’s noting to download or install.
How to resize an image in Pixlr – Steps
- Go to pixlr.xom
- Browse to find the image you want resize
- Choose adjustments > Resize
- Adjust the image dimensions e.g. to 800px wide (height will change proportionally)
- Choose Save from the top left of the screen
- Name the file
- Use the slider to adjust image quality to achieve a reasonable file size <100K