OneWordSurveys.com

The Site

OneWordSurveys.com is a site as simple as it’s concept: Simple (one word) answers to simple questions. The site poses simple questions to users, all with one word answers. Questions like “Soda or Pop?”, “Coke or Pepsi?”, “Biscuits or Muffins?”, and much, much more. The site also provides a means for users to submit their own surveys as well.

The Design

As you can see from visiting the site, the design is not overly complicated. The client wanted to focus on the surveys and make them as visible as possible and make voting simple. This meant a clean and simple design making the posts highly visible in the overall design. The theme chosen is called SimpleX and is provided by WPShoppe.com.

Only minor changes were made to the theme and installed plugins on the website after the initial design. Most of these were simply aesthetic changes at the request of the client. In addition to standard performance plugins, we also developed a plugin to allow all posts to be posted directly to the client’s Twitter account as well as also posting directly to the client’s Facebook page setup for OneWordSurveys.com. Lastly, we also customized a contact form plugin so that when a user submits a survey of their own, it will automatically create the survey and schedule the post within the database, thus automating the website further. At this point, all the client has to do is double check the post before it’s scheduled post time.

Overall, this site was a very quick and easy site we developed for the client. However, as you can see, and as the client can attest to with the automation, quick and easy does not always sacrifice quality. This site took approximately 5 hours to complete.

OneWordSurveys.com includes the following services:

• HTML
• PHP
• CSS
• Javascript
• AJAX
• MySQL
• Customized WordPress Blog
• WordPress Theme Customization
• WordPress Plugin Development

Phillip made a very easy function (posted below) that allows you to insert code for multiple Adsense units into your blog theme’s functions.php file and then call it with the comment-style tag <!–Adsense1–> (a la <!–more–>). After modifying the functions.php file, you only need to modify the single.php file to call the function in order to get return the Ads.

The beauty of the function is not only that you can create additional adsense units and call which specific one you need, but that if you happen to place your <!–Adsense1–> code before the <!–more–> tag or within the post excerpt, it will be read as a regular HTML comment since the index.php or archive.php files do not recognize <!–Adsense1–> as a WordPress tag.

Check back on my blog or subscribe to my feed as I plan on turning this function into a WordPress plugin to streamline the installation and use even more.
——————
Edit your theme’s functions.php file by appending the following lines to the end of the file. Your functions.php file is located at /wp-content/themes/[your theme name]/functions.php. If you do not have a functions.php file, you can create one with this code (make sure you replace your Adsense Code)

function get_the_content_with_formatting ($more_link_text='', $stripteaser=0, $more_file='')
{
   $content = get_the_content($more_link_text, $stripteaser, $more_file);
   $content = apply_filters('the_content', $content);
   $content = str_replace(']]>', ']]>', $content);
   return $content;
}

function AddGoogleAds ($content)
{
$Adsense1_1 = <<<ADSCODE1
<script type="text/javascript"><!--
google_ad_client = "pub-9999999999999999";
google_ad_slot = "0000000000";
google_ad_width = 250;
google_ad_height = 250;

//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
ADSCODE1;

$Adsense2 = <<<ADSCODE2
<script type="text/javascript"><!--
google_ad_client = "pub-9999999999999999";
google_ad_slot = "1111111111";
google_ad_width = 336;
google_ad_height = 280;

//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>ADSCODE2;

$content = str_replace(array('<p><!--Adsense1--></p>','<!--Adsense1-->'),$Adsense1,$content);
$content = str_replace(array('<p><!--Adsense2--></p>','<!--Adsense2-->'),$Adsense2,$content);
return $content;
}

(source: Philip Ze)

After you have made the above changes, make the following changes to your single.php file, again in your theme’s directory. Find the line with the tag the_content(parameters) and replace it with the content below:

<?php
   $cont = get_the_content_with_formatting();
   $cont = AddGoogleAds($cont);
   echo $cont ;
?>
<?php /* the_content('(more)'); */ ?>

Again, to insert your ads into your post content, place the tag <!–Adsense1–> or <!–Adsense2–> into your content. You can continue adding more Adsense units to your functions.php file following the same templaye as what is currently there.

FreeAdviceForCharity.com

The Site

FreeAdviceForCharity.com is a a site based out of Phoenix, AZ that looks to give back to it’s visitor’s, more than most sites on the internet usually do. The basis behind FreeAdviceForCharity.com is that the sites team of professional financial advisors provide FREE financial advice to it’s visitors and ask nothing in return, aside from a request to donate to Rotary International’s PolioPlus Fund. The Mission Statement of the site is:

FreeAdviceForCharity.com is to provide the best quality advice for individuals regarding various financial needs while at the same time promoting local charities and building a stronger community.

The Design

When I was initially approached by the client about this site, his description of the site he wanted was one where he could provide financial information and articles to his visitors on a regular basis. He wanted to be able to continue to update the content and keep it fresh. Immediately my thoughts turned to WordPress to create a blog site. What better way to continually update the site and information for visitor’s without needing all the technical expertise and know-how to do so?

The client was initially turned off a bit by the idea of a blog. I believe this was mainly due to the misconceptions of the usefulness and power of a blog, in addition to the poor image that blogs have received due to the over-saturation of blogs on the internet. Many of the blogs out there are poor in design and (especially) content. Once I started to show the client the power of a WordPress blog, and the fact that they can be altered so that the site does not even look like your “traditional” blog, he became more open to the prospect.

When starting a professional blog-based site, I think the first step is finding a theme that you like and fits your needs. I searched all over for a good financial-based theme and presented the client with a number of ideas to go off of. He finally decided on not a financial theme, but a travel based theme from EZWPthemes.com.. This site provides a number of great looking WordPress themes for free.

After nailing down the theme, next came the customization. If you compare the above theme to the current site, you’ll notice a number of differences. These include changes made to the header to make it a financial theme, replacement of the image in the recent post section with the Mission Statement and info box, and the replacement of the Gallery on the left with multiple other modules.

After the customization of the theme, it was time to start working on the content for the site; content other than the main blog posts. This included a Request a Consultation page with custom JavaScript and AJAX built into the request form. The other main piece of development was the “Did You Know?” module on the left hand side. Visitor’s will be presented with various “Did You Know?” facts as they travel throughout the site. This was a custom WordPress Plugin we developed specifically for this site. The client has the ability to log into his WordPress dashboard and add new quotes, edit existing quotes, or delete existing quotes, all of which are stored in a separate table within the WordPress database itself. With the WordPress Plugin API, plugin development is pretty simple as it is mostly just basic PHP programming that utilizes the hooks built into WordPress. You will also notice the “Meet With An Advisor” module on the left hand side. We are currently working on another plugin to allow this data to be changed by the client as well.

Overall this was not a complicated site, as WordPress makes it very easy to launch websites in short amounts of time. This site took just over 18 hours to complete, most of which was spent on the theme customization and plugin development.

FreeAdviceForCharity.com includes the following services:

• HTML
• PHP
• CSS
• Javascript
• AJAX
• MySQL
• Customized WordPress Blog
• WordPress Theme Customization
• WordPress Plugin Development