Tag Archives: Tutorial

The Complete Guide to WordPress Editing: Part 4

Whether you’re completely new or have been blogging for a while now, you’re probably still not using everything available to you as a blogger on WordPress. It took me a few years of blogging and developing plugins before I really started getting it. I’m going to save you time and write up what I’ve learned here.

This complete series on writing and editing posts with WordPress will cover…

  1. Customizing Your Interface & Getting to Know Permalinks
  2. Mastering Text Formatting For Your Posts
  3. Leveraging Post Scheduling & Post States
  4. How to Make Private and Password Protected Posts
  5. How to Enable and Disable Comments & Understanding Trackbacks
  6. Finding and Using Theme-Specific Options

Let’s say you’re running a public blog — but suddenly there’s a post that you only want to share with certain people, or even just have it there for yourself. It looks like it’s time to explore the Private and Password Protected options of the WordPress editor.

VIP Members, only. What’s the secret?

This is extremely simple.

Have you ever noticed the tiny little “Visibility” section of your Publishing options? Yeah, neither did I. It’s one of those settings you don’t even realize is there until you’ve scoured all through the WordPress admin seeking the answer.

Thankfully, I’m here to tell you now: If you click “Edit”, a whole new world of options will be opened to you.

Simply select “Password Protected”, which will offer you a text field. Enter your password there, and save.

That’s it! Now, whenever a visitor sees this post, they need to enter the super secret password. This can be really useful if you want to share a private page through a newsletter or email to your top readers.

Don’t look at me, I haven’t dressed yet!

Let’s say you want to have a technically Published post, but only want your Administrators and Editors to see it.

Enter the Private Post.

In that same section from before — the Visibility one — you’ll also see an option for Private. Just pick that before you publish, and BAM. You’re ready for private action.

That’s it. With this power, you can set up example formatting and content for your other authors, or as a reminder to yourself of your standards and ideals. Use your imagination!

The Complete Guide to WordPress Editing: Part 2

Whether you’re completely new or have been blogging for a while now, you’re probably still not using everything available to you as a blogger on WordPress. It took me a few years of blogging and developing plugins before I really started getting it. I’m going to save you time and write up what I’ve learned here.

This complete series on writing and editing posts with WordPress will cover…

  1. Customizing Your Interface & Getting to Know Permalinks
  2. Mastering Text Formatting For Your Posts
  3. Leveraging Post Scheduling & Post States
  4. How to Make Private and Password Protected Posts
  5. How to Enable and Disable Comments & Understanding Trackbacks
  6. Finding and Using Theme-Specific Options

Today you’re going to learn about how to master basic text formatting for your posts (as well as some best practices). Today we’ll handle the options you should know about, but may have felt too stupid to ask.

How bold of you to lean my direction…

Making effective use of bold and italics is important. Since you know what Bold and Italics are, I’ll give you a couple of guidelines for when to use them:

  • Bold: Call out an important phrase, and create visual difference for better skimming.
  • Italics: Use for emphasis — particularly when you’re comparing two things to each other.

Allow me to list your options…

People love and share lists.

Make sure you learn to use actually formatted lists. This makes it easier for users to:

  • Scan your content.
  • Digest your content.
  • Share your content.

By using consistent formatting, your readers will be able to quickly glean the information they want while they scan, and quickly determine whether it’s worth sharing with their friends.

There are two types of lists, both available in your text editor: Ordered and Unordered.

Ordered, as you may suspect, is a numbered list.

Unordered will show bullet points.

Use appropriately.

Write that down, that was brilliant…

Ever wanted to quote a website or person in your blog post?

There’s a nifty feature called the Blockquote in your editor. It’s right next to the list icons.

This is an example of a blockquote.

Each theme will handle the blockquote a bit differently. If you’re using a free or cheap theme, you may discover that your blockquote doesn’t look any different at all — but if your theme is quality, it should stand out from the rest of your text.

I can’t justify your right alignment…

The same way you were probably already familiar with bold and italics, you’re probably already familiar with text alignments.

For long blocks of text, it is best practice to leave the formatting to the default left-aligned (like this post is written in).

 However, sometimes things call for centered text.

In extreme cases, you may even find yourself in need of right-aligned text.

Please be cautious about going overboard with special alignments, as if you vary things too much, your readers will stop trying at all.

Can you link these words for me?

I can’t tell you how many times I’ve been asked to add a link to a WordPress post because it felt too overwhelming.

No more! I am now going to send all my friends to this post.

Write out your anchor text.

What’s that? Anchor text is comprised of the words that are hyperlinked to another web page.

Once you are satisfied with the text you want to be linked, you can select them with your cursor and click the link icon. Once you’ve filled out the link you want, and click “OK” and you’ll have linked text.

How to customize your WordPress 404 page

I previous discussed how to customize your WordPress 404 page in a previous post, but I was brief.  This tutorial is intended to be a more comprehensive guide for this important customization step.  Customizing your 404 page tells your readers you went the extra mile to ensure they have a quality experience with your site.  Additionally, from an SEO perspective, users who need to take extra steps or “dig” to find your content are less likely to follow through.  They are also less likely to trust your site in search results in the future.

WordPress makes customization easy with logical theme files and template tags.  Here is how to leverage those features to customize your 404 page.  For those who don’t know, and I can’t imagine anyone reading Pingable that doesn’t, 404 pages are a catch-all page for any time a user stumbles upon content that does not exist.  Perhaps the URL has been changed, perhaps you’ve deleted the content, perhaps someone has incorrectly linked to a post.  The 404 page will be found by readers in these situations.

Step 1: Prevention

As they say, an ounce of prevention is worth a pound of cure.  The best way to improve the 404 error page experience is to prevent it entirely.  Here are some steps to prevent most 404 errors.

  1. Use Google Webmaster tools to track dead links and 404 messages.  Google’s huge brain knows how to tell when it has found a 404 page, and if Webmaster Tools has been set up for the domain, it will notify the owner via some nifty charts.  Find out who is linking to these incorrect URL’s and kindly ask them to update their link.  If the error is from inside your site, go through each one and correct the links.
  2. Check and re-check your internal links.  There is no reason you should be the source of errors.
  3. Use a search engine approved site map.  There are several good free plugins that automatically generate sitemaps for you.  This allows search engines to track your content quickly and efficiently.
  4. Internally link through the WYSIWYG hyperlink generator.  This uses post ID’s to create internal links so if the slug is changed, the link is not broken.
  5. Use a consistent url structure.  This is selected through the WordPress settings.  Whatever you choose, don’t change it once your site goes live.
  6. If you must move a post, consider deleting the content and replacing it with a link or 303 redirect to the new location.

 Customizing the WordPress 404 Page

  1. Find the 404 template file. In most WordPress themes, there is a file called 404.php.  This is the 404 error page.  Also in most themes, it will not be customized much.  Only super premium themes come with a custom styled 404 page.  If there is not a 404.php file, you can create one and place it in the theme directory.  WordPress will look for this file automatically and use it in the event of a 404 file not found error.
  2. Edit the file. The file can be edited with the built-in theme editor.  In the WordPress dashboard, go to Appearance > Editor.  Choose your theme and choose the 404.php file to edit.
  3. Choose your message. Make this message a little quirky, a little different, but be clear and concise.  Give users a next step like a search link or a link to the main page.  Apologize and tell them you will be checking into this error.  A little personality goes a long way.
  4. Give them more information. Even better than asking them to search is displaying information automatically.  This plugin will display search results similar to the document title they attempted to access.
  5. Go the extra mile.Make the design something memorable, and funny.  Humor is tied to memory anchors.  If a site makes you laugh, you are more likely to remember it in the future.  If you aren’t a designer, consider using a pre-designed 404 error page.  Here are some very inexpensive options.
  6. Need more? The following premium themes come with custom 404 pages.  If you’re feeling the need for a professional and cohesive design, this is the way to go.

Additional Resources

Collection of reader submitted resources

Want to see what our readers are interested in?  We ask readers to submit their favorite, new content and resources so we can share them with you.  Without further delay, here are some of the best recent submissions for your enjoyment.

50 Striking Typography Tutorials Using Photoshop

In the broadest sense, typography is the design and use of typefaces as a means of visual communication from calligraphy to the ever-developing use of digital type. we creating list of striking techniques of typography tutorials using Photoshop. Typography is sometimes seen as encompassing many separate fields from the type designer who creates letterforms to the graphic designer who selects typefaces and arranges them on the page. We hope you all like these stunning typography graphics and also can share your own typefaces.

50 Stunning Poster Advertisement Ideas

Poster designing is one of the most creative part of graphic designing and helping for brand advertisements, now web designers also like to draw advertisement posters for web promotions and we have some awesome collection of Poster designs in this creative post. Creative Posters always attract users whether they graphical posters accumulate to the side of roads, in the paper flayers, wall posters, telephone cabin and even when distribute on the way, they always grab the viewers attention and invite them to take some immediate action. This is my favorite alternatives for inspiration is poster design, by looking at great posters, you can learn a lot about composition, typography, and use of colors…

40 Stunning Tutorials about 3D Text

Adobe Photoshop is powerful tool for create any kind of professional designs and effects for both categories like Print Media and Web Designs, we’re proudly present beautiful listing 3D Text Effect Tutorials Using Photoshop, We have collected 40 best ever cool 3D typography text effect trainings. you’ll find all these beautiful, high-quality Adobe Photoshop tutorials from top tutorial sites and designers, they did excellent work in all trainings and sharing helping techniques about Photoshop.

50 Ultimate Useful Free MAC Applications

Apple always produces most powerful products, one of those are Mac Machines and we presenting “50 Ultimate Useful Free MAC Applications” we dug up from famous resources all over the web and arrange on our platform for you Mac lovers. Each of listed are free to download and use as you required in your field, one of the greatest things about Mac Computers are wealth of extremely talented developers that are willing to share their amazing creations without asking for a single cent, because everyone loves to get free Applications.The following list may come in handy too. In this weekend, we’d like to showcase you a list of really useful yet free Mac Software’s you can install for your Mac, we create our list in 3 category: Free MAC Applications for Freelancers, Music and Video MAC Applications, Free MAC Productivity Applications, File Sharing and Transfer Applications and MAC Apps for Web Designers.

30+ Useful Jquery Tutorials Using Advance Techniques

Although there are many great techniques already but hopefully these listed jquery tutorials will help you too and it will also give you a more professional feel and you will get latest techniques for modern design requirements of Web Developers.In this our first jQuery Tutorials article, we will presenting some really useful trainings about how to learn jquery techniques step by step and also will productive in your websites developments.Hope you will like these listed tutorials and leave your comments.

20 Articles and Tutorials About Using Negative Space

Negative space, also referred to as ‘whitespace’ in design, can dramatically improve your designs and help them breathe more and have a much better flow. Today we have collected 20 articles and tutorials to get you started understanding negative space and effectively applying those principles in your designs.Whether you’re a graphic designer or you design solely for the web, I am certain you will learn quite a lot from those articles. Some of them are geared more towards web-design but some also refer to drawing and painting or simply talk about how to effective use whitespace to craft more interesting designs.

Mini-tutorial: How to add noindex to category pages

This question was asked in the WordPress forum here.  Since nobody had answered Michael at press time, I thought it might be helpful to find the answer and publish it here.

Solution:

Option 1) Use robots.txt to prohibit search engines form indexing a page.  Simply add this to your robots.txt file.  If you don’t have a robots.txt file, simply create one in your go-to text editor.

User-agent: *
Disallow: /category/page-title

These two lines will a) let search engines know this rule applies to all robots and b) tell them they cannot index the page located at “category/page-title”.

Option 2) Use this handy plugin.  The Ultimate Noindex Nofollow Plugin by Jonathan Kemp.  With this plugin you can choose pages that the plugin will identifying as non-indexable in the robots.txt file.  There are many other options with this plugin including adding the rel=”nofollow” tag to various places in your WordPress code.

Option 3) Use a meta tag to order search engines to not index a particular page. The meta tag looks like this:

<META NAME=”ROBOTS” CONTENT=”NOINDEX, NOFOLLOW”>

Moving your WordPress site in 2 easy steps

This tutorial assumes you know how to install a self-hosted WordPress site.  Let’s say you’ve got a wordpress powered blog that you’d like to transfer.  Here’s how to do it in just a couple quick steps:

  1. Log into the dashboard of the old site and under “tools” click “export”.  WordPress will export all of the posts, pages, comments and even images into an XML file.
  2. Log into the dashboard of the new site and under “tools” click “import”.  Select that xml file that you saved in your last step and begin the import.  Voila! Your WordPress site has now been duplicated on the new site.

Remember that this does not affect the theme or any customizations or plugins you were using.  Is that easy or what?

25 Brilliant Vector Tutorials

I like to play around with vector art from time to time. I have made a few sets of icons and I have a site where I share vectors that I and other people have created. Check it out: Free Vector Art. Here are some great tutorials that will help you on your way if you are interested in vector design, and Adobe Illustrator.

Thug Bunny Vector Tutorial

thugbunny

Ninjas Vector Tutorial

ninja-chars-sm

Cow Vector Tutorial

cow

Killer Bunny with chainsaw Vector Tutorial

final

Sports Car Vector Tutorial

car

Fish Cartoon Vector Tutorial

fishy-coral

Fox Drawing Vector Tutorial

fox

Graffiti Text Vector Tutorial

Graffiti

Groovy Vector Tutorial

guns

Master Painting Vector Tutorial

Heaven-in-a-Bottle-Tutoria

Torn Wallpaper Vector Tutorial

mag

Mini Vector Tutorial

MINI

Product Ad Vector Tutorial

phone

Wood Grain Vector Tutorial

pirate

Vintage Shirt Vector Tutorial

PIRATE-SHIRT

Bitmap to Vector Tutorial

princess-mononoke

Simple Banners Vector Tutorial

quick_banners34

Character Shading Vector Tutorial

shading

Snowboarding Vector Tutorial

snowboarder_art

Bar of Soap Vector Tutorial

soap

Stamp Vector Tutorial

stamp_tutorial

Swirls Vector Tutorial

swirls

Creating Characters Vector Tutorial

toons

Tree Vector Tutorial

TREES

Retro Emblem Vector Tutorial

vintage

www.pingable.org

15 Stunning Photoshop Tutorials

Deviant Art is an amazing resource for digital artists and designers. There is a wealth of free tutorials and resources available, here is just a few of them.


hair drawing tutorial by Abuze


Digital Painting Tutorial by Dianae


Photoshop Inking Tutorial by Spirallin

Mini Painting Tutorial by jdillon82


Blending Tutorial by acidlullaby


Bubbles Tutorial by B1nd1


Wonder Woman Painting Tutorial by UdonCrew


+ How to do the LineArt + by Arehandora


Tutorial: Painting Sky in PS by Foxbane


Magic Swirl tutorial by danzr4ever


Blumen walkthrough by janaschi


Tutorial: Painting Embroidery by kay-ness


tree tutorial part 2 by calisto-lynn


Apple tutorial by michan


Masking Tutorial by One-Vox

For more Photoshop stuff check out my new Photoshop Brushes site.

www.pingable.org