<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Proudly Powered</title>
	<atom:link href="http://proudlypowered.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://proudlypowered.com</link>
	<description>For those proud to build with WordPress</description>
	<lastBuildDate>Sat, 03 Jan 2015 23:19:29 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.2.1</generator>
	<item>
		<title>WordPress Plugins for 2013</title>
		<link>http://proudlypowered.com/wordpress-plugins-for-2013/</link>
		<comments>http://proudlypowered.com/wordpress-plugins-for-2013/#comments</comments>
		<pubDate>Thu, 30 May 2013 22:59:30 +0000</pubDate>
		<dc:creator><![CDATA[Mark Hesketh]]></dc:creator>
				<category><![CDATA[Plugins]]></category>

		<guid isPermaLink="false">http://proudlypowered.com/?p=49</guid>
		<description><![CDATA[<h4>Last year I wrote about my recommended <a href="http://proudlypowered.com/wordpress-plugins-2012/">WordPress plugins for 2012</a>. Well, we’re now 5 months into 2013 and I think its about time to look what I believe are the best WordPress plugins of 2013.</h4>
<p>These recommendations are plugins I would consider must-haves on your WordPress website, providing important functionality WordPress just doesn’t give you “out of the box”.</p>
<p class="excerpt-link"><a href="http://proudlypowered.com/wordpress-plugins-for-2013/">&#8764;&#160;Continue Reading&#160;&#8764;</a></p>
<p>The post <a rel="nofollow" href="http://proudlypowered.com/wordpress-plugins-for-2013/">WordPress Plugins for 2013</a> appeared first on <a rel="nofollow" href="http://proudlypowered.com">Proudly Powered</a>.</p>
]]></description>
				<content:encoded><![CDATA[<h4>Last year I wrote about my recommended <a href="http://proudlypowered.com/wordpress-plugins-2012/">WordPress plugins for 2012</a>. Well, we’re now 5 months into 2013 and I think its about time to look what I believe are the best WordPress plugins of 2013.</h4>
<p>These recommendations are plugins I would consider must-haves on your WordPress website, providing important functionality WordPress just doesn’t give you “out of the box”.</p>
<p>While I’m not a fan of installing plugins needlessly, these are plugins I often install on every WordPress powered project I’m involved with.</p>
<p>Let’s get started.</p>
<h2 id="wordpress-seohttpwordpressorgpluginswordpress-seo-download-wordpress-seotargetblank"><a title="Download WordPress SEO" href="http://wordpress.org/plugins/wordpress-seo/" target="_blank">WordPress SEO</a></h2>
<p><a href="http://wordpress.org/plugins/wordpress-seo/"><img class="alignnone wp-image-57 size-medium" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-seo-plugin-660x214.jpg" alt="wordpress-seo-plugin" width="660" height="214" /></a></p>
<p><a href="http://proudlypowered.com/wordpress-plugins-2012/#wordpress-seo">WordPress SEO made the list last year too</a>, but it is still hugely important today. As the name suggests, WordPress SEO will completely optimise your website for SEO. While WordPress does a pretty good job on its own, WordPress SEO takes this a couple of steps further.</p>
<p>The plugin will handle technical optimisations on your behalf, such as XML sitemaps, Meta elements, RSS optimisations, Facebook Open Graph and much more.</p>
<p>If this doesn’t mean much to you then don’t worry as most of this will be taken care of the second you push ‘activate’. You’ll then be guided through the bits that need your attention by helpful and easy to follow tooltips.</p>
<p>What sets WordPress SEO apart though is it’s Page Analysis feature. This simple checks for things you’re “bound to forget”. Do you have images in your post? Do they have alt tags? Are the alt tags relevant to your focus keyword? Is the post long enough? What about the headings, are they as relevant as they could be? This is a great aid to have while writing your content.</p>
<p>Combined, WordPress SEO helps you create a website and content that search engines will love, and reward you for with rankings.</p>
<p><a title="Download WordPress SEO" href="http://wordpress.org/plugins/wordpress-seo/" target="_blank">Download WordPress SEO plugin from WordPress’ Plugin Directory</a></p>
<h2 id="w3-total-cachehttpwordpressorgpluginsw3-total-cache-download-w3-total-cachetargetblank"><a title="Download W3 Total Cache" href="http://wordpress.org/plugins/w3-total-cache/" target="_blank">W3 Total Cache</a></h2>
<p><a href="http://wordpress.org/plugins/w3-total-cache/"><img class="alignnone wp-image-56 size-medium" src="http://proudlypowered.com/app/uploads/2014/12/w3-total-cache-banner-660x214.jpg" alt="w3-total-cache-banner" width="660" height="214" /></a></p>
<p>Like WordPress SEO, <a href="http://proudlypowered.com/wordpress-plugins-2012/#w3-total-cache">I listed W3 Total Cache in 2012’s list too</a>, and its still very relevant in 2013.</p>
<p>In a nutshell, W3 Total Cache will speed up your WordPress website, which is great for both your visitor’s experience and your Google rankings.</p>
<p>If you know what you’re doing, W3 Total Cache allows you to fine-tune your website’s performance settings, offering suggestions and advice along the way. If you’re not technically orientated the default options will still make a noticeable difference to your site’s speed, just activate and let the W3 Total Cache take care of everything.</p>
<p><a title="Download W3 Total Cache" href="http://wordpress.org/plugins/w3-total-cache/" target="_blank">Download W3 Total Cache from WordPress’ Plugin Directory</a></p>
<h2 id="advanced-custom-fieldshttpwordpressorgpluginsadvanced-custom-fields-download-advanced-custom-fieldstargetblank"><a title="Download Advanced Custom Fields" href="http://wordpress.org/plugins/advanced-custom-fields/" target="_blank">Advanced Custom Fields</a></h2>
<p><a href="http://wordpress.org/plugins/advanced-custom-fields/"><img class="alignnone wp-image-50 size-medium" src="http://proudlypowered.com/app/uploads/2014/12/advanced-custom-fields-banner-660x214.jpg" alt="advanced-custom-fields-banner" width="660" height="214" /></a></p>
<p>Created by Melbourne based web developer, <a href="http://www.elliotcondon.com/" target="_blank">Elliot Condon</a>, Advanced Custom Fields is an invaluable plugin that helps you build much more flexible websites using WordPress.</p>
<blockquote><p>Advanced Custom Fields is the perfect solution for any WordPress website which needs more flexible data like other Content Management Systems.</p></blockquote>
<p>While WordPress gives you some pretty standard fields by default, such as Title, Content and so on, you can take this to a whole new level using Advanced Custom Fields. Add new text boxes, WYSIWYG editors, image uploaders and more at your leisure.</p>
<p><img class="alignnone wp-image-51 size-medium" src="http://proudlypowered.com/app/uploads/2014/12/advanced-custom-fields-ui-660x381.jpg" alt="advanced-custom-fields-ui" width="660" height="381" /></p>
<p>While this can be done manually using <a href="http://wp.smashingmagazine.com/2011/10/04/create-custom-post-meta-boxes-wordpress/" target="_blank">WordPress’ custom meta boxes</a>, Advanced Custom Fields provides a beautifully simple interface, picking up the grunt work, allowing you to focus on your website’s content and not get bogged down with code. The interface is consistent with WordPress’ default admin interface too, which is always a bonus.</p>
<p>When combined with <a href="http://codex.wordpress.org/Post_Types" target="_blank">WordPress’ Custom Post Types</a>, WordPress can be turned into a much more advanced CMS, enabling you to easily create a very flexible website for yourself or your clients.</p>
<p><a title="Download Advanced Custom Fields" href="http://wordpress.org/plugins/advanced-custom-fields/" target="_blank">Download Advanced Custom Fields from WordPress’ Plugin Directory</a></p>
<h2 id="posts-2-postshttpwordpressorgpluginsposts-to-posts-download-posts-2-poststargetblank"><a title="Download Posts 2 Posts" href="http://wordpress.org/plugins/posts-to-posts/" target="_blank">Posts 2 Posts</a></h2>
<p><a href="http://wordpress.org/plugins/posts-to-posts/"><img class="alignnone wp-image-54 size-medium" src="http://proudlypowered.com/app/uploads/2014/12/posts-2-posts-banner-660x214.jpg" alt="posts-2-posts-banner" width="660" height="214" /></a></p>
<p>Posts 2 Posts is another invaluable plugin that allows you to turn WordPress into a much more advanced CMS.</p>
<p><img class="alignright size-full wp-image-55" src="http://proudlypowered.com/app/uploads/2014/12/posts-2-posts-metabox.jpg" alt="posts-2-posts-metabox" width="305" height="350" /></p>
<p>The plugin allows you to create “many to many” relationships between different post types, such as ‘Pages’, ‘Posts’ or a <a href="http://codex.wordpress.org/Post_Types" target="_blank">Custom Post Types</a>.</p>
<p>The author offers some examples of it’s usage:</p>
<ul>
<li>Manually chosen list of related posts</li>
<li>Posts associated with a Post series</li>
<li>Product post type associated with a Retailer post type</li>
</ul>
<p>Such relationships are commonplace in other CMS, and a glaring omission in WordPress’ core features. Posts 2 Posts addresses this problem.</p>
<p><a title="Download Posts 2 Posts" href="http://wordpress.org/plugins/posts-to-posts/" target="_blank">Download Posts 2 Posts from WordPress’ Plugin Directory</a></p>
<h2 id="better-wp-securityhttpwordpressorgpluginsbetter-wp-security-download-better-wp-securitytargetblank"><a title="Download Better WP Security" href="http://wordpress.org/plugins/better-wp-security/" target="_blank">Better WP Security</a></h2>
<p><a href="http://wordpress.org/plugins/better-wp-security/"><img class="alignnone wp-image-53 size-medium" src="http://proudlypowered.com/app/uploads/2014/12/better-wp-security-banner-660x214.jpg" alt="better-wp-security-banner" width="660" height="214" /></a></p>
<p>With <a href="http://ithemes.com/2013/04/15/ongoing-wordpress-attacks-details-and-solutions/" target="_blank">increased targeting of WordPress powered websites</a> its more important than ever to make sure your website is secure. Better WP Security aims to keep your site secured and give you peace of mind.</p>
<blockquote><p>Better WP Security takes the best WordPress security features and techniques and combines them in a single plugin thereby ensuring that as many security holes as possible are patched without having to worry about conflicting features or the possibility of missing anything on your site.</p></blockquote>
<p>Better WP Security will analyse your site, and offer a checklist of suggestions to make sure it is as secure as possible.</p>
<p><img class="alignnone wp-image-52 size-full" src="http://proudlypowered.com/app/uploads/2014/12/better-wp-security-admin.gif" alt="better-wp-security-admin" width="659" height="532" /></p>
<p>Suggestions range from removing the default and therefore vulnerable admin user account, to scheduling regular database backups and scans to detect suspicious changes to your files.</p>
<p>Many other security-focused plugins exists, but Better WP Security is a great ‘all-in-one’ option that I have found very effective on my WordPress driven websites.</p>
<p>As a sidenote, you should also check out the <a href="http://codex.wordpress.org/Hardening_WordPress" target="_blank">Hardening WordPress on the WordPress Codex</a> for tips on securing your WordPress website.</p>
<p><a title="Download Better WP Security" href="http://wordpress.org/plugins/better-wp-security/" target="_blank">Download Better WP Security from WordPress’ Plugin Directory</a></p>
<p>The post <a rel="nofollow" href="http://proudlypowered.com/wordpress-plugins-for-2013/">WordPress Plugins for 2013</a> appeared first on <a rel="nofollow" href="http://proudlypowered.com">Proudly Powered</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://proudlypowered.com/wordpress-plugins-for-2013/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Markdown in WordPress</title>
		<link>http://proudlypowered.com/markdown-in-wordpress/</link>
		<comments>http://proudlypowered.com/markdown-in-wordpress/#comments</comments>
		<pubDate>Fri, 02 Mar 2012 22:55:34 +0000</pubDate>
		<dc:creator><![CDATA[Mark Hesketh]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://proudlypowered.com/?p=44</guid>
		<description><![CDATA[<p>After <a title="WordPress Distraction Free Editor Overview" href="http://proudlypowered.com/wordpress-distraction-free-editor/">recently talking about using WordPress’ distraction free editor</a> I got thinking about using Markdown to write posts in WordPress, and how it can speed-up and ease writing content.</p>
<p class="excerpt-link"><a href="http://proudlypowered.com/markdown-in-wordpress/">&#8764;&#160;Continue Reading&#160;&#8764;</a></p>
<p>The post <a rel="nofollow" href="http://proudlypowered.com/markdown-in-wordpress/">Markdown in WordPress</a> appeared first on <a rel="nofollow" href="http://proudlypowered.com">Proudly Powered</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>After <a title="WordPress Distraction Free Editor Overview" href="http://proudlypowered.com/wordpress-distraction-free-editor/">recently talking about using WordPress’ distraction free editor</a> I got thinking about using Markdown to write posts in WordPress, and how it can speed-up and ease writing content.</p>
<p><a href="http://daringfireball.net/projects/markdown/" target="_blank">Markdown</a> is a very popular text-to-html formatting syntax developed by <a href="http://daringfireball.net/" target="_blank">John Gruber</a>.</p>
<p>It is a way for web writers to quickly write content in plain text, without worrying about the HTML syntax that could be going wild in the background.</p>
<h2 id="why-use-markdown">Why use Markdown?</h2>
<ul>
<li>Being in plain text means you can see every bit of your syntax. No more worrying about rogue spans appearing in the HTML editor.</li>
<li>You’re focusing on the content, not writing HTML.</li>
<li>Produced HTML is W3C valid.</li>
<li>Syntax is clear and easy to read.</li>
<li>Can be easily picked up by content editors who aren’t familiar with HTML.</li>
<li>Can be written offline in any text editor. Markdown editors are also available (see below).</li>
</ul>
<h2 id="using-markdown">Using Markdown</h2>
<p>Markdown syntax is very simple, and so easy to remember. If you’re familiar with say writing BBcode on an online forum, this is a similar idea, only better. If we wanted to write a title, a paragraph and bulleted list we would write:</p>
<pre>## This is a H2 tag above our list

This is a paragraph

* And here is a bulleted list
* It's as easy as using asterisk

We can also do numbered lists

1. It's as simple as this
2. Just put the number instead of an asterisk
3. Really, it's this simple!
</pre>
<p>When published, this would create:</p>
<pre>&lt;h2&gt;This is a H2 tag above our list&lt;/h2&gt;
&lt;p&gt;This is a paragraph&lt;/p&gt;
&lt;ul&gt;
    &lt;li&gt;And here is a bulleted list&lt;/li&gt;
    &lt;li&gt;Its as easy as using asterix&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;We can also do numbered lists&lt;/p&gt;
&lt;ol&gt;
    &lt;li&gt;Its as simple as this&lt;/li&gt;
    &lt;li&gt;Just put the number instead of an asterix&lt;/li&gt;
    &lt;li&gt;Really, its this simple!&lt;/li&gt;
&lt;/ol&gt;
</pre>
<p>How great is that? You see much more information on the <a href="http://daringfireball.net/projects/markdown/syntax" target="_blank">Markdown syntax page</a>, such as addingblockquotes, hyperlinks, code blocks, basically everything you would normally use in the WordPress editor.</p>
<h2 id="wordpress-plugins-for-markdown">WordPress plugins for Markdown</h2>
<p>As usual, ‘theres a plugin for that’, and two that I would recommend.</p>
<ol>
<li><a href="http://wordpress.org/extend/plugins/markdown-on-save/" target="_blank">Markdown on Save</a> by Mark Jaquith</li>
<li><a href="http://wordpress.org/extend/plugins/markdown-on-save-improved/" target="_blank">Markdown on Save Improved</a> by Matt Wiebe</li>
</ol>
<p>The fundamental difference between these plugins is that <a href="http://wordpress.org/extend/plugins/markdown-on-save/" target="_blank">Markdown on Save</a> requires you specify you’ll be using Markdown in the Post Editor, where as <a href="http://wordpress.org/extend/plugins/markdown-on-save-improved/" target="_blank">Markdown on Save Improved</a> assumes that you will be using Markdown, and offers the option to disable Markdown.</p>
<p><img class="alignright" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-markdown-menu.jpg" alt="wordpress-markdown-menu" width="298" height="122" /></p>
<p>A little Metabox appears in your Post Editor, effortlessly write your content in Markdown, publish, and your content appears in lovely valid HTML. The two plugins also save your Markdown content separately to your  content, so if in the future you disable the plugins you wont lose your content, or display raw Markdown syntax in your pages.</p>
<h2 id="markdown-editors">Markdown Editors</h2>
<p>If you’re thinking of using Markdown, I would recommend using a Markdown Editor application, depending on your operating system.</p>
<p><img class="alignright" src="http://proudlypowered.com/app/uploads/2014/12/markdown-writing-kit-ipad.jpg" alt="markdown-writing-kit-ipad" width="300" height="232" /></p>
<p>These editors are all free to use, and I use all 4 of them depending on my working environment.</p>
<ul>
<li><a href="http://mouapp.com/" target="_blank">Mou (OSX)</a></li>
<li><a href="http://markdownpad.com/" target="_blank">MarkdownPad (Windows)</a></li>
<li><a href="http://getwritingkit.com/" target="_blank">WritingKit (iPad)</a></li>
<li><a href="http://dillinger.io/" target="_blank">Dillinger (Web App) </a></li>
</ul>
<p>All 4 of these apps work in much the same way, and are better than writing straight into the visual editor or a simple text editor. They provide real-time previews of your content as well shortcut keys for Markdown syntax.</p>
<h2 id="try-markdown">Try Markdown</h2>
<p>Give Markdown a go, it’s as easy as installing a plugin. Be sure to check out the Markdown syntax page to really get the most out of it. I’ve personally I’m able to write faster much faster in Markdown, and will only use the Visual editor in WordPress for posts that I know will be featuring a lot of images. Do you write your content Markdown? Does it work for you?</p>
<p>The post <a rel="nofollow" href="http://proudlypowered.com/markdown-in-wordpress/">Markdown in WordPress</a> appeared first on <a rel="nofollow" href="http://proudlypowered.com">Proudly Powered</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://proudlypowered.com/markdown-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress Distraction Free Editor Overview</title>
		<link>http://proudlypowered.com/wordpress-distraction-free-editor-overview/</link>
		<comments>http://proudlypowered.com/wordpress-distraction-free-editor-overview/#comments</comments>
		<pubDate>Wed, 29 Feb 2012 22:50:46 +0000</pubDate>
		<dc:creator><![CDATA[Mark Hesketh]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://proudlypowered.com/?p=37</guid>
		<description><![CDATA[<p>While writing your latest post or page it can easy to become distracted. Fortunately, WordPress gives us the distraction free editor. A way to write your posts and pages with absolutely no distractions to, as WordPress would put it, “just write”.</p>
<p class="excerpt-link"><a href="http://proudlypowered.com/wordpress-distraction-free-editor-overview/">&#8764;&#160;Continue Reading&#160;&#8764;</a></p>
<p>The post <a rel="nofollow" href="http://proudlypowered.com/wordpress-distraction-free-editor-overview/">WordPress Distraction Free Editor Overview</a> appeared first on <a rel="nofollow" href="http://proudlypowered.com">Proudly Powered</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>While writing your latest post or page it can easy to become distracted. Fortunately, WordPress gives us the distraction free editor. A way to write your posts and pages with absolutely no distractions to, as WordPress would put it, “just write”.</p>
<p>Lapses in concentration to tinker with options, follow advice from your WordPress plugins, or simply deciding how to categorise your post can really slow down your writing.</p>
<p>If ‘<a href="http://www.readwriteweb.com/enterprise/2011/10/infographic-why-content-is-kin.php" target="_blank">content is king</a>’ then it’s very important to give it your full attention.</p>
<p><img class="alignnone size-full wp-image-42" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-post-editor.jpg" alt="wordpress-post-editor" width="800" height="441" /></p>
<p>The WordPress Post UI is very nice of course, and WordPress’ UI is a major selling point to using WordPress as your CMS platform, but sometimes being left with just your writing is nice. Back to basics.</p>
<p><img class="alignnone size-full wp-image-39" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-distraction-free-editor.jpg" alt="wordpress-distraction-free-editor" width="800" height="403" /></p>
<p>The difference here is night and day. There is absolutely nothing to distract your writing. All of the WordPress slowly fades and all that remains is your content.</p>
<h2 id="using-the-wordpress-distraction-free-editor">Using the WordPress Distraction Free Editor</h2>
<p>Activating the distraction free editor is as simple as pressing a button in your post editor toolbox.</p>
<p><img class="alignnone size-full wp-image-38" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-distraction-free-button.jpg" alt="wordpress-distraction-free-button" width="511" height="103" /></p>
<p>Simply press the button shown above and enjoy no distractions while writing content.</p>
<h1 id="using-distraction-free-editor-shortcuts">Using Distraction Free Editor Shortcuts</h1>
<p>If you’d like to add some lists, emphasise content with bolds and italics, or simply add a link, you can show the distraction free editor toolbox by hovering towards the top of your browser’s window.</p>
<p><img class="alignnone size-full wp-image-40" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-distraction-free-help.jpg" alt="wordpress-distraction-free-help" width="670" height="41" /></p>
<p><img class="alignright size-full wp-image-41" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-distraction-free-shortcuts.jpg" alt="wordpress-distraction-free-shortcuts" width="350" height="280" /></p>
<p>I would recommend getting to grips with the keyboard shortcuts for editing your content.</p>
<p>Using the shortcuts will really speed up your writing, while using the distraction free editor allows you to easily put your thoughts into words.</p>
<p>It’s a great combination. After using the shortcuts for a single post they will start to become second nature. Adding more links to your posts will enhance your content, while also feeling less of a chore, and most importantly not distracting you from your writing.</p>
<h2 id="use-the-distraction-free-editor">Use the distraction free editor</h2>
<p>Give it a go! If you find sometimes that you can’t write your content as quickly or easily as you may like, then WordPress’ distraction free editor is definitely worth a look.</p>
<p>If you’d like to take it one step further, the WordPress team also recommend using <a href="http://www.simplynoise.com/" target="_blank">white noise</a> to really focus your concentration.</p>
<p>Has WordPress’ distraction free editor helped you write better? Do you use the editor regularly or is there a method of writing or application you prefer to use? Let us know by commenting below.</p>
<p>The post <a rel="nofollow" href="http://proudlypowered.com/wordpress-distraction-free-editor-overview/">WordPress Distraction Free Editor Overview</a> appeared first on <a rel="nofollow" href="http://proudlypowered.com">Proudly Powered</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://proudlypowered.com/wordpress-distraction-free-editor-overview/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Code Highlighting WordPress Plugins and Methods</title>
		<link>http://proudlypowered.com/code-highlighting-wordpress-plugins-and-methods/</link>
		<comments>http://proudlypowered.com/code-highlighting-wordpress-plugins-and-methods/#comments</comments>
		<pubDate>Mon, 27 Feb 2012 22:49:25 +0000</pubDate>
		<dc:creator><![CDATA[Mark Hesketh]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://proudlypowered.com/?p=31</guid>
		<description><![CDATA[<p>If your WordPress content regularly features code snippets, such as when writing web design tutorials, you could really benefit from using a code highlighting WordPress plugin or script.</p>
<p class="excerpt-link"><a href="http://proudlypowered.com/code-highlighting-wordpress-plugins-and-methods/">&#8764;&#160;Continue Reading&#160;&#8764;</a></p>
<p>The post <a rel="nofollow" href="http://proudlypowered.com/code-highlighting-wordpress-plugins-and-methods/">Code Highlighting WordPress Plugins and Methods</a> appeared first on <a rel="nofollow" href="http://proudlypowered.com">Proudly Powered</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>If your WordPress content regularly features code snippets, such as when writing web design tutorials, you could really benefit from using a code highlighting WordPress plugin or script.</p>
<p><img class="alignnone size-full wp-image-32" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-code-highlighting-example.jpg" alt="wordpress-code-highlighting-example" width="638" height="224" /></p>
<p>Code highlighting WordPress plugins and scripts bring your &lt;code&gt; blocks to life, adding many features such as line-numbering, syntax highlighting, and line highlighting.</p>
<p>Line numbering and line highlighting allow you to reference sections of the &lt;code&gt; in your article text, while syntax highlighting makes your code much more legible, especially to novices.</p>
<p>This makes your WordPress posts much more visually appealing, and aids your readers in understanding your code.</p>
<h3 id="which-code-highlighting-wordpress-plugin-or-method">Which code highlighting WordPress plugin or method</h3>
<p>As I often write about Web Design, not just here but on a few other WordPress websites, I often have to include snippets of code in my posts or tutorials. There are many code highlighting WordPress plugins available, I’ve tried pretty much all of them, but I’d like to recommend two different methods I use. One is a WordPress plugin, the other is a JavaScript library.</p>
<h2 id="wordpress-plugin-codecolorer">WordPress plugin: CodeColorer</h2>
<p>I know there’s many different code highlighting WordPress plugins available, but my personal favourite is <a href="http://wordpress.org/extend/plugins/codecolorer/" target="_blank">CodeColorer</a>.</p>
<blockquote><p>CodeColorer is a syntax highlighting plugin which allows to insert code snippets into blog posts. Supports color themes, code in RSS, comments.</p></blockquote>
<p>CodeColorer offers syntax highlighting, line-numbering, single line highlighting and much more.</p>
<p><img class="alignnone size-full wp-image-34" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-plugin-code-colorer.jpg" alt="wordpress-plugin-code-colorer" width="459" height="202" /></p>
<p>You can add your code snippets to both the visual editor, and HTML editor, using [cc][/cc] or &lt;code lang=&#8221;lang&#8221;&gt;&lt;/code&gt;.</p>
<h3 id="why-codecolorer">Why CodeColorer?</h3>
<p>The reason for my preference to <a href="http://wordpress.org/extend/plugins/codecolorer/">CodeColorer</a> over other code highlighting WordPress plugins such as <a href="http://wordpress.org/extend/plugins/syntax-highlighter/" target="_blank">Syntax Highlighter for WordPress</a> is basically that it has annoyed me the least. I spent a lot of time with other code highlighting WordPress plugins while writing <a href="http://www.prestadb.com/" target="_blank">PrestaShop tutorials</a> untangling a mess of shortcodes, escaped characters and failed indenting. I very rarely have these problems with CodeColorer.</p>
<h3 id="shortcodes">Shortcodes</h3>
<p>The CodeColorer shortcodes are also cleverly designed.</p>
<blockquote><p>To insert code snippet into your post (or comment) you should use [cc lang=&#8221;lang&#8221;]code[/cc] or &lt;code lang=&#8221;lang&#8221;&gt;&lt;/code&gt; syntax. Starting from version 0.6.0 you could specify additional CodeColorer options inside [cc]tag.</p></blockquote>
<p>Rather than using lengthy shortcode syntax such as [cc lang=&#8221;php&#8221; escaped=&#8221;true&#8221; inline=&#8221;true&#8221;], CodeColorer can use single letters to enable options, so the shortcode would become [ccie_php][/ccie_php], keeping your shortcodes short. You can see full examples of shortcodes in action on the <a href="http://wordpress.org/extend/plugins/codecolorer/installation/" target="_blank">WordPress Plugins repository</a>. <a href="http://wordpress.org/extend/plugins/codecolorer/" target="_blank">Download WordPress Plugin: CodeColorer</a></p>
<h2 id="javascript--css-prettify">JavaScript &amp; CSS: Prettify</h2>
<p>If you’d like to avoid WordPress plugins and shortcodes as much as possible, and would prefer your basic &lt;code&gt; blocks automatically highlighted, then <a href="http://code.google.com/p/google-code-prettify/" target="_blank">Prettify</a> is your answer.</p>
<p><img class="alignnone size-full wp-image-33" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-code-highlighting-prettify.jpg" alt="wordpress-code-highlighting-prettify" width="638" height="224" /></p>
<p>I use Pretiffy on <a href="http://www.markhesketh.co.uk/">my portfolio</a>, as it is not actually WordPress driven, so the automatic highlighting is very useful.</p>
<h3 id="using-prettify">Using Prettify</h3>
<p>Simply <a href="http://code.google.com/p/google-code-prettify/downloads/list">download the JavaScript and CSS files</a> from the Google Code website, and include them in your theme as so:</p>
<pre>&lt;link href="prettify.css" type="text/css" rel="stylesheet" /&gt;
&lt;script type="text/javascript" src="prettify.js"&gt;&lt;/script&gt;
</pre>
<p>You will need to adjust the CSS and JavaScript file’s paths as required. Next, add the following to your WordPress theme’s &lt;body&gt;tag:</p>
<pre>onload="prettyPrint()"
</pre>
<p>That’s it. Now simply use class=&#8221;prettyprint&#8221; on the &lt;pre&gt; and &lt;code&gt; elements you’d like the code highlighted automatically. If you need any further details you can <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html">refer to the full documentation</a>. You can then change your prettify.css accordingly, or <a href="http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html">download a Prettify theme</a>.</p>
<h3 id="or-use-the-prettify-wordpress-plugin">Or use the Prettify WordPress Plugin</h3>
<p>Alternatively of course, you can use the <a href="http://wordpress.org/extend/plugins/prettify-wordpress/">Prettify for WordPress plugin</a>, which will do all of this for you. <a href="http://code.google.com/p/google-code-prettify/">Visit the Google Code Prettify Download Page</a></p>
<h2 id="conclusion">Conclusion</h2>
<p>These are the two methods of code highlighting in WordPress I use on my websites, depending on the situation. Do you have another preference you’d recommend for code highlighting in WordPress? Let us know below.</p>
<p>The post <a rel="nofollow" href="http://proudlypowered.com/code-highlighting-wordpress-plugins-and-methods/">Code Highlighting WordPress Plugins and Methods</a> appeared first on <a rel="nofollow" href="http://proudlypowered.com">Proudly Powered</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://proudlypowered.com/code-highlighting-wordpress-plugins-and-methods/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress Plugins for 2012</title>
		<link>http://proudlypowered.com/wordpress-plugins-for-2012/</link>
		<comments>http://proudlypowered.com/wordpress-plugins-for-2012/#comments</comments>
		<pubDate>Sun, 26 Feb 2012 22:44:55 +0000</pubDate>
		<dc:creator><![CDATA[Mark Hesketh]]></dc:creator>
				<category><![CDATA[Plugins]]></category>

		<guid isPermaLink="false">http://proudlypowered.com/?p=23</guid>
		<description><![CDATA[<p>Since putting Proudly Powered online just yesterday, I have had to go through the usual steps of installing recommended WordPress plugins to enhance the website.</p>
<p class="excerpt-link"><a href="http://proudlypowered.com/wordpress-plugins-for-2012/">&#8764;&#160;Continue Reading&#160;&#8764;</a></p>
<p>The post <a rel="nofollow" href="http://proudlypowered.com/wordpress-plugins-for-2012/">WordPress Plugins for 2012</a> appeared first on <a rel="nofollow" href="http://proudlypowered.com">Proudly Powered</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Since putting Proudly Powered online just yesterday, I have had to go through the usual steps of installing recommended WordPress plugins to enhance the website.</p>
<p>As of course this is a WordPress powered website being built-in 2012, I thought I’d take this opportunity to create a quick run down of recommended WordPress plugins to be used.</p>
<p>This list is by no means complete, you may have your preferences, but they come highly recommended as I use them on <a href="http://www.prestadb.com/">my other WordPress driven websites</a> as well as here on Proudly Powered.</p>
<h2 id="akismet">Akismet</h2>
<p><a href="http://akismet.com/?return=true">Akismet</a> is a very smart comment and trackback spam filtering WordPress plugin developed by the folks at <a href="http://automattic.com/">Automattic</a>.</p>
<p><a href="http://wordpress.org/extend/plugins/akismet/"><img class="alignnone wp-image-24 size-full" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-plugin-akismet.jpg" alt="wordpress-plugin-akismet" width="772" height="250" /></a></p>
<p>It is very likely you will recognise the name, or even be actively using this plugin as it comes pre-installed (but not activated) with your WordPress installation.</p>
<p>Akismet intelligently recognises spam based on knowledge gathered from millions of websites. This means that you don’t have to bother your real visitors with CAPTCHA boxes and such.</p>
<p>Detected spam is flagged in your WordPress Admin, and can be removed or approved as you see fit.</p>
<p><a href="http://wordpress.org/extend/plugins/akismet/">Download WordPress Plugin: Akismet</a></p>
<h2 id="w3-total-cache">W3 Total Cache</h2>
<p>A must install WordPress plugin in my humble opinion.</p>
<p><iframe width="500" height="281" src="https://www.youtube.com/embed/rkmrQP8S5KY?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>Developed by <a href="http://www.linkedin.com/in/w3edge">Frederick Townes</a>, <a href="http://wordpress.org/extend/plugins/w3-total-cache/">W3 Total Cache</a> is built to speed up your WordPress website.</p>
<p>W3 Total Cache includes Page / Database / Object Caching, Minifying, CDN Support, CloudFlare integration and much more.</p>
<p>If all of that doesn’t mean anything to you, rest assured that just using the default settings will dramatically improve the speed of your website. Install and see the benefits.</p>
<p>Page speed is important for your visitor’s user experience, but if that’s not enough for you <a href="http://blog.kissmetrics.com/speed-is-a-killer/">it’s widely known that Google likes a fast websites</a>, and will repay you with better rankings.</p>
<p><a href="http://wordpress.org/extend/plugins/w3-total-cache/">Download WordPress Plugin: W3 Total Cache</a></p>
<h2 id="wordpress-seo">WordPress SEO</h2>
<p><a href="http://wordpress.org/extend/plugins/wordpress-seo/">WordPress SEO</a> does ‘exactly what it says on the tin’.</p>
<p><a href="http://wordpress.org/extend/plugins/wordpress-seo/"><img class="alignnone size-full wp-image-28" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-plugin-wordpress-seo.jpg" alt="wordpress-plugin-wordpress-seo" width="772" height="250" /></a></p>
<p>The WordPress SEO plugin will handle nearly all aspects of your WordPress website’s SEO, from your XML sitemaps to analysing your content and offering suggestions regarding your targeted keywords.</p>
<p>Developed by SEO and WordPress expert Joost de Valk aka <a href="http://yoast.com/">Yoast</a>, Joost has included much of his experience in his plugin. As Akismet and W3 Total Cache, in my opinion WordPress SEO is invaluable to your WordPress website and should be one of the first WordPress plugins installed.</p>
<p><a href="http://wordpress.org/extend/plugins/wordpress-seo/">Download WordPress Plugin: WordPress SEO by Yoast</a></p>
<h2 id="adminimize">Adminimize</h2>
<p>The <a href="http://wordpress.org/extend/plugins/adminimize/">Adminimize</a> WordPress plugin lets you hide ‘unnecessary’ items from the WordPress admin area for certain users.</p>
<blockquote><p>“Adminimize is a WordPress plugin that lets you hide ‘unnecessary’ items from the WordPress backend and many more …”</p></blockquote>
<p>If you’re like me and worry a user or client may have too much access to certain areas of the websites administration, such as ‘Editors’ being able to change themes then this plugin is for you.</p>
<p>You can also customise the WordPress admin dashboard, removing certain blocks to specific users, and even easily adding your own which could be particularly instructions when giving instructions to your authors or clients.</p>
<p>Other WordPress plugins such as <a href="http://wordpress.org/extend/plugins/white-label-cms/">White Label CMS</a> have similar functionality, and you could also do this through your functions.php if you preferred, but <a href="http://wordpress.org/extend/plugins/adminimize/">Adminimize</a> can be considered as an ‘all-in-one’ WordPress plugin, allowing you to hide pretty much everything in the WordPress admin from a single interface.</p>
<p><a href="http://wordpress.org/extend/plugins/adminimize/">Download WordPress Plugin: Adminimize</a></p>
<h2 id="after-the-deadline">After the Deadline</h2>
<p>As a <a href="http://www.markhesketh.co.uk/">Web Designer &amp; Developer</a>, writing doesn’t come as naturally to me as it would say a real copywriter.</p>
<blockquote><p>After the Deadline uses artificial intelligence to check spelling, style, and grammar in WordPress.</p></blockquote>
<p>Luckily, the <a href="http://wordpress.org/extend/plugins/after-the-deadline/">After the Deadline</a> WordPress plugin is here to help. The plugin will ‘read’ your posts before submitting them for publish, offering suggestions and improvements.</p>
<p>It’s a great way of proofreading your work and I’ve found it to be very useful. The suggestions are often quite insightful, and 9 times out of 10 allows me to craft a better sentence.</p>
<p>Additionally, <a href="http://wordpress.org/extend/plugins/after-the-deadline/">After the Deadline</a> teaches me to write better. By taking on the WordPress plugin’s suggestions I find that it finds less and less wrong with my posts as my writing style improves over time through its criticism.</p>
<p><a href="http://wordpress.org/extend/plugins/after-the-deadline/">Download WordPress Plugin: After the Deadline</a></p>
<h2 id="feedburner-feedsmith-extend">FeedBurner FeedSmith Extend</h2>
<p><img class="alignright size-full wp-image-29" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-plugins-feedburner-flame.png" alt="wordpress-plugins-feedburner-flame" width="150" height="150" /></p>
<p><a href="http://feedburner.google.com/fb/a/myfeeds?gsessionid=UkSHlgQVjWzCK1lNYMC_Sg">FeedBurner</a> is a service provided by Google, it basically provides an external URL to host your feed as well as providing other useful gadgets such as subscriber tracking.</p>
<p><a href="http://wordpress.org/extend/plugins/feedburner-setting/">FeedBurner FeedSmith Extend</a> is a simple plugin that will change all WordPress’ references to your RSS feed to an external FeedBurner feed that you’ve set up.</p>
<p><a href="http://wordpress.org/extend/plugins/feedburner-setting/">Download WordPress Plugin: FeedBurner FeedSmith Extend</a></p>
<h2 id="google-analytics-for-wordpress">Google Analytics for WordPress</h2>
<p>A self-explantory title, but <a href="http://wordpress.org/extend/plugins/google-analytics-for-wordpress/">Google Analytics for WordPress</a> is a simple plugin created by WordPress SEO author Yoast to add the asynchronous Google Analytics snippet to your website.</p>
<p><a href="http://wordpress.org/extend/plugins/google-analytics-for-wordpress/"><img class="alignnone size-full wp-image-26" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-plugin-google-analytics-for-wordpress.jpg" alt="wordpress-plugin-google-analytics-for-wordpress" width="772" height="250" /></a></p>
<p>The plugin is very simple, and will even connect straight to your Analytics account where you can select your website’s profile rather than remembering your UA-XXXXXX-X ID numbers.</p>
<p>This WordPress plugin is particularly useful as it means you needn’t worry about remembering to include the snippet in your WordPress theme’s footer.php, and so will remain active if you switch themes.</p>
<p><a href="http://wordpress.org/extend/plugins/google-analytics-for-wordpress/">Download WordPress Plugin: Google Analytics for WordPress</a></p>
<h2 id="secure-wordpress">Secure WordPress</h2>
<p>Created by <a href="http://www.websitedefender.com/">WordPress Defender</a>, <a href="http://wordpress.org/extend/plugins/secure-wordpress/">Secure WordPress</a> allows you an easy way to secure your WordPress website.</p>
<blockquote><p>Secure WordPress beefs up the security of your WordPress installation by removing error information on login pages, adds index.html to plugin directories, hides the WordPress version and much more.</p></blockquote>
<p>Everything is possible through a simple interface in the WordPress Plugin settings, just install the plugin, check your options and you’re done.</p>
<p><a href="http://wordpress.org/extend/plugins/secure-wordpress/">Download WordPress Plugin: Secure WordPress</a></p>
<h2 id="ssh-sftp-updater-support">SSH SFTP Updater Support</h2>
<p>By default, WordPress provides functionality to upload and update your WordPress plugins and core WordPress files via FTP and FTPS in the admin.</p>
<p>If however you don’t connect to your web server via FTP and instead use SFTP a nice option is to use <a href="http://wordpress.org/extend/plugins/ssh-sftp-updater-support/">SSH SFTP Updater Support</a>.</p>
<blockquote><p>“SSH SFTP Updater Support” is the easiest way to keep your WordPress installation up-to-date with SFTP.</p></blockquote>
<p>As the quote suggests, this is a simple solution. You’ll be a given a third option of SFTP when updating your WordPress plugins etc.</p>
<p>Just provide your login information and updates and installs will be carried out in exactly the same way as they would via the FTP options.</p>
<p><a href="http://wordpress.org/extend/plugins/ssh-sftp-updater-support/">Download WordPress Plugin: SSH SFTP Updater Support</a></p>
<h2 id="white-label-cms">White Label CMS</h2>
<p><a href="http://wordpress.org/extend/plugins/white-label-cms/">White Label CMS</a> allows you to customise little sections of your authors / clients WordPress admin experience.</p>
<p><a href="http://wordpress.org/extend/plugins/white-label-cms/"><img class="alignnone size-full wp-image-27" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-plugin-white-label-cms.jpg" alt="wordpress-plugin-white-label-cms" width="772" height="250" /></a></p>
<p>You can edit the WordPress login screen and WordPress admin logos, as well as remove various areas of WordPress admin menu.</p>
<p>If you wish, you can also customise snippets of text in the admin area, such as the footer area where you could place a little link back to your agency for example.</p>
<p><a href="http://wordpress.org/extend/plugins/white-label-cms/">White Label CMS</a> is a simple plugin that allows you to quickly tailor the WordPress Admin to your client’s / agency’s brand.</p>
<p><a href="http://wordpress.org/extend/plugins/white-label-cms/">Download WordPress Plugin: White Label CMS</a></p>
<h2 id="wordpress-editorial-calendar">WordPress Editorial Calendar</h2>
<p>If you run a WordPress website with multiple authors, or like to keep a tight schedule on your posts, then the <a href="http://wordpress.org/extend/plugins/editorial-calendar/">Editorial Calendar</a> WordPress plugin gives you a calendar visual to plan all your posts</p>
<p><a href="http://wordpress.org/extend/plugins/editorial-calendar/"><img class="alignnone size-full wp-image-25" src="http://proudlypowered.com/app/uploads/2014/12/wordpress-plugin-editorial-calendar.png" alt="wordpress-plugin-editorial-calendar" width="772" height="250" /></a></p>
<p>The calendar interface lets you clearly see when posts are scheduled to be posted and plan accordingly and you can easily reschedule posts by dragging them between dates on the calendar.</p>
<p>I personally use the calendar to not only plan the scheduling of posts, but to also keep a track of drafts that are to be written.</p>
<p>This is helpful as it means your drafted posts, and the post scheduled is seen by all your authors too.</p>
<p><a href="http://wordpress.org/extend/plugins/editorial-calendar/">Download WordPress Plugin: WordPress Editorial Calendar</a></p>
<h2 id="wp-smushit">WP Smush.it</h2>
<blockquote><p>Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a “lossless” tool, which means it optimizes the images without changing their look or visual quality. After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page’s images and provides a downloadable zip file with the minimized image files.</p></blockquote>
<p>The <a href="http://wordpress.org/extend/plugins/wp-smushit/">WP Smush.it</a> WordPress plugin is an easy way to use Yahoo!’s useful <a href="http://www.smushit.com/ysmush.it/">Smush.it service</a> on the fly.</p>
<p>Your images will be optimised on upload, but you can also ‘smush’ any of your previously uploaded images from older posts too.</p>
<p><a href="http://www.smushit.com/ysmush.it/">Smush.it</a> is highly recommended to keep your image file sizes down, and your web pages fast, and the <a href="http://wordpress.org/extend/plugins/wp-smushit/">WP Smush.it</a> WordPress plugin offers a really easy way to achieve this on your site.</p>
<p><a href="http://wordpress.org/extend/plugins/wp-smushit/">Download WordPress plugin: WP Smush.it</a></p>
<h2 id="any-more-wordpress-plugins-weve-missed">Any more WordPress plugins we’ve missed?</h2>
<p>That’s my roundup list for now. Do you use any of these plugins? Would you also recommended them?</p>
<p>Or maybe you have an alternative or a plugin not featured at all that you regard as invaluable on your WordPress powered website? Please let us know in the comments below.</p>
<p>The post <a rel="nofollow" href="http://proudlypowered.com/wordpress-plugins-for-2012/">WordPress Plugins for 2012</a> appeared first on <a rel="nofollow" href="http://proudlypowered.com">Proudly Powered</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://proudlypowered.com/wordpress-plugins-for-2012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
