Good Evening Future WordPress Developers,
Well……….we got down and deep into photos this week. Ha ha.
First, we took photos of ourselves and loaded them up to the Media Section of our Dashboards. Here’s the process. On the left hand column of the Dashboard find Media. Click on it. Once on the Media page click Add New. Then click on Select Files or browser uploader. Both will allow you to browse your computer’s desktop for the photo you want. Once found, double click the photo. Now you’re back in the Dashboard. Click Upload. Once uploaded you will see that photo as the top photo in your Media section.
You may also Edit the photo in your Dashboard. Simply hover your mouse over the photo. Your options are Edit, Delete Permanently, and View. Select Edit and here’s where you can add a Caption beneath the photo and add Alternative Text. I highly recommend you add Alternative Text that describes the photo in terms of your website. This is important for search engine purposes. If you choose to actually Edit the image click Edit Image under the photo. Then you can resize the photo, rotate it, or flip it. Once your done don’t forget to click Update to save your changes. You won’t need to Edit every photo. Repeat the upload process for each photo you want in your media file. Yes…..you can upload photos directly to a page/post but I suggest uploading them to the Media file first.
Second, we practiced placing photos on both pages and posts. The process is the same for both. Place your cursor in the big text area where you want the picture to go. Next, just above where you would start entering text is a small rectangular bar. Inside the bar is a camera outline and the words Add Media. Click on this bar. You will be taken to the Media Library. Click on the photo you want. Then click Insert into page. That will load the photo to your Page/Post. Finally, be sure to click Update to save your work.
Third, we learned how to place a picture of yourself on every page/post by placing it in the sidebar. The Plugin we used to do this is called Image Widget. We uploaded the Image Widget from WordPress.org and activated it. Once activated you can find it in the Widget section, which is accessed by clicking Appearance and then Widgets just below that. Somewhere among all the widgets you will see Image Widget. Open up the Main Sidebar by clicking on the upside down triangle off to the right. Drag the Image Widget to the right Main Sidebar. Click the upside down triangle off to the right of Image Widget to open it up. Click on Select An Image. Pick the image you want from the Media Library. You can add a Caption, Alt Text or a Description right here. Then click on Insert Into Widget. The photo is now in the Sidebar Widget, but you might have to adjust it a bit. Scroll down and you will see the opportunity to Re-size the photo and choose an Alignment. Last……click Save. That’s it!
Fourth, since we were working on photos, it was requested that we explore sliders and how they worked. Some really cost like Display Buddy ($150). It does lots but there are enough Free sliders available to do what you need at this stage. One that I use a lot is called Soliloquy Lite. It will let you set the size of the photos (each the same size), the speed at which the photos come into view (fade), and how long the photo stays in view. Pretty cool for a Free Plugin.
Once you activate Soliloquy Lite you will find a new Option down the left side of the Dashboard beneath Settings. There will be a small red and black circular logo and the word Soliloquy. Clicking on this link is how you get to setup the slider. For your first slider click on the Soliloquy link. Once on the Soliloquy page click Add New. Be sure to enter a Title for the slider. You may want this same slider on more than one page. Then just follow the instructions to Upload The Images (from your computer), Set The Slider Size, The Slider Speed, and Animation Duration. When all that’s done be sure to click Publish to save all your work. The plugin creates what’s known as “Shortcode”. The Shortcode represents all the photos and everything you did with them. Now you need to retrieve the Shortcode to place on your page/post. You can find the Solliloquy Shortcode in 2 places. Down the right hand side under Soliloquy Instructions where you can copy it……..or by clicking the Soliloquy link again on the left side of the page. This should bring back the main Soliloquy page. There, beside the Title of your slider will be the Shortcode. Select it and Copy it. Now go to your page/post, set the cursor to the line you want the slider on…..and Paste. Don’t forget to click Update to save your work.
Take note that there is also a new option beside the Add Media Bar…….it’s the Add Slider Bar. On other pages/posts you can then place your cursor on the line you want the Slider, click the Add Slider Bar, and you will be taken to a special page where you can select the Slider you want. Pick one and click Insert Slider. Once back on your page/post don’t forget to click Update to save your work. If you don’t like the slider speed, etc. you can change it at any time. Just don’t forget to click Update when you’re done. The GOOD NEWS is that the Shortcode you have in a page/post is not going to change. To help you find the Soliloquy Lite Slider Plugin click this link…>>> Plugins Basic Page.
I’ve created a slider below so you can see how it works. SOME OF MY FRIENDS.
Someone (Margie I think) asked if the slider would work in a Sidebar? I didn’t think so because it was not included in the slider write-up……but I tried it when I got home tonight. It did not work. So I tried again, only this time I changed all the photos to Thumbnail size. GUESS WHAT? No, don’t guess. Just check out the Sidebar on any Page. Matter of fact…………scroll up right here and you’ll see the results right under my photo. The oversized pictures must have been preventing the shortcode from working.
What do you know?
A new tool from an old tool.
Does that make this plugin a widget?
There’s a special prize next week for the right answer!
Last, we devoted a little time to the All In One SEO Plugin. We loaded it up, activated it, set the parameters for the overall site, and then took a look at what we had to do for each page/post.
We ended here and will pickup here next week. It’s that important.
In interweb service, friendship, and service,
Tom (TR) Ryan