Category Archives: Wordpress Notes

Reminders about how to do stuff in wordpress

Wordpress Notes

Setting Up Post-By-Email

If you really want to make the most out of your WordPress Blog an absolute–must-first-thing-to-do is setup “Post-By-Email”

“Post-By-Email” allows you to write a basic email, add pictures etc. and then post directly to your blog using a special email address. Then you can go online and tart-up your post and add tags etc. later. But at least most of the hardwork is done in a familiar environment.

Here is how to set it up.

Login to your blog on the backend. Then go to your profile

Find the “Post by Email” section and click “enable Post By Email”

After you click it will give you a unique email address you can add as a contact in email.

Simply add a contact in your address book

Write an email, address it to the contact and post away. Couldn’t be easier..

Loading

Wordpress Notes

Creating a Widget that shows Most Popular Posts

Once you have a relatively established blog. Hopefully you will start having some posts become more popular than others. I’m sure they are all great! To you anyway.. :p

I really like the idea of people been confronted with other potentially useful posts. So a content widget showing most popular posts works great. If you have a self hosted wordpress blog like mine. Then you should definitely check out the Jetpack Post Views widget. Although not very customizable. It does get the job done quick.

Jetpack Post Views Widget
Jetpack Post Views Widget
Live Jetpack Post Views Widget
Live Jetpack Post Views Widget

Alternatively, you can use the W4 Post List plugin that allows you to create a fully customizable look with some CSS. In my case I wanted to thumbnail to be larger!

One very important secret is in the using the

jetpack-post-views

meta key to sort your posts by view count! Wow, took me a while to find that one!

use the jetpack-post-views meta key to get them sorting nicely.
use the jetpack-post-views meta key to get them sorting nicely.

Then its just a matter of inserting the widget

W4 Post List - Widget
W4 Post List – Widget

And Voila! Looks a lot nicer and you can make it look like whatever you want.

Live Widget Using W4 Post List
Live Widget Using W4 Post List

Loading

Wordpress Notes

Twenty Fourteen Child Theme – How to actually add full width to Post content and Images

UPDATE: I have updated this so that is now current for wordpress version 4.2.1 with twentyfourteen theme version 1.4.. enjoy :p

So your using Twenty fourteen theme. You really like the style etc. But you just want your content to stretch to full width. Most importantly on front end content/ and in your back end editor (so it’s the same width as your content on front end.

I have been searching forever how to do this properly so that it doesn’t delete itself after I update wordpress or the theme. Here is the quick solution using a child theme.

1. Download the twentyfourteen-child theme I have created.

2. Login to your Cpanel back-end file explorer. (not your wordpress admin back-end)

3. Extract this child style to “public_html/wp-content/themes/”

4. You should see a twentyfourteen-child folder now in the wordpress themes page.

5.. Now just set the template to your new “twentyfourteen-child” in your wordpress admin area.

 

6. To edit your front end display max widths (change, from cPanel or from Appearance -> Editor) edit the

“/public_html/wp-content/themes/twentyfourteen-child/style.css”

site-imagewidth

7. You will also need to edit the content width in the functions.php here.. so that images display correctly

“/public_html/wp-content/themes/twentyfourteen-child/functions.php”

iamgecontentwidth

7. To edit your back end editor max widths change

“/public_html/wp-content/themes/twentyfourteen-child/css/editor-style.css”

8. Enjoy actual full width that sticks! In both front end and back end!

Loading