<?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>WPHUB Developer Blog</title>
	<atom:link href="http://blog.wphub.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.wphub.com</link>
	<description>WPHUB Developer Blog</description>
	<lastBuildDate>Sat, 18 Oct 2014 16:43:50 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.0</generator>
	<item>
		<title>Getting Started: An Overview of the WordPress Admin</title>
		<link>http://blog.wphub.com/getting-started-overview-wordpress-admin/</link>
		<comments>http://blog.wphub.com/getting-started-overview-wordpress-admin/#comments</comments>
		<pubDate>Mon, 06 Oct 2014 17:45:56 +0000</pubDate>
		<dc:creator><![CDATA[Nathan Weller]]></dc:creator>
				<category><![CDATA[WordPress Tutorials]]></category>

		<guid isPermaLink="false">http://blog.wphub.com/?p=35363</guid>
		<description><![CDATA[So, you’ve just installed WordPress and signed in to your new WordPress via “yourwebsite.com/wp-admin”. Now what? If you’re unfamiliar with WordPress, your first encounter with the admin section can seem intimidating, but we assure you, with a little exploration and experimentation you will get the hang of it in no time. This post can be your guide. The Dashboard The backend of your brand new WordPress website will look like this: The home page of your admin is called just that, Home, and it is located as a submenu under Dashboard on your admin’s main sidebar menu. You’ll notice right [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>So, you’ve just installed WordPress and signed in to your new WordPress via “yourwebsite.com/wp-admin”. Now what? If you’re unfamiliar with WordPress, your first encounter with the admin section can seem intimidating, but we assure you, with a little exploration and experimentation you will get the hang of it in no time. This post can be your guide.</p>
<h2>The Dashboard</h2>
<p>The backend of your brand new WordPress website will look like this:</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-dashboard-1.jpg" alt="wp admin overview dashboard 1" width="650" height="506" class="aligncenter size-full wp-image-35435" /></p>
<p>The home page of your admin is called just that, Home, and it is located as a submenu under Dashboard on your admin’s main sidebar menu. You’ll notice right away that there is a welcome box with lots of helpful links and action steps to get you started. Feel free to poke around any of these and refer back to this post if you happen to get stuck somewhere. The easiest way to learn (and retain the information) is to experiment and figure things out. On the other hand, if you like having the full “bird’s eye-view” first, then read on.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-dashboard-2.jpg" alt="wp admin overview dashboard-2" width="650" height="275" class="aligncenter size-full wp-image-35436" /></p>
<p>In the image above you will notice that I’ve selected the “Screen Options” drop-down tab. This allows me to choose which dashboard widgets I’d like to display and which to hide. I’ve chosen to hide Welcome, Quick Draft, and WordPress News. As I install WordPress themes and/or plugins, more options are likely to appear in the screen options. This is why I like to keep the widgets I choose to remain seen to a minimum, avoiding screen clutter.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-updates.jpg" alt="wp admin overview updates" width="650" height="265" class="aligncenter size-full wp-image-35437" /></p>
<p>The next and final submenu you will find under Dashboard is called Updates. This is where you will be able to update WordPress core files (new versions of WordPress), themes, and plugins. It is always a good idea to run updates as they are released. However, it’s important to always back up your website completely first. To learn more about why that is important and how to do it, check out our tutorial on backing up WordPress.</p>
<h2>Posts</h2>
<p>There are four submenus under Posts. The first, which is also your post archive, is called All Posts. This is where you are able to see, sort, search, and take bulk actions on all of your blog’s posts.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-posts-all.jpg" alt="wp admin overview posts all" width="650" height="295" class="aligncenter size-full wp-image-35438" /></p>
<p>If you would like to create a new blog post, simply click the Add New submenu or the Add New button at the top of All Posts. This will take you to the post editor, seen below.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-posts-add-new.jpg" alt="wp admin overview posts add new" width="650" height="590" class="aligncenter size-full wp-image-35439" /></p>
<p>This is where the magic happens, you might say. For anyone primarily blogging that is. And thankfully, it’s all relatively simple to navigate and use. There is a title space for your post’s headline, an editor that&#8211;if you’re familiar with basic visual editors, like you might find in your email or in a word processor&#8211;should be self explanatory. It’s the boxes on the right-hand side that really need explaining.</p>
<p>Starting at the top and working down we have the publishing controls, post format, categories, tags, and featured image. Publish is where you are able to save your post as a draft (or other status), preview what it will look like once published, edit post visibility, choose to schedule your post for a later date, and of course actually publish to your live blog.</p>
<p>Post format is where you are able to choose between eight different types of blog post&#8211;depending on what your theme supports (as in, has a stylesheet to display). Unless you want your blog post to be just one item, the standard post will most likely suite all of your needs as you can combine all of the other post elements within a single standard post.</p>
<p>Categories, which we’ll get into in more detail in just a moment, can be chosen and/or created in the category section of the post editor. Ideally you will have already narrowed your blog down into between 5-10 categories before adding a lot of blog posts. In that case you will simply check of the appropriate box and head on down to the tags section.</p>
<p>Tags is where, you guessed it, you can add tags to your blog posts. Tags, as a general rule, should be used sparsely and specifically. Try not to bombard your posts with a massive wall of post tags since they are primarily used as a means of filtering down to just the most relevant content on your site&#8211;as opposed to helping your content become discovered on a large social network; like facebook, twitter, or instagram.</p>
<p>Finally, we come to the featured image. If supported by your theme the featured image will be displayed in two places: at the top of your post and as a preview on your blog and/or posts archive page(s). To add a new image simply click on the “set featured image” link and select your preferred image from the media library or upload it from your computer.</p>
<p>Speaking of adding media, let’s take a look at how you can add images, video, audio and more into your blog posts from the Add Media button located above the main text editor box.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-posts-add-new-media.jpg" alt="wp admin overview posts add new media" width="650" height="663" class="aligncenter size-full wp-image-35440" /></p>
<p>As you can see from the image above, when the Add Media button is clicked you are brought to a screen with a few (but powerful) options. To insert media into a blog post all you need to do is set your cursor within the editor at the location you’d like your media to appear, click the Add Media button and then use one of the pictured methods for selecting said media. You can upload it from your computer, use media you’ve already uploaded to the WordPress Media Library (which we will explore together below), or you can insert media via URL.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-posts-categories.jpg" alt="wp admin overview posts categories" width="650" height="402" class="aligncenter size-full wp-image-35441" /></p>
<p>Now let’s get back to categories, which is the next submenu under Posts. As I mentioned above, you will most likely want to limit yourself to a handful of categories. Ideally, a blog consists of just one or a few closely related topics. The idea should then be to create a hierarchy of information, where each subset gets more and more specific, so that it is easy for your blog visitors to find exactly what they are looking for.</p>
<p>For instance, if you were running a blog about working on cars your over-all blog topic would be auto mechanics. After that you might have categories that broke down into the various sections of auto mechanics: engine, transmission, carburetor, etc. After that, tags are meant to be even more specific while post titles (the most specific) are meant to be unique. In this way visitors to your blog will be able to navigate from broad blog topic, all the way down to the exact information they are looking for by using the categories and tags you provide.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-posts-tags.jpg" alt="wp admin overview posts tags" width="650" height="330" class="aligncenter size-full wp-image-35442" /></p>
<p>That wraps up the basics of creating blog posts, now it’s time to talk about media.</p>
<h2>Media</h2>
<p>When you click on Media in the sidebar menu the first submenu it brings you to is Library. This page, sort of like your All Posts submenu, is where all of the media you’ve uploaded to your WordPress website will be archived.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-media-library.jpg" alt="wp admin overview posts tags" width="650" height="287" class="aligncenter size-full wp-image-35443" /></p>
<p>On this page you can change from gallery to list display, sort by media type, search by keyword and execute bulk actions. If you click on an item you are brought to a details page with edit options.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-media-library-details.jpg" alt="wp admin overview media library details" width="650" height="381" class="aligncenter size-full wp-image-35444" /></p>
<p>If you click on the “Edit Image” button, you will be able to make some minor edits right within the WordPress backend.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-media-library-edits.jpg" alt="wp admin overview media library edits" width="650" height="358" class="aligncenter size-full wp-image-35445" /></p>
<p>While basic, these simple editing tools can help you to fit your images to the dimensions of your blog posts so that each post appears uniform, creating a more enjoyable reading experience.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-posts-add-new-media1.jpg" alt="wp admin overview posts add new media" width="650" height="663" class="aligncenter size-full wp-image-35446" /></p>
<p>And finally, if you’d like to add new media to your library all you have to do is click on the “Add New” button in the media library or click on the Add New submenu. In either case you will be brought to the screen shown above where you can drag files from your computer or select them using the finder button.</p>
<h2>Pages</h2>
<p>In WordPress, pages are very similar to posts. The All Pages and Add New submenus under the primary Pages menu option are almost exactly like those of the Post menu above it. Obviously, a page is not displayed on the front end of your website as a blog post, but on the backend there are few practical differences.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-pages-add-new.jpg" alt="wp admin overview pages add new" width="650" height="411" class="aligncenter size-full wp-image-35447" /></p>
<p>With the pages archive being so similar to the posts archive, I have instead limited this section to just the new page editor&#8211;as seen above. The main difference here being the lack of format, category, and tag boxes. And the addition of the Page Attributes box. This box provides you with the option of choosing a parent page, the page template (if your theme provides any other than its standard) and page order. All of which you can leave on their default setting.</p>
<h2>Comments</h2>
<p>The Comments section has no submenus. It’s simply an archive of all the comments left on all your blog posts (and pages, if that feature is activated). This archive, like the other archives, allows for quick searching, sorting, and bulk actions. As well as individual comment management; from marking a comment as unapproved, to responding to it, marking it as spam, and more.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-comments.jpg" alt="wp admin overview comments" width="650" height="224" class="aligncenter size-full wp-image-35448" /></p>
<h2>Appearance</h2>
<p>The appearance section of your admin’s sidebar menu is one you will visit often (at least during initial setup) as it is where all of your primary customization features are located. This of course includes your WordPress theme.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-appearance-themes.jpg" alt="wp admin overview appearance themes" width="650" height="589" class="aligncenter size-full wp-image-35449" /></p>
<p>Every new install of WordPress comes pre-loaded with several free WordPress themes. To activate a theme, all you have to do is hover over the theme you want and click “Activate”. To view more details about a given theme, just click the theme’s thumbnail image. You can even see what each one will look like before activating by viewing the theme demo. Once you’ve made your choice it’s time for further customization, which is our next submenu.</p>
<p>Note: adding new themes, such as the one you might have purchased here at WPHub.com, is its own tutorial. To learn how to do that check out our post How to Install and Configure a WordPress Theme.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-appearance-customize.jpg" alt="wp admin overview appearance customize" width="650" height="663" class="aligncenter size-full wp-image-35633" /></p>
<p>Clicking on the Customize submenu will take you to a unique visual editor with customization controls on the left-hand side and a large preview window on the right. This is extremely useful for previewing potential changes to your theme/site design before making those changes live. Depending on the theme that you have installed, the customization options on the left-hand side are likely to change.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-appearance-widgets.jpg" alt="wp admin overview appearance widgets" width="650" height="352" class="aligncenter size-full wp-image-35634" /></p>
<p>The next submenu under Appearance is called Widgets. Widgets add content and features/functionality to your sidebars or other widgetized areas. The Widgets submenu is where you are able to drag and drop various widgets into the different widgetized areas of your website. Or, if you do not want a widget to appear where you’ve either placed it in the past or it happens to be by default, you can can simply drag it back into the available widgets section.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-overview-apperance-menu.jpg" alt="wp overview appearance menu" width="650" height="329" class="aligncenter size-full wp-image-35636" /></p>
<p>Most themes support one or two menus: a primary menu and a secondary menu. Together, these menus are what make up your site’s navigation. To create and manage these (and possibly many more) you’ll want to go to the Menus submenu option under Appearance. In this section you will be able to create and organize menus within a drag and drop environment.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-appearance-header.jpg" alt="wp admin overview appearance header" width="650" height="331" class="aligncenter size-full wp-image-35637" /></p>
<p>Many, but not all WordPress themes will take advantage of the Header subsection under Appearance. This is where you will be able to make some very basic changes to your header (such as color and whether or not to show the header text) as well as the option of uploading an image header.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-appearance-background.jpg" alt="wp admin overview appearance background" width="650" height="344" class="aligncenter size-full wp-image-35638" /></p>
<p>Similarly, the Background subsection of the Appearance menu will not be utilized by every theme. In those cases that it is not, as with the header, those options are typically folded into a “theme options” panel that is unique to that particular theme. That said though, for all themes that do take advantage of the built-in background options, you are able to select an image (often a repeating pattern) and/or change the color code.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-appearance-editor.jpg" alt="wp admin overview appearance editor" width="650" height="403" class="aligncenter size-full wp-image-36260" /></p>
<p>And finally, we have the editor. This is a section users are often discouraged from using by theme creators. Mostly because any changes you make to files in this editor will be overwritten when you run the next theme update. It is recommended that instead you use a child theme for custom edits that would require you use this Editor. If you are not sure how to create a child theme, check out our tutorial.</p>
<h2>Plugins</h2>
<p>Plugins are php scripts that extend and expand the functionality of a WordPress website. To learn how to install and configure a plugin, check out our tutorial on that topic. To check out which plugins your fresh install comes with (and the location all future installed plugins will appear) navigate to the primary Plugins menu option; it will default to the submenu Installed Plugins.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-plugins-installed.jpg" alt="wp admin overview plugins installed" width="650" height="343" class="aligncenter size-full wp-image-36261" /></p>
<p>On this page you are able to activate, edit, or delete individual plugins as well as take bulk actions on all of your plugins. To add a new plugin, click the Add New button this page or navigate to the next submenu Add New.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-pages-add-new1.jpg" alt="wp admin overview pages add new" width="650" height="411" class="aligncenter size-full wp-image-36262" /></p>
<p>As of WordPress 4.0 the Add New submenu section is completely re-worked to make finding and installing the very best free WordPress plugins from the official WordPress Directory easier than ever. On this page you can find plugins by Featured, Popular, Favorites, Tag Cloud and of course keyword search. As mentioned above, learning how to properly install and configure these plugins is covered in another tutorial.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-plugins-editor.jpg" alt="wp admin overview plugins editor" width="650" height="363" class="aligncenter size-full wp-image-36263" /></p>
<p>Again, the plugin file editor is often discouraged unless you consider yourself proficient in php and at least an intermediate WordPress user (if not developer). With that being the case, this section is easy enough to understand for those with the know-how to use it. Everyone else is probably best off using their plugins as they are or hiring professional help to make alterations.</p>
<h2>Users</h2>
<p>The Users section is, as the name would suggest, where you manage all things associated with site users. The default submenu is All Users.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-users-all.jpg" alt="wp admin overview users all" width="650" height="283" class="aligncenter size-full wp-image-36264" /></p>
<p>Just like the archives we have seen previously, the All Users archive is a single screen where you can search for all the different users/user type associated with your website. From this page you are able to quickly and easily find and edit any user.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-users-add-new.jpg" alt="wp admin overview users add new" width="650" height="425" class="aligncenter size-full wp-image-36265" /></p>
<p>To add a new user simply click on the Add New submenu option or the “Add New” button on the All Users page. The process is simple and straightforward. Simply fill in the required data fields, select your prefered settings, and click “Add New User”.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-users-profile.jpg" alt="wp admin overview users profile" width="650" height="828" class="aligncenter size-full wp-image-36266" /></p>
<p>Once a user signs in they are able to go to the Your Profile link and fill in the fields you see in the image above to complete their profile.</p>
<h2>Tools</h2>
<p>WordPress does not come with an over abundance of built of tools (that’s what plugins are for) but those that it does come with are housed under Tools. When you click on this primary sidebar menu option, it defaults to Available Tools.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-tools-available.jpg" alt="wp admin overview tools available" width="650" height="275" class="aligncenter size-full wp-image-36267" /></p>
<p>There are only two tools under Available Tools: Press This and Categories/Tags Converter. The first is what’s known as a bookmarklet. You can drag Press This into your browser’s bookmark bar and use it to blog to your self-hosted WordPress blog from any page you might happen to be viewing. The Categories and Tags Converter is meant to make it easy for you to convert your categories to tags or vice versa.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-tools-import.jpg" alt="wp admin overview tools import" width="650" height="279" class="aligncenter size-full wp-image-36268" /></p>
<p>The next option under the Tools menu is Import. Every source shown on this page is a potential source for blog posts. Simply click the appropriate link and follow the step by step instructions.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-tools-export.jpg" alt="wp admin overview tools export" width="650" height="280" class="aligncenter size-full wp-image-36269" /></p>
<p>And finally we have the Export option under the Tools menu. This submenu section is dedicated to helping you create an exportable file comprised of your posts, pages, comments, custom fields, terms, navigation menus and custom posts.</p>
<h2>Settings</h2>
<p>The Settings menu option is actually one of the most essential sections of your WordPress admin; especially for the initial setup period. Once these items are configured once, there are few occasions in which you will have to revisit them. That said, and while there are many things here that can be left on default, getting the few vital settings right the first time is pretty important.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-settings-general.jpg" alt="wp admin overview settings general" width="650" height="597" class="aligncenter size-full wp-image-36270" /></p>
<p>In the General section almost everything can be left on default. You’ll probably want to delete or change the tagline. You can leave the URL as is. Your email address will be the same one you signed up with. And all other settings can be left alone unless for reasons of you own, you would prefer to change them. From a best practices perspective, they’re fine.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-settings-writing.jpg" alt="wp admin overview settings writing" width="650" height="573" class="aligncenter size-full wp-image-36271" /></p>
<p>The writing section is the same. Literally everything here can be left on the default settings.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-settings-reading.jpg" alt="wp admin overview settings reading" width="650" height="530" class="aligncenter size-full wp-image-36272" /></p>
<p>Here is where things begin to get important. If you would rather have a static home page instead of showing your most recent blog posts on the home page, this is the place to make that happen. First you’ll need to navigate back up to Pages and create two pages: Home and Blog. Once those pages are published you’ll want to come back to Reading and change your Front page display settings. Select Static Page and make Home your front page and Blog your posts page. Everything else can stay on default unless you prefer otherwise. Be sure to click “Save Changes”.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-settings-discussion.jpg" alt="wp admin overview settings discussion" width="650" height="1149" class="aligncenter size-full wp-image-36273" /></p>
<p>Pretty much everything in Discussion can stay as is. On this page there isn’t anything that you have to change, but if you prefer something different then by all means change things up.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-settings-media.jpg" alt="wp admin overview settings media" width="650" height="398" class="aligncenter size-full wp-image-36274" /></p>
<p>You may or may not want to change the media dimensions based on what displays best for the theme you’ve chosen. This will be on a case by case basis though.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/wp-admin-overview-settings-permalink.jpg" alt="wp admin overview settings permalink" width="650" height="446" class="aligncenter size-full wp-image-36275" /></p>
<p>Finally we come to one of the most important settings there is: Permalink settings. This is the one case in which you overwhelmingly DO NOT want to keep the default setting. When it comes to publishing your pages and posts and getting the most out of your SEO efforts (that’s search engine optimization for the uninitiated) you’ll want to make sure you choose a permalink option that at least includes the name of your post/page. Our recommendation would be that you choose the post name option. It’s simple and puts the focus on the keywords associated with your post (as long as you’ve included them in your title or made a point to edit your permalink on the post editor page).</p>
<p>And that, is the WordPress admin!</p>
<h2>In Conclusion</h2>
<p>As I mentioned at the top of this post, new users are often intimidated by the WordPress admin and it can take a while for that feeling to wear off. However, once you take the time to walk yourself through each section you realize that it’s not that any one aspect of the site is too difficult to grasp but that it’s just a matter of becoming familiar with each section/setting and how they affect everything else that takes time. Having done that in this one post though, you are well on your way to mastering WordPress.</p>
<p>Next, we’d recommend learning how to install and configure new themes and plugins. Or perhaps you’d like to get right down to blogging. In that case, we’ve got some fantastic posts on how to approach and master content strategy/publishing in a way that is sure to grow your readership as quickly as possible.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wphub.com/getting-started-overview-wordpress-admin/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>How to Install and Configure WordPress Plugins</title>
		<link>http://blog.wphub.com/how-install-configure-wordpress-plugins/</link>
		<comments>http://blog.wphub.com/how-install-configure-wordpress-plugins/#comments</comments>
		<pubDate>Fri, 03 Oct 2014 20:31:52 +0000</pubDate>
		<dc:creator><![CDATA[Nathan Weller]]></dc:creator>
				<category><![CDATA[WordPress Tutorials]]></category>

		<guid isPermaLink="false">http://blog.wphub.com/?p=35345</guid>
		<description><![CDATA[In this post we’re going to show you three ways to install a WordPress plugin. But first, let’s take a moment to make sure we all know exactly what a WordPress plugin is and what it does. A WordPress plugin is a php script that extends the functionality of your WordPress website, allowing your site to do something it otherwise wouldn’t be able to do&#8211;such as integrate a newsletter service like mailchimp; sync your website with facebook; create an editorial workflow/calendar; and the list could go on. A good rule of thumb to follow when locating a plugin on the [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>In this post we’re going to show you three ways to install a WordPress plugin. But first, let’s take a moment to make sure we all know exactly what a WordPress plugin is and what it does. A WordPress plugin is a php script that extends the functionality of your WordPress website, allowing your site to do something it otherwise wouldn’t be able to do&#8211;such as integrate a newsletter service like mailchimp; sync your website with facebook; create an editorial workflow/calendar; and the list could go on.</p>
<p>A good rule of thumb to follow when locating a plugin on the official directory is to only install plugins with an average rating of four stars or higher. Granted, some newer plugins may not have had a chance to accrue this rating but as a general rule this should be effective in identifying quality design/development as well as safe/secure plugins. You’ll also want to make sure that the plugin has been updated recently and is compatible with the latest version of WordPress.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/plugin-directory-sidebar-highlight.jpg" alt="plugin directory sidebar highlight" width="600" height="741" class="aligncenter size-full wp-image-35346" /></p>
<p>Ok, so now that you know what a plugin is and how to determine that you’ve found one of high quality, let’s go over the three ways you can install them on your WordPress website.</p>
<h3>Finding and Installing Plugins from the Dashboard</h3>
<p>Perhaps the easiest way to find and install the plugin you’re looking for is by completing the entire process within the WordPress Dashboard itself. To do this simply navigate to <strong>Plugins > Add New</strong> and search for the plugin you’d like to install.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/plugins-addnew-search.jpg" alt="plugins add new search" width="600" height="395" class="aligncenter size-full wp-image-35348" /></p>
<p>Once you’ve found the plugin you’re looking for, you can install it by clicking the “Install Now” button found to the right of the title of the plugin or, if you’ve clicked on “Details”, at the bottom of the resulting lightbox style information panel.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/plugins-install-now-highlight.jpg" alt="plugins install now highlight" width="600" height="401" class="aligncenter size-full wp-image-35358" /></p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/plugins-install-now-button-highlight.jpg" alt="plugins install now button highlight" width="600" height="905" class="aligncenter size-full wp-image-35351" /></p>
<p>Once you have installed the plugin you will be asked to “Activate” it. Do so by clicking “Activate Plugin”.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/plugin-activate.jpg" alt="plugin activate" width="600" height="182" class="aligncenter size-full wp-image-35350" /></p>
<p>In most instances, after activating your new plugin you will notice that your admin sidebar has a new primary menu or that the menu for your new plugin has been added under the primary menu for Settings. In either case, it is important to configure the settings for your new plugin if you want it to function as desired (or at all, in some cases).</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/plugin-new-primary-menu.jpg" alt="plugin new primary menu" width="183" height="178" class="aligncenter size-full wp-image-35352" /></p>
<p>In most cases plugins come with a section, subsection or series of either dedicated to its settings with the appropriate help text included to explain what each option does. To configure your plugin simply review each option, the help text associated with it, make your selections and be sure to click “Save” when a “save button” is provided. If for some reason no new menu or submenu appears then your plugin does not require any configuration.</p>
<h3>Installing Downloaded Plugins via the Dashboard</h3>
<p>Let’s say you’ve purchased a premium plugin from a third party or that you prefer searching for plugins on the official WordPress plugin directory instead of in your Dashboard. How do you install those plugins?</p>
<p>Simply download the plugin’s zipped file from the directory by clicking the large orange download button on the plugin page or using the download prompts provided by the third party.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/plugin-page-orange-download-button.jpg" alt="plugin page orange download button" width="600" height="388" class="aligncenter size-full wp-image-35353" /></p>
<p>Next, in your WordPress Dashboard navigate to <strong>Plugins > Add New > Upload</strong>. Use the “choose file” option to select the zipped folder you downloaded.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/plugin-upload-page.jpg" alt="plugin upload page" width="600" height="161" class="aligncenter size-full wp-image-35354" /></p>
<p>Click “Install Now” and follow the same steps for activation and configuration as before.</p>
<h3>Installing Downloaded Plugins via FTP/SFTP</h3>
<p>Finally, in certain cases you may wish to have more control over the installation process. At these times it may be necessary or preferable to install your plugin via FTP or File Transfer Protocol (a standard network protocol for transferring computer files from one host to another). To do this you will need an FTP client (a desktop application for your computer that provides an interface for you to use FTP). Popular FTP clients include FileZilla for Windows and Transmit for Mac, but a simple web search will reveal a wide variety for you to choose from; some free, some premium.</p>
<p>Once you’ve downloaded your FTP client of choice you’ll be asked to provide the proper login credentials to access the files that comprise your website. This information can be attained through your hosting account. You will need to provide your site’s domain and/or IP address and the username/password associated with it. Again, this information will be specific to your host; it is not your WordPress username and password.</p>
<p>Once you are logged in (preferrably to the SFTP option, as in secure file transfer protocol, not simply FTP) you will see a local file tree on the left panel representing the files on your computer and a hosted file tree on the right panel representing the files that are being hosted for your website.</p>
<p><em>Note: any time you are uploading/deleting files via FTP/SFTP it is highly recommended that you first backup your site completely. If you do not know how to do this please refer to this tutorial on backing up your WordPress website.</em></p>
<p>To install a plugin via FTP/SFTP you will first need to download the plugin files to your desktop. If the files are zipped you will want to unpack them and read the specific install instructions for that plugin. Unless otherwise specified, you will then select the unpacked plugin file from the left panel and drag it into the plugins folder (which can be found within the wp-content folder) on the right panel.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/plugins-sftp-install.jpg" alt="plugins sftp install" width="600" height="420" class="aligncenter size-full wp-image-35355" /></p>
<p>Once the file transfer is complete, navigate within your WordPress Dashboard to <strong>Plugins > Installed Plugins</strong> and locate the new install.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2014/10/plugins-installedplugins-activate.jpg" alt="installed plugins activateugins add new search" width="600" height="313" class="aligncenter size-full wp-image-35349" /></p>
<p>Click “Activate” and then configure the plugin by finding the new sidebar menu and following the help text associated with each setting, same as the two options above.</p>
<h3>In Conclusion</h3>
<p>WordPress plugins are fantastic tools for extending and expanding the functionality of your WordPress website. Installing a plugin is easy and can be done in three different ways depending on your preference:</p>
<p>The first and easiest way is to use the built-in plugin installer found in the WordPress Dashboard under <strong>Plugins > Add New</strong>. The second and nearly as simple method is downloading a plugin’s zipped file from the plugin directory and installing it via <strong>Plugins > Add New > Upload</strong>. And finally, the third method for installing a WordPress plugin is to use an FTP/SFTP client such as FileZilla or Transmit and manually place the unpacked plugin files directly into your site’s plugins folder, which can be found within the wp-content folder.</p>
<p>No matter which method you choose, they all get the job done in just a few seconds or minutes. And just like that, your WordPress site is equipped with new and useful functionality that extends or expands the way you are able to use WordPress.</p>
<p>We hope you found this tutorial helpful, if you have any questions or need clarification on one of the methods mentioned above, please feel free to drop us a line in the comments section below.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wphub.com/how-install-configure-wordpress-plugins/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Install WordPress Locally</title>
		<link>http://blog.wphub.com/how-install-wordpress-locally/</link>
		<comments>http://blog.wphub.com/how-install-wordpress-locally/#comments</comments>
		<pubDate>Wed, 24 Sep 2014 14:00:09 +0000</pubDate>
		<dc:creator><![CDATA[Michael Scott]]></dc:creator>
				<category><![CDATA[WordPress Tutorials]]></category>

		<guid isPermaLink="false">http://www.wphub.com/?p=2432</guid>
		<description><![CDATA[It is always good practice to have testing environment installed locally where you can access it with out internet connection. It can be a real life saver if your internet connection slows down or is lost completely as you can continue to work on modifying your WordPress site in your test area and then update your live site later. This tutorial will show you how to install WordPress locally. It may seem daunting at first, but as you shall soon see, it’s actually very easy and it will give you a controlled environment to work on themes or plugins. XAMPP [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>It is always good practice to have testing environment installed locally where you can access it with out internet connection.  It can be a real life saver if your internet connection slows down or is lost completely as you can continue to work on modifying your WordPress site in your test area and then update your live site later.</p>
<p>This tutorial will show you how to install WordPress locally.  It may seem daunting at first, but as you shall soon see, it’s actually very easy and it will give you a controlled environment to work on themes or plugins.</p>
<p>XAMPP is a great free tool that can be installed easily on a Mac, PC or Linux.  This open source package contains all the necessary tools that a WordPress install requires; Apache, MySQL, PHP and Perl.  The following install was done on a Mac but installing on a PC or Linux machine are virtually identical. Let&#8217;s get started. </p>
<p><strong>1. Download and install XAMPP</strong> <a href="https://www.apachefriends.org/download.html" target="_blank">https://www.apachefriends.org/download.html</a> to the /Application/XAMPP</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/download-xampp.jpg" alt="download xampp" width="650" height="325" class="aligncenter size-full wp-image-35386" /></p>
<p>Then run the install wizard.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/XAMPP-Setup-Wizard.jpg" alt="download xampp" width="513" height="426" class="aligncenter size-full wp-image-35387" /></p>
<p>Then select your components. You will need both XAMPP Core and Developer Files for this install.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/Setup-Select-components.jpg" alt="Setup Select components" width="506" height="423" class="aligncenter size-full wp-image-35388" /></p>
<p>You can download the latest version of WordPress right from the bitnami site or download the latest version of WordPress from WordPress.org (<a href="https://wordpress.org/" target="_blank">https://wordpress.org/</a>)</p>
<p>XAMPP is an Apache distribution that contain MySQl, PHP and Pearl</p>
<p><strong>2. Drag the dmg file to your application folder</strong></p>
<p>This installs by default into these locations: </p>
<p>On Windows:   C:\xampp, </p>
<p>On Linux: /opt/lampp</p>
<p>On OS X:   /Applications/XAMPP</p>
<p><strong>3. Start XAMPP in the application folder</strong></p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/Load-XAMPP-screen.jpg" alt="Load XAMPP screen" width="650" height="459" class="aligncenter size-full wp-image-35389" /></p>
<p><strong>4. Click on &#8216;Manage Servers&#8217; then &#8216;Start All&#8217;</strong>- this will change the red status lights from red to green once all the servers are running.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/manage-servers.jpg" alt="manage servers" width="650" height="458" class="aligncenter size-full wp-image-35390" /></p>
<p>Apache default is port 80</p>
<p>MySQL started at port 3306</p>
<p><strong>5. Click on &#8216;Welcome&#8217; tab then click &#8216;Go to Applications&#8217;</strong>- this will take you to this page http://localhost/xampp/splash.php Click on your preferred language and you will see this page:</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/You-successfully-installed-XAMPP-on-this-system.jpg" alt="You successfully installed XAMPP on this system" width="650" height="517" class="aligncenter size-full wp-image-35391" /></p>
<p><strong>6. In the left column under Tools, click phpMyAdmin</strong></p>
<p>Log in to the admin if asked to</p>
<p><strong>7. Click &#8216;New&#8217; on top left column then check  &#8216;Create database&#8217; and enter &#8216;wordpress&#8217;  then select utf8_general_ci</strong></p>
<p><strong>8. Click &#8216;Create&#8217; button</strong></p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/create-wp-database.jpg" alt="create wp database" width="650" height="470" class="aligncenter size-full wp-image-35392" /></p>
<p>9. <strong>Download the latest version of WordPress</strong>- <a href="https://wordpress.org/download/" target="_blank">https://wordpress.org/download/</a></p>
<p><strong>10. Open the &#8216;Application Folder&#8217; for XAMPP here c:\xampp\htdocs\</strong>  </p>
<p><strong>11. Create a new folder for your WordPress installation</strong>- (e.g. wordpresslocal) and copy all of your WordPress files to it. </p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/wordpresslocal_folder.jpg" alt="wordpresslocal folder" width="650" height="603" class="aligncenter size-full wp-image-35393" /></p>
<p><strong>13. From the <yourwebsite> folder, open wp-config-sample.php in a text editor</strong>.</p>
<p><strong>14. Edit the connection details as follows:</strong></p>
<p>// ** MySQL settings ** //<br />
define(&#8216;DB_NAME&#8217;, &#8216;wordpress&#8217;); // The name of the database<br />
define(&#8216;DB_USER&#8217;, &#8216;root&#8217;); // Your MySQL username<br />
define(&#8216;DB_PASSWORD&#8217;, &#8221;); // &#8230;and password<br />
define(&#8216;DB_HOST&#8217;, &#8216;localhost&#8217;); // 99% chance you won&#8217;t need to change this</p>
<p>So the connection details should look like this:</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/wp_config_php.jpg" alt="wp_config php" width="458" height="186" class="aligncenter size-full wp-image-35394" /></p>
<p><strong>15. Rename the wp-config-sample.php file to wp-config.php and hit &#8216;SAVE&#8217;</strong></p>
<p><strong>16. Install WordPress</strong>- Loading this URL into your web browser: http://localhost/wordpresslocal/wordpress/wp-admin/install.php</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/5-minute-install.jpg" alt="5 minute install" width="650" height="701" class="aligncenter size-full wp-image-35395" /></p>
<p><strong>17. Fill out the form</strong>-  and voila you have a local installation of WordPress for your testing pleasure.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/wordpress-installed.jpg" alt="wordpress installed" width="650" height="453" class="aligncenter size-full wp-image-35396" /></p>
<p><strong>*IMPORTANT NOTE</strong>: In order to update the WordPress core or add/update plugins, you will most likely get all kinds of errors when attempting to do so.  These errors are from permission and ownership conflicts with the FTP server, your computer and WordPress.  You can spend many hours chasing down all the conflicts or you can follow these easy steps that will show you how to by-pass FTP for your updates.</p>
<p><strong>1) Access /wp-config.php</strong></p>
<p>Open your /wp-config.php file from the WordPress root folder from your installation folder wordpress/wp-config.php</p>
<p><strong>2) Add FS_METHOD direct</strong>. </p>
<p>FS_METHOD forces the filesystem method.  Paste this line of code below all other lines of code in your /wp-config.php:</p>
<p>define(&#8216;FS_METHOD&#8217;,&#8217;direct&#8217;);</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/FS_METHOD.jpg" alt="FS_METHOD" width="469" height="293" class="aligncenter size-full wp-image-35397" /></p>
<p><strong>3) Save the changes to the file and close it</strong>. When you attempt to upgrade to the most current WordPress version you should see this:</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2010/06/successfully-updated-wordpress.png" alt="successfully updated wordpress" width="414" height="630" class="aligncenter size-full wp-image-35399" /></p>
<p>That is all there is to it.  Just follow the above instruction and you will have a locally installed fully functioning WordPress website.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wphub.com/how-install-wordpress-locally/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to Configure a WordPress Theme</title>
		<link>http://blog.wphub.com/configure-wordpress-theme/</link>
		<comments>http://blog.wphub.com/configure-wordpress-theme/#comments</comments>
		<pubDate>Sat, 20 Sep 2014 15:46:04 +0000</pubDate>
		<dc:creator><![CDATA[Michael Scott]]></dc:creator>
				<category><![CDATA[WordPress Tutorials]]></category>

		<guid isPermaLink="false">http://www.wphub.com/?post_type=tutorial&#038;p=33874</guid>
		<description><![CDATA[Themes control how your website looks and how content is structured. Even if you are not a designer, it is important for to understand how themes work in WordPress. This tutorial will walk you through the “Appearance” section of the WordPress admin area and show you how to make basic customizations to your website. After installing WordPress and configuring your website settings correctly, the next step is to set up your theme. It is best to configure your WordPress theme before activating plugins on your website. You can then choose plugins that complement your theme. The configuration of your WordPress [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><a href="/themes/">Themes</a> control how your website looks and how content is structured. Even if you are not a designer, it is important for to understand how themes work in <a href="/">WordPress</a>.</p>
<p>This tutorial will walk you through the “Appearance” section of the WordPress admin area and show you how to make basic customizations to your website.</p>
<p>After installing WordPress and configuring your website settings correctly, the next step is to set up your theme. It is best to configure your WordPress theme before activating plugins on your website. You can then choose plugins that complement your theme.</p>
<p>The configuration of your WordPress theme is done in the &#8220;Appearance&#8221; section of the WordPress admin.</p>
<p>For this instruction we will use the default WordPress Twenty Fourteen Theme </p>
<p>1) Click on &#8216;Appearance&#8217; menu then Themes </p>
<p> <img src="https://blog.wphub.com/wp-content/uploads/2013/10/Appearance_Menu_4_0.jpg" alt="Appearance Menu 4" width="161" height="675" class="aligncenter size-full wp-image-35408" /></p>
<p>2) There are three themes already downloaded with WP 4.0, Twenty Fourteen, Twenty Thirteen and Twenty Twelve. </p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/4_0_Themes.jpg" alt="4 0 Themes" width="650" height="328" class="aligncenter size-full wp-image-35409" /></p>
<p>3) You can choose one of them to configure. If you want to use a different theme, click on &#8216;Add Themes&#8217; button.  </p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/Add_Themes.jpg" alt="Add Themes" width="650" height="327" class="aligncenter size-full wp-image-35410" /></p>
<p>4) Click on the &#8216;Upload Theme&#8217; and upload your premium theme from WPHub in .zip format. Make sure that your theme has been zipped correctly. It is common for designers to include documentation, Photoshop files and other things inside their zip file. You want to make sure that your theme folder is located in the top level of your zip file (i.e. at / and not /files/theme-files/your-theme/).</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/Upload_Theme1.jpg" alt="Upload Theme" width="650" height="172" class="aligncenter size-full wp-image-35429" /></p>
<p>5) File Transfer Protocol is a great tool for uploading new themes. Using an FTP client such as <a href="https://filezilla-project.org/" target="_blank">FileZilla</a>, you can upload your theme folder to the /wp-content/themes/ directory. Your theme will then be displayed as an available theme in your WordPress admin under the Themes menu tab.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/file-transfer-protocol.jpg" alt="file transfer protocol" width="550" height="520" class="aligncenter size-full wp-image-35413" /></p>
<p>6) By default Twenty Fourteen is already active in WordPress version 4.0 and when you click on  &#8220;Customize&#8221; on the left menu bar you will see this:</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/customize-theme.jpg" alt="customize theme" width="650" height="225" class="aligncenter size-full wp-image-35412" /></p>
<p>7) Your website title and tagline can be defined through the general settings area. It can also be changed through the customize section. There is also an option to hide the website title in this area.</p>
<p>When you use the &#8220;Customize&#8221; section you preview changes to your header automatically. It is a great way to see how your title and tagline will look in your header.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/customize-2.jpg" alt="title and tag" width="269" height="175" class="aligncenter size-full wp-image-35414" /></p>
<p>8) Twenty Fourteen allows you to change the header text and background colors using a color wheel. Some WordPress themes are more advanced in this regard; allowing you to modify the colors of multiple areas across your design.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/colors.jpg" alt="colors" width="279" height="605" class="aligncenter size-full wp-image-35415" /></p>
<p>9) The customizer also allows you to add a header image.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/header-image.jpg" alt="header image" width="282" height="318" class="aligncenter size-full wp-image-35416" /></p>
<p>10) A background image can also be uploaded and aligned.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/Background-image.jpg" alt="Background image" width="280" height="309" class="aligncenter size-full wp-image-35417" /></p>
<p>11) Next, you can set your Widgets on the Primary Sidebar, the Content Sidebar, and Footer Widget Area.  You can control your widgets individually in the main Widgets tab under the Appearance section.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/widgets.jpg" alt="widgets" width="300" height="203" class="aligncenter size-full wp-image-35418" /></p>
<p>12) Static Front Page &#8211; Here you can set your front page and preview changes once they have been saved</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/static-front-page.jpg" alt="static front page" width="287" height="358" class="aligncenter size-full wp-image-35419" /></p>
<p>13) Featured Content &#8211; Set your home page for a slider or a grid layout.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/Featured-content.jpg" alt="Featured content" width="299" height="306" class="aligncenter size-full wp-image-35421" /></p>
<p>14) Appearance > Widgets</p>
<p>Widgets allow you to add content, menus and interactive features to your sidebars, header and footer. Widget areas are defined in your theme’s functions.php file. You will see each widget area available to you down the right hand side of the widget page.</p>
<p>The number of widget zones depends on the theme you are using. At the very least your theme will have a widget area in the sidebar,however some designs come with over a dozen widget areas. For example, a theme could have a widget area in the header, sidebar, footer, below posts, above posts and on the home page.</p>
<p>Adding widgets to your website is straightforward. All you have to do is drag a widget from the available widgets area on the left hand side of the page to the appropriate widget zone on the right hand side of the page. Each widget can be configured correctly once it has been dragged within a widget zone. Once you have saved your widget, load up your website and check that the widget you configured is displaying correctly.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/Widgets-main.jpg" alt="Widgets main" width="650" height="307" class="aligncenter size-full wp-image-35422" /></p>
<p>Widgets can be deleted from your widget zones by clicking on the delete link at the bottom of the widget. Alternatively, you can drag the widget outside the widget zone and it will be placed in the inactive widgets area. This allows you to drag the widget back at a later date.</p>
<p>15) Appearance > Menus</p>
<p>The WordPress menu system allows you to easily manage navigation menus. Menus can also easily be inserted into other areas of your website using widgets.</p>
<p>To get started, click on the “Create a new menu” link and enter a name for your menu. I recommend using a name that describes where the menu will be placed or what links will be added. For example, I use “Main Menu” for my top navigation menu and “Information Menu” for the information menu in my footer that links to my about and contact pages. This simplifies things later if you create a lot of menus.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/apperance-menu.jpg" alt="appearance menu" width="650" height="264" class="aligncenter size-full wp-image-35423" /></p>
<p>Along the left hand side of the menu page are lists of your pages, links, categories and any post formats you use. All you need to do is select what page, link or category that you want to add to your menu and click on the “Add to Menu” link. Once you have done that, you can rearrange the order of your menu items using drag and drop. By moving a menu item a little to the right of its parent item, it will be listed as a sub-menu. This simple system allows you to create detailed hierarchical menus in minutes.</p>
<p>Do not forget to save your menu at the end or your changes will not be applied to your menu. Once the menu has been saved, you can insert it anywhere on your website.</p>
<p>16) Appearance > Header</p>
<p>Many WordPress themes allow you to insert an image at the top of your website design. Header images are usually static, so to get the best look you are advised to use a defined height and width.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/apperance-header.jpg" alt="appearance header" width="650" height="363" class="aligncenter size-full wp-image-35424" /></p>
<p>If the uploaded image does not match the suggested size, WordPress allows you to crop the image to the correct dimensions.</p>
<p>WordPress does not force you to an image of sufficient size. Therefore, if the image you use is too small, it may only take up part of your page.</p>
<p>17) Appearance > Background</p>
<p>A background image can be uploaded via the theme customizer or via the “Custom Background” page.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/apperance-background.jpg" alt="appearance background" width="650" height="362" class="aligncenter size-full wp-image-35425" /></p>
<p>Images can be positioned to the left, centre or right. They can also be tiled and fixed to the background. A background color can also be defined; which is useful if you do not repeat your background image.</p>
<p>18) Appearance > Editor</p>
<p>All of your theme templates can be viewed through the WordPress theme editor. You can also edit templates through the theme editor if you have made your files writeable (through file transfer protocol or through your hosting control panel).<br />
A good place to familiarize yourself with how WordPress templates work is the WordPress Codex. The developer of your theme should also provide documentation on how to manage the theme you are using.</p>
<p><img src="https://blog.wphub.com/wp-content/uploads/2013/10/apperance-editor.jpg" alt="appearance editor" width="650" height="365" class="aligncenter size-full wp-image-35426" /></p>
<p>You should obviously be cautious whenever you are modifying template files on a live website, particularly if you do not have experience with HTML, CSS and PHP. Be sure to always make a backup of your template files before applying any changes to them.</p>
<p>Conclusion</p>
<p>All WordPress themes are configured a bit differently. It is common for theme developers to use their own theme framework and use their own custom options page for their designs. Thankfully, more and more theme designers are updating their themes so that they comply with features such as the WordPress theme customizer, custom backgrounds and WordPress menu system so this will give you a good knowledge base to configure other WordPress themes.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wphub.com/configure-wordpress-theme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Build a Free WordPress Blog in the Cloud</title>
		<link>http://blog.wphub.com/build-free-wordpress-blog-cloud/</link>
		<comments>http://blog.wphub.com/build-free-wordpress-blog-cloud/#comments</comments>
		<pubDate>Wed, 20 Aug 2014 15:39:32 +0000</pubDate>
		<dc:creator><![CDATA[Ian Lin]]></dc:creator>
				<category><![CDATA[WordPress Tutorials]]></category>

		<guid isPermaLink="false">http://www.wphub.com/?post_type=tutorial&#038;p=35287</guid>
		<description><![CDATA[In this intermediate level WordPress tutorial, I will cover how you can host an absolutely free WordPress blog that you can customize as you see fit. The only alternative solution for a free WordPress blog has to do with signing up with WordPress.com and hosting your blog with them, but they do not offer you the freedom that hosting your site on the Amazon free usage tier does. For one thing, you have complete freedom of design and branding using the cloud server solution described in this tutorial. Setting on Your Amazon Account for Free: The first thing you have [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>In this intermediate level <a href="/tutorials/">WordPress tutorial</a>, I will cover how you can host an absolutely free WordPress blog that you can customize as you see fit. The only alternative solution for a free WordPress blog has to do with signing up with <a href="https://wordpress.com/" target="_blank">WordPress.com</a> and hosting your blog with them, but they do not offer you the freedom that hosting your site on the Amazon free usage tier does. For one thing, you have complete freedom of design and branding using the cloud server solution described in this tutorial.</p>
<h2>Setting on Your Amazon Account for Free:</h2>
<p>The first thing you have to do is sign up and start a cloud server on Amazon&#8217;s free usage tier. Here is how:</p>
<ol>
<li>Go to aws.amazon.com, signup &#038; login to your AWS Management Console</li>
<li>Open EC2 tab and click “Launch Instance”.</li>
<li>Select Linux 64bit with the star by it first step of wizard then click Continue 2 times until you see the screen to enter a key/value pair.</li>
<li>Leave the first key field set to “name”. Set the value to a name to id your server. Click Continue.</li>
<li>If it’s your first time making an instance, choose “create new key pair” and follow the procedure to do so. Otherwise, choose one you created before and continue.</li>
<li>If you haven’t created a security key, choose default here and continue to launch pg and click “Launch”.</li>
<li>Click on text link that reads “View your instances on the Instances page”.</li>
<li>Open Putty and enter the public DNS you were given during instance creation i.e.: ec2-23-50-63-219.compute-1.amazonaws.com into the host field. If you do not have Putty, the command line interface necessary for this step, you can download it at: <a href="http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html" target="_blank">http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html</a></li>
<li>In the left column of your Putty interface, expand “ssh” and click on “auth” then browse to where you saved your .ppk file. If you have a pem, use Puttygen to reformat it. Click “open” when done.</li>
<li>Enter the user name “ec2-user” and you will get a command prompt if it worked.</li>
<li>Type the following command line commands at the prompt:<br />
</br><br />
<em>sudo yum install php-mysql php php-xml php-mcrypt php-mbstring php-cli mysql httpd</p>
<p>sudo yum install mysql-server</p>
<p>sudo /etc/init.d/mysqld start</p>
<p>mysqladmin -u root password UrPassWord</p>
<p>mysql -u root –p</p>
<p>CREATE DATABASE MYSQL;</p>
<p>use MYSQL</p>
<p>CREATE USER &#8216;MYSQL_admin&#8217;@&#8217;localhost&#8217; IDENTIFIED BY ‘myadminpass’;</p>
<p>GRANT ALL PRIVILEGES ON MYSQL TO &#8216;MYSQL_admin&#8217;@&#8217;localhost';</p>
<p>CREATE USER &#8216;MYSQL_user&#8217;@&#8217;localhost&#8217; IDENTIFIED BY &#8216;myuserpass';</p>
<p>GRANT SELECT, INSERT, UPDATE, DELETE ON [DataBase NAME].* TO &#8216;[DataBase NAME]_user&#8217;@&#8217;localhost';</p>
<p>Exit;</p>
<p>Sudo chown e2c-user /var/www/html</p>
<p>sudo vim /var/www/html/index.php</em>
</li>
</ol>
<p>At this point if you typed all the above commands correctly you should be in the middle of editing a file with the vim editor. Type “I” to put it into insert mode and type something for the contents of a test php page,</p>
<p>Then hit the Esc key to get out of insert mode and type “:wq” to save your file.</p>
<p>Type:<br />
<strong>Sudo service httpd start</strong></p>
<p>Go to your public DNS and see if you see your test page. If you don’t try these possible fixes:</p>
<p>Your test page may not have proper file permissions, so type:<br />
<strong>Sudo chown ec2-user /var/www/html/index.php</strong></p>
<p>If it is still not to working, restart the httpd server by typing:<br />
<strong>service httpd restart</strong><br />
or<br />
<strong>servicehttpd stop</strong><br />
then<br />
<strong>servicehttpd start</strong><br />
if it said ok, you are okay, so try again and it should work. </p>
<p>PHPMYADMIN INSTALL:<br />
Now type the following commands to install phpmyadmin if you want it:<br />
</br><br />
<strong>cd /var/www/html</p>
<p>wget http://www.sourceforge.net/projects/phpmyadmin/files/phpMyAdmin/3.4.1/phpMyAdmin-3.4.1-all-languages.tar.bz2</p>
<p>tar -jxf phpMyAdmin-3.4.1-all-languages.tar.bz2 -C /var/www/html</p>
<p>mv phpMyAdmin-3.4.1-all-languages phpmyadmin</p>
<p>cd /var/www/html/phpmyadmin</p>
<p>mkdir config</p>
<p>cp /var/www/html/phpmyadmin/config.sample.inc.php /var/www/html/phpmyadmin/config/config.inc.php</p>
<p>Sudo vim /var/www/html/phpmyadmin/config/config.inc.php</strong></p>
<p>Find the line that reads “$cfg['blowfish_secret'] = &#8221;;” and add a value of a secret passcode. It can be anything.</p>
<p>Find the line that reads “$cfg['Servers'][$i]['AllowNoPassword'] = false;” and change false to true.</p>
<p>Now hit the esc key and type :wq to save and quit. Finally go to your public DNS followed by /phpmyadmin and if it worked you will be in your new phpmyadmin area.</p>
<h2>Installing a WordPress Blog in the Cloud:</h2>
<ol>
<li>Now go to your phpmyadmin and create a new database named wps.</li>
<li>Open Filezilla, click on “edit” select “settings” then select “sftp” in the left column and click on “add keyfile…” in the right column. Select your .ppk file and make a private key out of it. If you already have a private key stored in the box above the button, you may be able to use that instead.</li>
<li>Go to the site manager, click “new site” and enter the public DNS into the host field. Select “SFTP” as the protocol. Logon type needs to be “Normal” and finally enter the username and click connect.</li>
<li>Once connected via FTP using FileZilla or another FTP program, go down two directories to get to the root. Then navigate back up to the HTML dir by going to /var/www/html.</li>
<li>Download and extract WordPress from: <a href="http://wordpress.org/download/" target="_blank">http://wordpress.org/download/</a></li>
<li>Make changes to files from your desktop – Open the new folder named “wordpress” created on your desktop. Locate the file named “wp-config-sample.php” and rename it to “wp-config.php”. Open the config.php file in notepad and fill in your own database details where they are required. You will clearly see where they go as the file is well notated for this purpose.</li>
<li>Upload the WordPress files via FTP – Now create a directory on your server for your blog. If you want your blog to be in the root directory, like example.com, then upload all the files in your WordPress installation to the root folder, but do not include the folder itself, just the files. If you want a separate directory for your blog, make a new directory for your blog, like example.com/blog. Use your favorite FTP client such as FileZilla to upload the files.</li>
<li>Run the WordPress installation script – This is done by accessing the wp-admin/install.php file from a web browser. You would go to example.com/wp-admin/install.php or example.com/blog/wp-admin/install.php depending on how you uploaded it in the previous step.</li>
</ol>
<h2>Summary</h2>
<p>That is all there is to creating you very own free usage tier account with Amazon cloud server and installing WordPress on it. You can use this account completely free if you don’t go over on disk space usage. After that year, you will start accumulating charges. Also, if you go over your allotted disk space in the free usage tier, you will start accumulating charges. Be careful and monitor your Amazon account to be safe. Have fun with your new free WordPress site in the cloud! You will find it goes faster and smoother than on any other server.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wphub.com/build-free-wordpress-blog-cloud/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating a Floating WordPress Share Box</title>
		<link>http://blog.wphub.com/creating-floating-wordpress-share-box/</link>
		<comments>http://blog.wphub.com/creating-floating-wordpress-share-box/#comments</comments>
		<pubDate>Mon, 04 Aug 2014 22:18:09 +0000</pubDate>
		<dc:creator><![CDATA[Ian Lin]]></dc:creator>
				<category><![CDATA[WordPress Tutorials]]></category>

		<guid isPermaLink="false">http://www.wphub.com/?post_type=tutorial&#038;p=35273</guid>
		<description><![CDATA[This is an intermediate level tutorial for WordPress developers interested in adding a floating vertical share box to their WordPress website. I spent the better part of a day trying to find the perfect share box for WordPress and found that most wouldn’t work in both Internet Explorer and Firefox. Well let’s just say they wouldn’t work in Internet Explorer. Most of them work find in Firefox from my experience. However, instead of using one of the ones already available on the internet, I decided to develop my own because the ones I found were too complex and therefore wouldn’t [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>This is an intermediate level tutorial for <a href="/">WordPress</a> developers interested in adding a floating vertical share box to their WordPress website. I spent the better part of a day trying to find the perfect share box for WordPress and found that most wouldn’t work in both Internet Explorer and Firefox. Well let’s just say they wouldn’t work in Internet Explorer. Most of them work find in Firefox from my experience. However, instead of using one of the ones already available on the internet, I decided to develop my own because the ones I found were too complex and therefore wouldn’t work as you would expect them to. So, if you want a simple share box that you can build on to later and that will actually work across all popular browsers, then you have found the tutorial that will get it done.</p>
<h2>Why Not Use WordPress Share Box Plugins</h2>
<p>The main argument against using a WordPress plugin for a floating vertical share box, or any share box for that matter, is that too many plugins slow down your site. This is a rather simple task, so why use a plugin? The answer is simple. Don’t. Follow this easy to read tutorial and I will have you up and running with a nice vertical floating share box in no time at all.</p>
<h2>Prerequisites</h2>
<p>There is not really a lot you need to know before attempting this tutorial. It will help to be familiar with the WordPress admin and HTML however. Other than that, just follow along and have fun!</p>
<h2>Develop Your Floating Share box HTML</h2>
<p>Open your favorite text editor for coding and start a new html file. You will be adding the HTML code first, then appending the CSS styles above it, so let’s start with the bare bones HTML containers as in the following example:</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="css" style="font-family:monospace;">&lt;div id<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;sharebar&quot;</span><span style="color: #00AA00;">&gt;</span>
	&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;share-twitter&quot;</span><span style="color: #00AA00;">&gt;</span>
		&lt;!-- Twitter<span style="color: #00AA00;">:</span> --<span style="color: #00AA00;">&gt;</span>
&nbsp;
		&lt;!-- End Twitter<span style="color: #00AA00;">:</span> --<span style="color: #00AA00;">&gt;</span>
	&lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
	&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;share-facebook&quot;</span><span style="color: #00AA00;">&gt;</span>
		&lt;!-- Facebook<span style="color: #00AA00;">:</span> --<span style="color: #00AA00;">&gt;</span>
&nbsp;
		&lt;!-- End Facebook<span style="color: #00AA00;">:</span> --<span style="color: #00AA00;">&gt;</span>
	&lt;/div<span style="color: #00AA00;">&gt;</span>
&nbsp;
	&lt;div class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;share-plusone&quot;</span><span style="color: #00AA00;">&gt;</span>
		&lt;!-- Google <span style="color: #00AA00;">+</span><span style="color: #cc66cc;">1</span><span style="color: #00AA00;">:</span> --<span style="color: #00AA00;">&gt;</span>
&nbsp;
		&lt;!-- End Google <span style="color: #00AA00;">+</span><span style="color: #cc66cc;">1</span><span style="color: #00AA00;">:</span> --<span style="color: #00AA00;">&gt;</span>
	&lt;/div<span style="color: #00AA00;">&gt;</span>
&lt;/div<span style="color: #00AA00;">&gt;</span>&lt;!--end sharebar div --<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>That’s your basic structure above. Now go to each respective website and grab your button code. Here are the simple instruction as I did mine:</p>
<ol>
<li>Go to <a href="https://twitter.com/about/resources/buttons#tweet" target="_blank">https://twitter.com/about/resources/buttons#tweet</a> and grab a twitter button. I used the “share a link” button because it fit so nice into the vertical side bar I created. If you select a different button, you may have to make your widget wider than I have.</li>
<li>Go to <a href="https://developers.facebook.com/docs/reference/plugins/like/" target="_blank">https://developers.facebook.com/docs/reference/plugins/like/</a> and get a Facebook like button. I chose to leave the URL blank because it defaults to the page it is on. Then I deselected send button, set width to 50 and clicked get code. You will see there are two pieces of code in the window that pops up. Grab them both and paste them one after the other in between your Facebook comment tags in the above HTML example layout.</li>
<li>Go to <a href="https://developers.google.com/+/plugins/+1button/" target="_blank">https://developers.google.com/+/plugins/+1button/</a> and get a Google, Plus 1 button. I scrolled down the page to where it said “a simple button” and used the simple short code snippet found there for my share box and it worked just fine. You may want to experiment with the options though for your own custom share box.</li>
</ol>
<p>All you have to do with the above three steps is grab the code and past it in between the respective comment tags for each of the three share buttons. Once that is done, add your CSS style as I’ll explain next.</p>
<h2>Adding CSS Styles to Your Floating Share Box HTML</h2>
<p>Add the following style to the top of your HTML document and tweak as desired:</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="css" style="font-family:monospace;">&lt;style<span style="color: #00AA00;">&gt;</span>
<span style="color: #cc00cc;">#sharebar</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">fixed</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">45%</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">85px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">center</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#dddddd</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#999999</span><span style="color: #00AA00;">;</span>
	-webkit-border-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
	-moz-border-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border-radius</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">9999999</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.share-twitter</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">32px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.share-facebook</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">32px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span><span style="color: #933;">-12px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.share-plusone</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span><span style="color: #933;">4px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&lt;/style<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>Once you are done with copy and pasting the above style into the top of your HTML document, save it as sharebox.html or whatever file name you desire. Then follow the next section’s directions for uploading it into your WordPress blog.</p>
<h2>Adding a Share Box Sidebar Widget in WordPress</h2>
<p>The way I decided to tackle my vertical floating share box was to add it as a sidebar widget from my WordPress admin. Follow these three easy steps to get started:</p>
<ol>
<li>Login to your WordPress admin</li>
<li>Click on Appearance and then Widgets</li>
<li>Under the available widgets in the left column, click and drag a text widget over to the main sidebar area in the right column. Copy and paste the html from earlier into the main textarea and save.</li>
</ol>
<p>That’s it! You’re done! That was easy wasn’t it? Go ahead and view your site and check out your sidebar widget with the floating share bar. It should work great if you followed along well enough. If not, go back and find your errors and try again. Here is what mine looked like when I was done:</p>
<p><img src="//blog.wphub.com/wp-content/uploads/2014/08/floating-share-box.jpg" alt="floating share box" width="238" height="216" class="aligncenter size-full wp-image-35274" /></p>
<p>Of course, you can always add other share buttons to your own share box. These are just the ones I prefer. </p>
<h2>Summary</h2>
<p>Well, I hope you had fun with this tutorial on building and adding an HTML floating vertical share box to your WordPress blog or website. The instructions are fairly straight forward so I hope everyone could follow along and develop a working share box for their WordPress site. Have fun tweaking yours to fit your exact needs. This tutorial should definitely help you get the ball rolling.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wphub.com/creating-floating-wordpress-share-box/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adding WordPress Functions</title>
		<link>http://blog.wphub.com/adding-wordpress-functions/</link>
		<comments>http://blog.wphub.com/adding-wordpress-functions/#comments</comments>
		<pubDate>Wed, 16 Jul 2014 16:59:36 +0000</pubDate>
		<dc:creator><![CDATA[Ian Lin]]></dc:creator>
				<category><![CDATA[WordPress Tutorials]]></category>

		<guid isPermaLink="false">http://www.wphub.com/?post_type=tutorial&#038;p=35253</guid>
		<description><![CDATA[This is a tutorial for WordPress developers, theme developers and aspiring WordPress gurus. I would consider this an intermediate level tutorial. The concepts are a little complex, but very easy to implement. I will show you several useful WordPress functions that can be added to your current theme’s functions.php file to enhance the look and functionality of your WordPress website or blog. I will also demonstrate how, through the use of hooks, you can call upon those functions when certain events occur. I will also explain how to apply functions that filter text before it is displayed to the screen. [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>This is a <a href="/tutorials/">tutorial for WordPress</a> developers, theme developers and aspiring <a href="/">WordPress</a> gurus. I would consider this an intermediate level tutorial. The concepts are a little complex, but very easy to implement. I will show you several useful WordPress functions that can be added to your current theme’s functions.php file to enhance the look and functionality of your WordPress website or blog. I will also demonstrate how, through the use of hooks, you can call upon those functions when certain events occur. I will also explain how to apply functions that filter text before it is displayed to the screen.</p>
<h2>Prerequisites</h2>
<p>There are some things you need to understand somewhat before attempting to use this tutorial, but if you don’t know everything, don’t worry, this is not a hard tutorial to follow. You can get by with only limited knowledge of PHP and the WordPress infrastructure because I will explain things in a step by step manner. It always helps to have as much knowledge of PHP, HTML, JavaScript and WordPress whenever working with the WordPress core however. So no matter how advanced you are on these techniques, give it a shot. Often times the best way to learn is do so by just doing it. That is how I first learned how do code many years ago and today I am able to code in over a dozen languages.</p>
<h2>The Functions.php File</h2>
<p>There is a functions.php file in every WordPress theme that I have worked with. It is the commonly used file for adding PHP functions to WordPress themes. It effectively hooks into the WordPress core and adds the desired functionality to your entire site, making a function available for use on any post or page. There are two ways to find your functions.php file. I like to use a FTP application such as FileZilla, but you can also access them directly through the WordPress admin. To locate your functions.php file with an FTP client, navigate to your server’s root directory then go to /wp_content/themes and look for a directory named after the theme you are using. In the WordPress admin, simply open the editor and select your theme from the drop down in the top right of the page. Then look in the left column for the functions.php file and click on it to bring it up in the editor.</p>
<h2>Filters and Actions</h2>
<p>Functions are commonly called in WordPress by using actions or filters. Actions are hooks WordPress call upon when specific events occur. For example you may want a custom function to be called when publishing a post or showing a page.</p>
<p>Filters are hooks that call upon functions used to modify text. They are either applied to the text before it is saved to a database table or before it is sent to the screen for viewing.</p>
<p>I found a decent reference for filters in the WordPress codex at:<br />
<a href="http://codex.wordpress.org/Plugin_API/Filter_Reference" target="_blank">http://codex.wordpress.org/Plugin_API/Filter_Reference</a></p>
<p>There is also a list of actions in the codex at:<br />
<a href="http://codex.wordpress.org/Plugin_API/Action_Reference" target="_blank">http://codex.wordpress.org/Plugin_API/Action_Reference</a></p>
<h2>Adding a Function to WordPress</h2>
<p>Adding a simple function to WordPress is done by editing the functions.php file. I generally like to add them towards the top of the page, but you can add them where ever you like except of course inside of an existing function. The start or end of the functions.php file are the most practical places to add your functions. Be sure to place a comment before your function so you will know what it does in the future. Also make your comments concise so the others who may end up editing the file will know what it was added for. It is also a good idea to explain any parameters in the comments before a function. Single line comments are added using two forward slashes before the text. Multiple line comments are added using slashes and asterisks as in the following example:</p>
<h2>Function for Changing Excerpt Length</h2>

<div class="wp_syntax"><table><tr><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #666666; font-style: italic;">/*
set_excerpt_length function:
 Written by: Ian L. of Jafty.com 
Purpose: changes the length of post excerpts.
*/</span>
<span style="color: #000000; font-weight: bold;">function</span> set_excerpt_length<span style="color: #009900;">&#40;</span><span style="color: #000088;">$length</span><span style="color: #339933;">=</span><span style="color: #cc66cc;">70</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #666666; font-style: italic;">//the number of words in each excerpt:</span>
	<span style="color: #b1b100;">return</span> <span style="color: #000088;">$length</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
add_filter<span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'excerpt_length'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'set_excerpt_length'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Notice the use of both comment types in the above PHP code as well as the add_filter call after the function to hook it into the WordPress core. The above functions makes use of the excerpt_length filter to change the length of post excerpts on your WordPress blog. The excerpt_length filter is just one example of a collection of hooks. In the above set_excerpt_length function, I set the default length to 70 words by setting the variable, $length to 70 in the functions parenthesis. You can change the value by setting the length when calling the function within the add_filter call as well. For example, if you wanted to set the length to 20 words instead, you would change the add_filter line to read:</p>
<p><em>add_filter( &#8216;excerpt_length&#8217;, &#8216;set_excerpt_length(20)&#8217;);</em></p>
<h2>Calling a Function on Page Load</h2>
<p>The following function demonstrates how you might add some code to the header of each page in WordPress. By using the wp_head action, WordPress calls the function you specify every time a new page is opened.</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="php" style="font-family:monospace;"> <span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #000000; font-weight: bold;">function</span> say_hi<span style="color: #009900;">&#40;</span><span style="color: #000088;">$toName</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;&lt;script&gt;alert('Hello <span style="color: #006699; font-weight: bold;">$toName</span>! Welcome to my WordPress blog...');&lt;/script&gt;&quot;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_head'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'say_hi'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>The function above simply calls the say_hi function when the page loads by adding a JavaScript alert dynamically with PHP in the header of any page that is visited. Obviously that means it will be called anytime any page is opened, so you may want to add more code to the function to limit it to the home page. This is just an example function however. You could use this technique to add something that is more suited to be called into action when any page loads.</p>
<h2>Filtering Comment Text Function</h2>
<p>This I a handy function to get rid of any unwanted words in comments on a WordPress site. You can use it to filter out foul language or any other words you just don’t want to show up on your blog.</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> filter_bad_text<span style="color: #009900;">&#40;</span><span style="color: #000088;">$content</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$badwords</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'arse'</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'hell'</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'freelancer'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #000088;">$content</span><span style="color: #339933;">=</span><span style="color: #990000;">str_ireplace</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$badwords</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'{censored for content}'</span><span style="color: #339933;">,</span><span style="color: #000088;">$content</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #b1b100;">return</span> <span style="color: #000088;">$content</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
add_filter<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'comment_text'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'filter_bad_text'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>If you notice, I used the comment_text filter hook. The coment_text filter hook is applied to comment text before it is presented to the screen so that any words in the badwords array will no longer show up. They will be replaced with {censored for content} instead. You can change the replace text with whatever you wish as well.</p>
<h2>Creating an Action Hook</h2>
<p>If you don’t see the action hook you need to accomplish your goal, you can add an action hook with the do_action function. For example, if you wanted to add an action to the index.php page that triggers just before the post loop that prints posts to the page. Look for the loop in index.php which starts with a line similar to the following line of code:</p>
<p><em>if (have_posts()) : while (have_posts()) : the_post();</em></p>
<p>Then add the following line of code just above it:</p>
<p><em>do_action( ‘before_post_loop&#8217; ); </em></p>
<p>That effectively adds a new action hook named ‘before_post_loop’ to WordPress and it can be called upon simply by using:</p>
<p><em>add_action(‘before_post_loop’, ‘some_function’);</em></p>
<p>Notice the parameters. The add_action function takes the action name we created followed by a function that you want to apply before the WordPress loop is called. In this case, the function you name in place of “some_function” will get called in index.php before the posts are displayed.</p>
<h2>Summary</h2>
<p>After reading this tutorial, you should have a good idea of how to make use of many of the action and filter hooks in the WordPress codex. You should also be able to add your own filter and action hooks which gives you the freedom to alter the look and functionality of your WordPress site in numerous ways. Good luck using hooks and PHP functions in your own WordPress environment and have fun adding useful functionalities to your blog or website. The possibilities are endless.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wphub.com/adding-wordpress-functions/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to Install WordPress in a Few Minutes</title>
		<link>http://blog.wphub.com/install-wordpress-quickly/</link>
		<comments>http://blog.wphub.com/install-wordpress-quickly/#comments</comments>
		<pubDate>Tue, 08 Jul 2014 15:50:03 +0000</pubDate>
		<dc:creator><![CDATA[Nathan Weller]]></dc:creator>
				<category><![CDATA[WordPress Tutorials]]></category>

		<guid isPermaLink="false">http://www.wphub.com/?post_type=tutorial&#038;p=35243</guid>
		<description><![CDATA[This post was updated on October 3, 2014 In this post we’re going to show you how to install WordPress on your host in just a few minutes. Part of what makes installing WordPress so quick and easy is its popularity. WordPress is far and away the most popular content management system in the world and because of this most hosts have created what’s called a “one-click” WordPress installation feature. I’ll show you this method first and then what is known as the manual method of installing WordPress via FTP (file transfer protocol) second. Using Your Host’s “One-Click” WordPress Installation [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><strong>This post was updated on October 3, 2014</strong></p>
<p>In this post we’re going to show you how to install WordPress on your host in just a few minutes. Part of what makes installing WordPress so quick and easy is its popularity. WordPress is far and away the most popular content management system in the world and because of this most hosts have created what’s called a “one-click” WordPress installation feature. I’ll show you this method first and then what is known as the manual method of installing WordPress via FTP (file transfer protocol) second.</p>
<h3>Using Your Host’s “One-Click” WordPress Installation Feature</h3>
<p>Each hosting service is going to have a slightly different looking interface, but the process remains the same.</p>
<p><strong>1. Find the One-Click Install Section</strong></p>
<p>This is sometimes a sub-section such as “goodies” that houses other offerings such as analytics, adwords, etc. Other times it is its own section.</p>
<p><strong>2. Choose WordPress</strong></p>
<p>When you click on the WordPress options you will be asked which domain to install WordPress on. Select the appropriate domain (which much be fully hosted to appear, not simply registered). Unless you choose to create a custom database one will be created for you.</p>
<p><strong>3. Click Install</strong></p>
<p>After clicking it takes between five and ten minutes for the install to complete and an email will be sent to you with a few simple instructions that you can follow along with in order to access the admin section of your new WordPress website!</p>
<h3>Installing WordPress via FTP</h3>
<p>It has become increasingly rare for a hosting service not to have a simplified WordPress installation process. However, you may have your own server or simply desire to manage the installation manually for a number of different reasons. In any of these cases, the FTP WordPress installation instructions below will have you up and running in as few as five minutes.</p>
<p><strong>1. Download &#038; Unzip the WordPress Package</strong></p>
<p>First, download the WordPress package from WordPress.org. To accomplish this simply click on the link that reads “Download WordPress 4.0” (or the latest version of WordPress).</p>
<p>Next…</p>
<p><strong>For Windows</strong>: click save file then left click on the file name in the “Downloads” pop up window and choose the “open containing folder” option to open the folder with your download. Now left click on the zip archive entitled “wordpress-4.0” or the most recent version title and choose “Extract”. In the extract pop up, click the “Browse” button and select “Desktop” to extract the archive to your desktop.</p>
<p><strong>For Mac:</strong> navigate to your downloads folder and find the new zipped WordPress file. Then, double-click the zipped file and it will unzip into a folder. You can then drag the WordPress folder to your desktop for easy access.</p>
<p><strong>2. Create a Database &#038; MySQL User on Server</strong></p>
<p>From within your hosting account, navigate to PHPMyadmin and create a table for WordPress. The table name is up to you, but we suggest simply naming it “wordpress” if you only plan to have one installation. Otherwise something like “wordpress_1” would be good for multiple installations.</p>
<p><strong>3. Rename wp-config-sample.php to wp-config.php &#038; Edit</strong></p>
<p>Back on your desktop, open the new folder named “wordpress”. Locate the file named “wp-config-sample.php” and rename it to “wp-config.php”. Open the config.php file in notepad or textedit (for Windows and Mac respectively) and fill in your own database details where they are required. You will clearly see where they go as the file is well notated for this purpose.</p>
<p><strong>4. Upload WordPress Files to Server</strong></p>
<p>Now create a directory on your server for your blog. If you want your blog to be in the root directory, like example.com, then upload all the files in your WordPress installation to the root folder, but do not include the folder itself, just the files. If you want a separate directory for your blog, make a new directory for your blog, like example.com/blog. Use your favorite FTP client such as FileZilla or Transmit to upload the files.</p>
<p><strong>5. Run the WordPress Installation Script</strong></p>
<p>This is done by accessing the wp-admin/install.php file from a web browser. You would go to example.com/wp-admin/install.php or example.com/blog/wp-admin/install.php depending on how you uploaded it in the previous step.</p>
<h3>What’s Next?</h3>
<p>After completing either of the two WordPress installation methods above you now have a brand new WordPress website, on your very own domain, to do with what you will. Those of you newer to WordPress and perhaps unfamiliar with how to configure the initial settings might want to continue on to our overview of the WordPress admin. Others of you may want to learn how to install and configure themes or plugins. While still others may wish to continue learning about the basic infrastructure of WordPress itself.</p>
<p>If you’re already familiar with all of that information and would instead like to experiment with WordPress customizations, themes, plugins and more then you may enjoy our tutorial on how to create a copy of your WordPress website on your local machine; which provides a risk free environment for experimentation.</p>
<p>Whatever your next step, we’ve got you covered. Happy pressing!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wphub.com/install-wordpress-quickly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Delete Posts in Bulk Using Bulk Delete</title>
		<link>http://blog.wphub.com/delete-posts-bulk-delete-plugin/</link>
		<comments>http://blog.wphub.com/delete-posts-bulk-delete-plugin/#comments</comments>
		<pubDate>Tue, 01 Jul 2014 15:22:36 +0000</pubDate>
		<dc:creator><![CDATA[Kevin Muldoon]]></dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.wphub.com/?p=35182</guid>
		<description><![CDATA[Deleting posts in WordPress can be cumbersome if you are trying to delete a large number of posts. The most practical method is to click on the screen options menu at the top of your admin area and increase the number of posts that are displayed on every page. This works really well if you have a few hundred of posts, however you will experience timeouts if you try to delete too many at a time. There are many reasons why you may need to delete a large number of posts in bulk. For example, you may be deleting many [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>Deleting posts in <a href="/">WordPress</a> can be cumbersome if you are trying to delete a large number of posts. The most practical method is to click on the screen options menu at the top of your admin area and increase the number of posts that are displayed on every page.</p>
<p>This works really well if you have a few hundred of posts, however you will experience timeouts if you try to delete too many at a time.</p>
<p><img src="//blog.wphub.com/wp-content/uploads/2014/05/wordpress-screen-options.png" alt="WordPress Screen Options" width="550" height="125" class="aligncenter size-full wp-image-35191" /></p>
<p>There are many reasons why you may need to delete a large number of posts in bulk. For example, you may be deleting many old news posts and revamping your blog. Or perhaps you imported posts incorrectly and need to remove them, but are unavailable to revert to a backup.</p>
<p>I recently had to delete a huge number of posts from one of my websites. I had installed an auto posting WordPress plugin that published related YouTube videos every hour. The idea was to generate traffic naturally from Facebook followers. The system worked&#8230;at first. However, traffic dropped off once Facebook cleaned up their act and stopped people trying to game the home page.</p>
<p>The other day, I finally got round to removing all the video posts I had added. There were over 15,000 posts that had to be deleted. Due to timeouts, deleting all of these posts would have taken an age using the screen options method.</p>
<p>I therefore turned to a free WordPress plugin called <a href="http://wordpress.org/plugins/bulk-delete/" title="Bulk Delete">Bulk Delete</a>. It is a fantastic tool that allows you to manage bulk deletes more intelligently. It lets you filter items for deletion in a number of ways. </p>
<p>The first option is post status. This lets you delete posts with a specific status, such as draft, scheduled, or pending.</p>
<p><img src="//blog.wphub.com/wp-content/uploads/2014/05/bulk-delete-post-status.png" alt="Bulk Delete Post Status" width="550" height="482" class="aligncenter size-full wp-image-35187" /></p>
<p>A number of options are available for deletion. You can restrict deletion to posts that are older than a specific date. Alternatively, you can delete the first X amount of posts. If you are deleting thousands of posts, I recommend limiting post deletions to 500 posts or less so that you do not experience any time outs.</p>
<p>The default selection is to move all items to WordPress trash. Be aware that if you leave this selected, the items will be kept in your trash until it is emptied. The default number of days that items are stored in your trash is 30, however you <a href="http://codex.wordpress.org/Editing_wp-config.php#Empty_Trash" title="Emptying WP-Config.php">can alter this</a> by adding <em>define( &#8216;EMPTY_TRASH_DAYS&#8217;, 5 );</em> to your website wp-config.php configuration file. </p>
<p>When I am deleting a lot of posts, I normally select the option to delete the posts permanently so that they are removed from my website database right away.</p>
<p>The plugin also lets you delete posts by category. This is particularly useful if you are removing a specific section from your website.</p>
<p><img src="//blog.wphub.com/wp-content/uploads/2014/05/bulk-delete-category.png" alt="Bulk Delete Category" width="550" height="698" class="aligncenter size-full wp-image-35190" /></p>
<p>Posts can also be deleted by tags. There is an option at the bottom of your list to select all tags or deselect all tags. This is useful if you have a large number of tags.</p>
<p><img src="//blog.wphub.com/wp-content/uploads/2014/05/bulk-delete-tag.png" alt="Bulk Delete Tag" width="550" height="382" class="aligncenter size-full wp-image-35188" /></p>
<p>Posts can also be deleted by URL. In my opinion, this is one of the plugin&#8217;s best features, as search engine optimization software frequently outputs a list of URLs that you should alter or delete. All you would have to do is enter these URLs into the URL box and then delete then.</p>
<p>Post revisions can also be deleted in this section. This is a quick way of reducing the size of your database by removing unnecessary post drafts.</p>
<p><img src="//blog.wphub.com/wp-content/uploads/2014/05/bulk-delete-post-revision-url.png" alt="Bulk Delete Post Revisions and URL" width="550" height="405" class="aligncenter size-full wp-image-35186" /></p>
<p>It is not just posts that Bulk Delete can delete. The plugin also lets you delete pages, custom post types, and custom taxonomies.</p>
<p><img src="//blog.wphub.com/wp-content/uploads/2014/05/bulk-delete-pages-post-types.png" alt="Bulk Delete Pages and Post Types" width="550" height="538" class="aligncenter size-full wp-image-35185" /></p>
<p>A number of <a href="http://sudarmuthu.com/wordpress/bulk-delete/pro-addons/" title="Bulk Delete Pro Add Ons">additional add ons</a> are available from the developer&#8217;s website. These include delete posts by custom field and delete posts by title. Many other add ons are available that will help you schedule the deletion of posts according to certain factors. All of these add ons retail at $15 each (except the delete posts by custom field add on &#8211; that costs $30).</p>
<p><img src="//blog.wphub.com/wp-content/uploads/2014/05/bulk-delete-custom-field-title1.png" alt="Bulk Delete Custom Field and Title" width="650" height="180" class="aligncenter size-full wp-image-35195" /></p>
<p>If you find yourself in a situation where you need to delete a large number of posts or pages, or simply need a better way to filter the content that is being deleted, then I recommend using <a href="http://wordpress.org/plugins/bulk-delete/" title="Bulk Delete">Bulk Delete</a>. I have used it on a few occasions and have always found it has saved me a huge amount of time.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wphub.com/delete-posts-bulk-delete-plugin/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Migrating a WordPress Site with CakePHP</title>
		<link>http://blog.wphub.com/migrating-wordpress-site-cakephp/</link>
		<comments>http://blog.wphub.com/migrating-wordpress-site-cakephp/#comments</comments>
		<pubDate>Mon, 23 Jun 2014 19:43:44 +0000</pubDate>
		<dc:creator><![CDATA[Ian Lin]]></dc:creator>
				<category><![CDATA[WordPress Tutorials]]></category>

		<guid isPermaLink="false">http://www.wphub.com/?post_type=tutorial&#038;p=35228</guid>
		<description><![CDATA[This is an advanced tutorial for WordPress users interested in using WordPress CakePHP. There are several tricks in this tutorial you can apply to your WordPress/CakePHP setup when moving from one server to another. The tricks in this tutorial can be useful whether you are moving to a new server or adding WordPress to your current server with CakePHP on it. Either way, most of the things in this tutorial will need to be done. Moving a CakePHP/WordPress Site There are some special precautions to take when moving a WordPress site that has CakePHP installed. First of all is the [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>This is an advanced <a href="/tutorials/">tutorial for WordPress</a> users interested in using WordPress CakePHP. There are several tricks in this tutorial you can apply to your WordPress/CakePHP setup when moving from one server to another. The tricks in this tutorial can be useful whether you are moving to a new server or adding WordPress to your current server with CakePHP on it. Either way, most of the things in this tutorial will need to be done.</p>
<h2>Moving a CakePHP/WordPress Site</h2>
<p>There are some special precautions to take when moving a WordPress site that has CakePHP installed. First of all is the server configuration. There is often a need to modify the httpd.conf file for your server in order to get the paths to work in your WordPress installation. This is because while a normal server without CakePHP installed has a server root of / while a CakePHP server will have a server root of /app/webroot/. That makes it necessary to alter the line that reads “documentRoot: ….”. You need to change it to have “/app/webroot” after the documentRoot declaration. A simple search in the VI editor at the command prompt for “documentRoot” should do the trick. For those of you not familiar with command line. Here is how to do it on a Linux box or in Putty:</p>
<p>Enter this at command prompt: </p>
<p>sudo vi /etc/httpd/conf/httpd.conf</p>
<p>Be sure to use the correct directory path for your httpd.conf file on your server. That is what is was on mine, but will be different on some servers.</p>
<p>The above command should have opened the VI text editor in Linux with the httpd.conf file opened in it and ready for editing.</p>
<p>Type “I” without quotes to put VI into insert mode.</p>
<p>Use the arrow keys to move down to where the documentRoot declaration is.</p>
<p>Modify the text and hit esc key again to exit insert mode. Then type “:wq” without the quotes to save and exit the file and VI editor.</p>
<p>Restart your server with the following command:</p>
<p>sudo service httpd restart</p>
<p><strong>Moving your WordPress Database</strong></p>
<p>Moving the WordPress database is almost the same as for any WordPress installation. The only small difference is that you may have CakePHP tables to move as well, so look out for those. When you move the database, you have to make some changes to the URLs found in the wp_options table. Simple scroll down the table in browse mode using phpMyAdmin and change any of the site’s old URLs to the new server’s URLs. There is normally at least three that will need changed. Be sure to skim the entire table looking for URLs that are from the old installation and update them in phpMyAdmin. The image below shows one example of a URL that would need changed once the database is on the new server for WordPress to function properly:</p>
<p><img src="//blog.wphub.com/wp-content/uploads/2014/06/datab-cakephp.jpg" alt="datab cakephp" width="450" height="72" class="aligncenter size-full wp-image-35229" /></p>
<h2>Editing CakePHP’s Config Files</h2>
<p>In order to make your new WordPress and/or CakePHP database work, go into the app/Config folder on the new server and update the database.php file to reflect your new database connection.</p>
<h2>Installing WordPress with CakePHP</h2>
<p>Maybe you are not moving a site, but adding WordPress to an existing CakePHP enabled server instead. In that case there is one thing that stops WordPress and CakePHP from working together seamlessly that needs to be addressed in most cases. It is the fact that WordPress uses the double underscore (__) and CakePHP doesn’t allow double underscore conventions. Therefore there is a fix known as the CakePHP WordPress Component that can help. To learn more about it and to see how to install it, go to <a href="http://www.kyletyoung.com/code/cakephp_wordpress_component" target="_blank">http://www.kyletyoung.com/code/cakephp_wordpress_component</a>. If you have issues with the double underscore then give this a try.</p>
<p><strong>Where to install WordPress with CakePHP</strong></p>
<p>If you are going to install WordPress with CakePHP, you need to install it in the app/webroot directory for CakePHP to integrate with it. You do not want to put it in the original web root of the server or / because CakePHP rewrites the URLs to all point to app/webroot. Therefore WordPress will not work in the base directory with CakePHP installed on the same server. There are some workarounds if you really want to do this, but it’s not recommended. Besides, what’s the use of having both on the same server if you cannot use CakePHP with WordPress?</p>
<h2>Should You Use CakePHP with WordPress</h2>
<p>That is a question up for debate. There are some advantages for certain, but there are also disadvantages for some people. It mostly depends on whether you have the patience to learn a framework and whether you know PHP well enough to even bother. CakePHP is nothing more than a PHP framework after all. It was designed to make certain tasks normally done in PHP alone are little easier with helper classes and libraries available through the use of CakePHP. CakePHP is a PHP library, but it is important to distinguish the difference between libraries and frameworks. All PHP frameworks are libraries, but not all libraries are frameworks. A framework implies that it contains an infrastructure to help you do several things in PHP while a library is often a way to accommodate a single need or group of needs in PHP.</p>
<p>If you are good with PHP and looking for a faster way to do tasks such as form validation, database manipulation and enhancing your site’s security, then CakePHP is for you. If you are comfortable with PHP and can do all these things fairly quickly, then you may not want to bother, but if you do these things often, a framework such as CakePHP can certainly speed up your day to day coding. Have a look at the cakePHP manual to see if you think it can help your particular situation or not. I am not a huge fan of frameworks myself, but I try to be fair and give them a chance, so go ahead and give it a try and see if you like it. It might take a day or two to figure it out, but if you end up using it regularly, it will be worth the effort.</p>
<h2>Summary</h2>
<p>For the most part, CakePHP and WordPress do not integrate on many levels to date. However with increasing users, CakePHP is getting more popular and it is likely that WordPress and PHP enthusiasts will find ways to make CakePHP and WordPress work together in more ways in the future. There are several advantages that a good developer could make use of with CakePHP and WordPress combo even though not too many have taken the opportunity to put them together as of the time that this tutorial was written. The reason for this tutorial was not so much to integrate the two infrastructures, so much as to make them work side by side on the same server. It is necessary in cases where you have a CakePHP application on the same server as a WordPress installation where they are both supported by the same root directory. That root directory will need to be that of the CakePHP installation in most cases unless you know some mod-rewrite or .htaccess file tricks. I hope this tutorial helped some of you with your WordPress and CakePHP issues. I know there are a few grey areas. That is why I decided to write on this subject.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wphub.com/migrating-wordpress-site-cakephp/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 0.425 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2014-10-28 18:33:08 -->
