<?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>WP First Aid &#187; option panel</title>
	<atom:link href="http://wpfirstaid.com/tag/option-panel/feed/" rel="self" type="application/rss+xml" />
	<link>http://wpfirstaid.com</link>
	<description>It&#039;s WordPress ... anything is possible!</description>
	<lastBuildDate>Thu, 26 Apr 2012 14:24:14 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4-beta4-20725</generator>
		<item>
		<title>Plugin Installation</title>
		<link>http://wpfirstaid.com/2009/12/plugin-installation/</link>
		<comments>http://wpfirstaid.com/2009/12/plugin-installation/#comments</comments>
		<pubDate>Wed, 30 Dec 2009 18:57:43 +0000</pubDate>
		<dc:creator>The Doctor</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[option panel]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[settings]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://wpfirstaid.com/?p=167</guid>
		<description><![CDATA[Installing a WordPress plugin with step-by-step instructions and pictures.]]></description>
			<content:encoded><![CDATA[<p>To install a WordPress plugin is in most cases fairly straight forward but if you have never installed one before the first time can be a bit awkward. Lets install two plugins with these step-by-step instructions.</p>
<p>First, you will need to be logged into your administration pages. This should be a familiar process. Remember this?</p>
<div id="attachment_168" class="wp-caption aligncenter" style="width: 310px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/login.png"><img class="size-medium wp-image-168" title="Login" src="http://wpfirstaid.com/wp-content/uploads/2009/12/login-300x290.png" alt="" height="290" width="300"></a><p class="wp-caption-text">The typical WordPress login form</p></div>
<p>Next, on the left hand side of your screen you should see your administration pages menu. It will looks very much like this.</p>
<div id="attachment_170" class="wp-caption aligncenter" style="width: 144px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/menu.png"><img class="size-medium wp-image-170" title="Menu" src="http://wpfirstaid.com/wp-content/uploads/2009/12/menu-134x300.png" alt="" height="300" width="134"></a><p class="wp-caption-text">The admin. menu</p></div>
<p>To install a new plugin there are essentially two methods that can be done from these administration pages. Both methods make use of the menu at the top of the &#8220;Install Plugins&#8221; page. Here is a screen snippet of the page:</p>
<div id="attachment_175" class="wp-caption aligncenter" style="width: 310px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/install.png"><img class="size-medium wp-image-175" title="Install Plugins" src="http://wpfirstaid.com/wp-content/uploads/2009/12/install-300x89.png" alt="" height="89" width="300"></a><p class="wp-caption-text">A screen snippet of the Install Plugins page. Click to enlarge. Click back to return.</p></div>
<p>Let&#8217;s look at the upload method first. This method only works for plugins you have downloaded to your local computer. Click on the upload link at the top of the Install Plugins page and you should see something like this on your screen:</p>
<div id="attachment_178" class="wp-caption aligncenter" style="width: 310px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/upload.png"><img class="size-medium wp-image-178" title="Upload Browser" src="http://wpfirstaid.com/wp-content/uploads/2009/12/upload-300x133.png" alt="" height="133" width="300"></a><p class="wp-caption-text">Click on the Browse button to open the file browser for your computer.</p></div>
<p>Next, locate the plugin zip file on your local computer. In this example we will use a <a href="http://buynowshop.com/2009/10/modified-facebook-sharecount-plugin/">modified version</a> of the <a href="http://www.fbshare.me/">Facebook Sharecount</a> plugin by <a href="http://thesnowballfactory.com/">Snowball Factory, Inc.</a> Your screen may look something like this:</p>
<div id="attachment_180" class="wp-caption aligncenter" style="width: 310px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/file.png"><img class="size-medium wp-image-180" title="File Browser" src="http://wpfirstaid.com/wp-content/uploads/2009/12/file-300x236.png" alt="" height="236" width="300"></a><p class="wp-caption-text">An example of locating a plugin zip file</p></div>
<p>Click the &#8220;Open&#8221; button (see example image above). This will populate the field on the Install Plugins page under uploads. Click the &#8220;Install Now&#8221; button. The next step is <a href="#activate-plugin">activating the plugin</a> which we will look at in a moment, after going through the steps to use the &#8220;Search&#8221; method(s). The &#8220;Featured&#8221;, &#8220;Popular&#8221;, &#8220;Newest&#8221;, and &#8220;Recently Updated&#8221; options are simply pre-configured special &#8220;Search&#8221; criteria. Here is a screen snippet:</p>
<div id="attachment_184" class="wp-caption aligncenter" style="width: 310px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/search.png"><img class="size-medium wp-image-184" title="Search Results" src="http://wpfirstaid.com/wp-content/uploads/2009/12/search-300x118.png" alt="" height="118" width="300"></a><p class="wp-caption-text">Large Image. The results for searching on the term: Support. Click to enlarge. Click back to return.</p></div>
<p>Locate the plugin you are interested in using, for this example we will look at the <a href="http://buynowshop.com/plugins/bns-support/">BNS Support</a> plugin. The plugin name itself will link to the page the plugin author has designated, the link to the far right will start the installation process. Clicking on the &#8220;install&#8221; link will open a pop-up style interface, very similar if not identical to this one:</p>
<div id="attachment_186" class="wp-caption aligncenter" style="width: 244px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/install_now.png"><img src="http://wpfirstaid.com/wp-content/uploads/2009/12/install_now-234x300.png" alt="" title="Install Now" class="size-medium wp-image-186" height="300" width="234"></a><p class="wp-caption-text">The install now pop-up window</p></div>
<p>Clicking the big red &#8220;Install Now&#8221; button will display a screen with information like this:</p>
<div id="activate-plugin"></div>
<p><div id="attachment_188" class="wp-caption alignleft" style="width: 310px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/activate.png"><img src="http://wpfirstaid.com/wp-content/uploads/2009/12/activate-300x137.png" alt="" title="Activate" class="size-medium wp-image-188" height="137" width="300"></a><p class="wp-caption-text">After the plugin is installed it needs to be activated.</p></div> <div id="attachment_192" class="wp-caption alignright" style="width: 310px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/manage.png"><img src="http://wpfirstaid.com/wp-content/uploads/2009/12/manage-300x267.png" alt="" title="Manage Plugins" class="size-medium wp-image-192" height="267" width="300"></a><p class="wp-caption-text">An example of the Manage Plugins page after plugin activation.</p></div></p>
<div class="clear"></div>
<p>Some plugins offer functionality simply with their activation, for example the <a href="http://buynowshop.com/plugins/bns-login/">BNS Login</a> plugin, other plugins require they are placed in a widget area of the theme. To add a plugin to one of these widget areas, you will need to click on Appearance, then click on Widgets; and, the Available Widgets page should be displayed. It will have a similar look to this example:</p>
<div id="attachment_195" class="wp-caption aligncenter" style="width: 310px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/widgets.png"><img src="http://wpfirstaid.com/wp-content/uploads/2009/12/widgets-300x132.png" alt="" title="Available Widgets" class="size-medium wp-image-195" height="132" width="300"></a><p class="wp-caption-text">Large Image. An example of possible available widgets. Click to enlarge. Click back to return.</p></div>
<p>To use the plugin, drag-and-drop its title bar into an open widget area. Widget areas are theme dependent. If the widget area you want to use is not &#8220;open&#8221; first click on the small triangle on the right side of the widget area title. Now you can drag-and-drop the plugin title bar there. As you drag the plugin into the widget area, an outline of the plugin title bar will appear showing the plugin can be dropped. Once the plugin has been dropped into a widget area, if it exists, the plugin option menu will pop open. Similar to these next screen snippets:</p>
<p><div id="attachment_198" class="wp-caption alignleft" style="width: 200px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/drop.png"><img src="http://wpfirstaid.com/wp-content/uploads/2009/12/drop-190x300.png" alt="" title="Drop Zone" class="size-medium wp-image-198" height="300" width="190"></a><p class="wp-caption-text">A plugin being dragged into a widget area.</p></div> <div id="attachment_199" class="wp-caption alignright" style="width: 226px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/option.png"><img src="http://wpfirstaid.com/wp-content/uploads/2009/12/option-216x300.png" alt="" title="Plugin Option menu" class="size-medium wp-image-199" height="300" width="216"></a><p class="wp-caption-text">Once dropped, the plugin will pop open its option menu.</p></div></p>
<div class="clear"></div>
<p>Some plugins have full pages to manage their options, either in addition or as their only method of control. This is more common for plugins that do not need or have use of being placed in a widget area. These option pages are generally placed in the admin menu at the author&#8217;s discretion. The most common area to find the plugin settings page is under &#8230; Settings, as this example shows:</p>
<div id="attachment_201" class="wp-caption aligncenter" style="width: 310px"><a href="http://wpfirstaid.com/wp-content/uploads/2009/12/settings.png"><img src="http://wpfirstaid.com/wp-content/uploads/2009/12/settings-300x292.png" alt="" title="Settings" class="size-medium wp-image-201" height="292" width="300"></a><p class="wp-caption-text">A common place to find plugin settings pages is under the admin Settings.</p></div>
<p>Now you can return to your home page and see your newly installed, and configured, plugin. Congratulations!</p>
]]></content:encoded>
			<wfw:commentRss>http://wpfirstaid.com/2009/12/plugin-installation/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Keep Check Mark in Checkbox</title>
		<link>http://wpfirstaid.com/2009/12/keep-check-mark-in-checkbox/</link>
		<comments>http://wpfirstaid.com/2009/12/keep-check-mark-in-checkbox/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 17:23:08 +0000</pubDate>
		<dc:creator>The Doctor</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[checkbox]]></category>
		<category><![CDATA[option panel]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://wpfirstaid.com/?p=161</guid>
		<description><![CDATA[A simple fix to the problem of the checkbox not staying checked in WordPress option panels.]]></description>
			<content:encoded><![CDATA[<p>Something I have come across recently in several plugins (mine included) was the checkbox in the option panel not staying checked!</p>
<p>The option itself was being maintained; the plugins are working according to expectations; but, the visual check mark in the box was not there. This can be become frustrating and annoying. A fix was needed. Here is it, in the form of a generic snippet:</p>
<pre class="brush: plain; title: ; notranslate">
&lt;p&gt;
	&lt;input class=&quot;checkbox&quot; type=&quot;checkbox&quot; &lt;?php checked( (bool) $instance['do_something'], true ); ?&gt; id=&quot;&lt;?php echo $this-&gt;get_field_id( 'do_something' ); ?&gt;&quot; name=&quot;&lt;?php echo $this-&gt;get_field_name( 'do_something' ); ?&gt;&quot; /&gt;
	&lt;label for=&quot;&lt;?php echo $this-&gt;get_field_id( 'do_something' ); ?&gt;&quot;&gt;&lt;?php _e('Display the Do Something action?'); ?&gt;&lt;/label&gt;
&lt;/p&gt;
</pre>
<p>The key is the <code>(bool)</code> in the <code>checked()</code> function. If it does not exist the checkbox will not maintain the visual check mark correctly.</p>
]]></content:encoded>
			<wfw:commentRss>http://wpfirstaid.com/2009/12/keep-check-mark-in-checkbox/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

