In his 2011 book, Joomla! 1.6: A User’s Guide – Building a Successful Joomla! Powered Website, Barrie North describes “what is a blog?” Here is my summary of his topic:
What IS a blog?
* communication medium: typically frequent brief posts about a particular subject
* unique communication style: honest first-person voice
frequent posting: daily? weekly?
* usually posts are brief, only introductory text is shown on the main page, along with a “read more link
* make regular posts to build a loyal readership that will have consistent expectations about your blog content
Carol’s comment: who has time to regularly read anyone’s blog? Even as much as I value Jacob Nielsen’s “Alert Box,” I only visit when I have time to read, and first I search through his recent topic lists to choose what to read. Or I read someone’s blog post when it turns up in Google search results.
Which platform? Barrie says pick one that’s extensible to other types of web pages. In 2011, when Barrie North published his book, WordPress was (probably?) not so extensible. Hence Joomla was the choice. Now (in 2015) WordPress has evolved into a more general website platform.
Here’s how to float an image left or right using JCE editor in Joomla, using your template’s custom styles.
1) Create your article in the JCE editor, and get it far enough along that you have your text and image added to the article. Put your image just ahead of the paragraph or list containing the text that’s to be floated alongside the image.
2) Click on your image, then click on the styles pull-down menu to open it. There are a bunch of styles there to choose from, listed in no particular order. Scroll down to find the styles img-right and img-left.
3) For our example, click the style img-right and note the image now floats to the right of the text in the JCE design view window.
4) Notice too, that the image now has a thin black border. That is part of the CSS img-right style for this website, as well as custom margins all around the image.
How it works: For each Joomla website I create two custom CSS styles for floating images left or right. I name them something like img-left and img-right, or image-left and image-right. These styles will also apply the border and margins to the image, to match the style of your website.
The margins keep the text some distance from the edges of your image. For an image floated to the right, I set the right margin to zero and the other top, bottom, and left margins to some small distance.
Extra credit: These custom styles go into the custom style sheet for the Joomla template, named something like custom.css. In JCE editor global configuration I specify the location of this CSS file, so that the JCE design view window preview shows your article as it would look with these custom styles applied.
It seems both WordPress and Joomla make the website editor go the extra mile to add a title tag to an image in a post. This is the tag that allows you to describe the significance of the image. Browsers usually display the tag’s value as a “tooltip” when the visitor hovers over the image. Not to be confused with the “alt” tag which describes how the image looks to a visually impaired person and helps Google to rank the image.
Try hovering over this image to see how your browser displays the title tag.
Both CMS’s automatically build an alt tag value when the image is first used in an article or post. Joomla hides the setting for the title tag behind an “Advanced” tab in the JCE image editor. That’s not helpful for encouraging a novice author to provide text for the title tag.
Today in WordPress I wanted to add a title tag to the image in my new post. I dutifully filled in the caption, description and alt tag values in the image editor when I uploaded my image. A title tag was automatically filled in for me. But when viewing my post in a browser window, no tooltip on hover!
So, I went to text mode in my post and added the title tag “by hand.” This time on hover I got an entire paragraph of text with embedded HTML markup. So that didn’t work. On close examination of my markup I could not see what was wrong. So I found this helpful article by WPBeginner.
It explained the purpose of alt and title tags, and even explained that the “title” setting WordPress uses when the image is first uploaded, is NOT the title tag that shows as a tooltip. The article’s directions said that, in my WordPress visual post editor, click on the image then click the edit button that appears.
Look in the “advanced” section to find a field you can fill in with the value of the title tag.
I had to hunt a while to find the “advanced” section, as it was out of view within the popup box. But finally, “success!”
I have figured out how to add the title tag in two ways now: if nothing special is going on with captions or other shortcodes, you can simply add a title attribute to the image in question in the post editor’s text mode; or you can use the image editor, scroll down to “advanced” settings and fill in the tag there.
By the way, in adding those last two images, I was reminded of how easy it is in WordPress to display a CAPTION for the image: you just fill in the caption field within the image source. In Joomla how the caption is used depends entirely on the template, and it requires tricky CSS overrides on the web developer’s part, and perhaps CSS knowledge on the editor’s part, to make it look good.
Also, I accidentally selected two images and found BOTH were inserted into my article. Does anyone have a good use for such a feature?
I tried it out and it seems to work! I’ve coded this link with http protocol. Click it to see that the server redirects you to a page that uses the https protocol. Does it work for you? Or does your browser display some SSL certificate error messages?
For a long time I’ve provided SSL encryption only when necessary (e.g. e-commerce sites, sites that collect visitor’s private info) because it’s extra cost (lately about $80/year) and requires tech support’s help. I looked into how SSL could work without needing a dedicated IP address:
The difference is that if the browser supports SNI, it can send the host name unencrypted, so the server can properly match the virtual host without needing to decrypt the request first. It also says that for older versions of IE browser running on Windows XP, these browsers don’t support SNI. It doesn’t say how web servers would handle such requests from these browsers
Joomla has a setting that lets you direct the website to USE the SSL certificate once the certificate is installed on the web server. That’s how I finished the SSL setup for the example Joomla website above.
For a future topic, once I learn how to set up SSL for a WordPress website I’ll make a new post here.
A quick online search just now shows that only SiteGround and DreamHost offer integration with Let’s Encrypt. I am looking for my 2nd-favorite web hosting company, InMotion Hosting, to support Let’s Encrypt, but it seems as of Dec 2015 they have no plans to add it.
WordPress says its this: http://wp.elizahost.com/blogging/a-post-in-two-categories/ and that the higher numbered category (slug=wordpress) won’t be used. Yet the following two links lead to this article as well:
The main purpose of categories and tags is to improve the usability of your site, by letting a visitor browse through your content by topic rather than browsing chronologically (which is how blogs were initially set up).
A secondary purpose is to help your post be found by search engines, when someone wants information but has no idea who you are or that you’ve posted exactly the answer they are looking for.
Categories are meant for broad grouping of your posts, like a table of contents. Categories can have sub-categories — they are hierarchical.
Tags are meant to describe specific details of your posts. They are like a post’s keywords (not in the SEO sense of the word) that you can use to loosely relate your posts – like in the tag cloud or site search. Tags form the index of your website as though it were a book.
Every post must have a category, even “uncategorized,” whereas tagging a post is optional.
Authors often rename the uncategorized category to something like Other, Ramblings, Misc. etc.
Blogs evolve: there is no way you can come up with all the right categories from the start. Still, imagine your site after being up and running for several months: what posts does it have? How will visitors find the content they want? Choose five generic catgories to start with and add more as your blog evolves.
This author suggests starting with top categories that have generic, future-proof meanings, then use tags to identify specific topics that may fall in and out of favor over time.
If you find you often want to assign your posts to more than one category, consider restructuring your categories.
Categories should distribute your posts well. If a single category holds 90% of your posts, you probably need new or different categories.
Choose categories that highlight the content you want to promote. In my case, I hope to help others to learn WordPress, so I’ve chosen (sub) categories based on my ideas of the aspects of website development using WordPress.
A good rule of thumb is assign no more than 10 tags to each post unless you have a good reason.
WordPress will automatically list a post’s category and tags in the post’s byline. The category name and tag names are linked to browse similarly categorized and tagged posts.
The Tag Cloud widget shows your most popular tags sorted alphabetically and sized in proportion to their usage. I like this use of visual cues. This post’s image shows this website’s tag cloud just before I added this post.
Remember your purpose in choosing categories and keywords is usability: to organize your website content to help your visitor find the information she seeks.
Using categories and tags to organize your content. This author, Syed Balkhi, has an easy-to-understand writing style, seems to keep his content up to date and I like the level of detail provided. Each article includes links to his other related articles. I found his articles when I searched for answers to my questions.
Features (it took me a while to find this page. Why?)
The “Features” are NOT described in the sidebar list entitled “Features.” Each of those links shows you a selection of WordPress themes that let you customize that feature … as far as I can tell
I can’t find further details on this theme’s features. I thought there was more than the custom colors and header described somewhere. In the meantime, as with any Theme, to see its theme-specific customizations go to your WP dashboard -> Appearance -> Themes, find your theme and hit Customize.
I got an email the other day saying my site was automatically updated to WordPress 4.3.2. How did that happen? I’m self-hosting this website, and I’d not logged in for a couple of months.
It turns out whenever your site requests a page, that is, someone visits your website, this page load will trigger a check for updates.
The update runs in the background via wp-cron. wp_cron checks whether there are any scheduled events in the database. If yes it calls spawn_cron(), which starts another PHP process to do all the actual work.
Lots of processes in WordPress are handled by the cron system: scheduled post publishing, processing pings, update checks, etc.
The automatic update only happens when wordpress.org releases a new minor or security update. Otherwise (for a “major” release like WP 4.3 to 4.4) you must do the update manually by logging in to the back end.
And I appreciate how post and page’s “featured image” feature makes it really easy to provide an image for each page or post, but can I make the “featured image” float right near the top of the post text, rather than sitting above the post or page title?
I am far enough along in my WordPress training that I decided it was time to come up with SOME backup solution. Reading through the section of my WordPress book, Backing Up a WordPress Site, I found that, as with Joomla, backup isn’t built in. Instead our main choices are:
choosing an automated backup service such as VaultPress or BackupBuddy for a monthly fee;
backing up with a free plug-in such as Online Backup for WordPress;
or manually: backing up your files over FTP and backing up your database via an SQL dump from PhpMyAdmin.
I settled on BackUpWordPress as being very popular and free, installed it, looked it over, and found that you RESTORE your website from backup via FTP and PhpMyAdmin. It seems the only benefit to this tool is it facilitates MAKING the backup. Restoration requires about the same steps as restoring a manually made backup, as described above. Are you kidding me?
I went over to the Akeeba Backup for WordPress website and downloaded and installed the plugin. It looks like as with Akeeba for Joomla, there’s a Pro paid and Core free version. I got the free version for now, installed it and was happy to see its familiar user interface at my WordPress dashboard (see this post’s featured image above, and the “manage backups” image below).
The video tutorial showed me that websites are restored or moved using the familiar (to Joomla users) kickstart.php process:
Make a new database if necessary
Upload kickstart.php and the Akeeba archive file to the website’s home directory
Run myWebSite.com/kickstart.php and follow the instructions to restore the website.
I don’t know why Akeeba Backup for Joomla is not listed in the WordPress plugins website, but once it’s there I predict it will become one of WordPress’ most popular plugins.
What’s your favorite backup solution for WordPress?