Wayward Roots

The Wayward Roots website project was a complete in house job that spanned the whole website development life cycle. We established a hard budget with the client during the estimation and proposal process. To stay under budget while producing a … Continue reading

The Game Within

The Game Within website was a fun project to work on. We’ve done previous work for Christo Schutte, owner of The Game Within. Our piece of the puzzle was solely website design and web development. There were also certain elements … Continue reading

CrossFit Rehoboth (CFR)

CrossFit Rehoboth was an interesting project. The project encompassed several different elements: website design / development, graphic design, logo design, content management system (WordPress), and custom web application development. The website was built in several rolling phases. The client needed … Continue reading

Woodin Associates

The Woodin project included Logo Design, Graphic Design, Website Design, Copy Writing, Photography, Content Development and Creation, Search Engine Optimization, Printed Materials, and developing the website in a Content Management System (WordPress). The project was completed in late 2010. Continue reading

Tile McGee

Tile McGee is a company that manufactures custom accent tiles. They hired us to create a logo / identity for their Tile McGee brand, a website for their business including e-commerce, basic Search Engine Optimization, and printed materials like business cards, stationary, and envelopes. The website was built on the Content Management System, WordPress Continue reading

Recently noticed that in WordPress you weren’t allowed to specify any html tags on the title in their default text widget. Read that many use a plugin for this. As I HATE using plugins, except when absolutely necessary, I wanted to find an alternative solution.

Decided the easiest way would be to create my own widget, to allow HTML text in the title. Of course I could seek out the current Text widget and remove the strip_tags function that is called (which removes all html tags). Problem is when WP core is updated it would overwrite my updates. Plus it is terrible practice to update WP core.

Instead I decided to create a new HTML Text widget.

Figured this may be useful to someone else & also in general when creating your own widgets.

Research and digging found that the Text widget can be found in the /wp-includes/default-widgets.php file.

Copy the following code to your functions.php & now, feel free to use HTML tags in your title.

NOTE :: WordPress annoyingly writes their code as a mixture of PHP and HTML. I’ve gone through the trouble of converting it all to PHP, so it can be displayed below. Also I don’t like how they just output the code via echo instead of reading into a variable and outputting @ the end.


class html_text_widget extends WP_Widget 
{

	function __construct() 
	{
        parent::__construct(
        // Base ID of your widget
        'html_text_widget', 

        // Widget name will appear in UI
        __('HTML Text Widget', 'html_text_widget_domain'), 

        // Widget description
        array( 'description' => __( 'Allows HTML Text in the header', 'html_text_domain' ), ) 
        );
    }
	

        // Widget description
        array( 'description' => __( 'Allows HTML Text in the header', 'html_text_domain' ), ) 
        );
    }
	
	function widget( $args, $instance ) 
	{
		extract($args);
		$title = apply_filters( 'widget_title', empty( $instance['title'] ) ? '' : $instance['title'], $instance, $this->id_base );
		$text = apply_filters( 'widget_text', empty( $instance['text'] ) ? '' : $instance['text'], $instance );
		echo $before_widget;
		if ( !empty( $title ) ) { echo $before_title . $title . $after_title; } 
		echo '
'.!empty( $instance['filter'] ) ? wpautop( $text ) : $text.'
'; echo $after_widget; } function update( $new_instance, $old_instance ) { $instance = $old_instance; $instance['title'] = ($new_instance['title']); if ( current_user_can('unfiltered_html') ) $instance['text'] = $new_instance['text']; else $instance['text'] = stripslashes( wp_filter_post_kses( addslashes($new_instance['text']) ) ); // wp_filter_post_kses() expects slashed $instance['filter'] = isset($new_instance['filter']); return $instance; } function form( $instance ) { $instance = wp_parse_args( (array) $instance, array( 'title' => '', 'text' => '' ) ); $title = ($instance['title']); $text = esc_textarea($instance['text']); echo '<'.'p>'; echo '<'.'input class="widefat" id="'.$this->get_field_id('title').'" name="'.$this->get_field_name('title').'" type="text" value="'.esc_attr($title).'" />

'; echo '<'.'textarea class="widefat" rows="16" cols="20" id="'.$this->get_field_id('text').'" name="'.$this->get_field_name('text').'">'. $text.''; echo '<'.'p><'.'input id="'.$this->get_field_id('filter').'" name="'.$this->get_field_name('filter').'" type="checkbox" '.checked(isset($instance['filter']) ? $instance['filter'] : 0).' /> '; } } // Register and load the widget function html_text_load_widget() { register_widget( 'html_text_widget' ); } add_action( 'widgets_init', 'html_text_load_widget' );

There are a lot of references to WordPress within our website and portfolio page. If you are reading this then you probably know what WordPress is, or at least you have an idea of what it does.

ong>If you are unfamiliar with WordPress, here is a brief description:

WordPress is a flexible, intuitive website Content Management System. A Content Management System (CMS) allows the customer to control the website’s content without any programming knowledge. Typically this is done through a WYSIWYG interface. WordPress also provides the client intuitive control to add / remove pages and reorganize the menu. Clients also can also add images within the content. EJ Host also custom tailors WordPress’ content management on a per client basis. This gives the client the ability to update specific parts of the website.

Search for WordPress designers or developers and you will see thousands of results.

How does EJ Host stand out?

We stand out from our competition by developing our WordPress websites the same way we develop all websites, with XHTML and CSS . We start with analysis and research to formulate a design with you. We graduate these ideas and concepts to create a design. This design is then developed to a WordPress theme.

Our Competition

Most other “WordPress designers” have no idea how the inner workings of WordPress actually work, nor do they care. These designers either use WordPress theme templates or are using themes as a guideline to dictate their layout.

Our Competitive Edge

We only use WordPress as a Content Management System – all of our layouts are custom designed and then integrated into WordPress. We use CSS and XHTML to control the look of the site. The content is then filled in by WordPress. We have in depth WordPress knowledge which allows us to use WordPress functionality without having to settle on any out of the box design. So when we create your website, we can design it to any specification and then integrate it into WordPress.

Why do we use WordPress

There are many other pieces of software that perform many of the same functionality as WordPress such as Joomla, Sharepoint, Drupal, and PHP Nuke.

Why do we use WordPress?

  • WordPress is very intuitive for the client to use with a short learning curve
  • WordPress is an active and widely used product that is constantly updated, improved, and refined.
  • WordPress offers your revision history which allows the author to recover a prior version of any page or post within the website
  • WordPress has great Search Engine Optimization capabilities, including search friendly links and W3C compliant code
  • Modular design allows developer to include or exclude as much code as necessary
  • Ability to integrate other technologies such as AJAX, JQuery, Flash, Janrain and Ruby on Rails
  • Unbelievable amount of plugins available to extend functionality

Read about advanced WordPress functionality here

Questions? Feedback? Leave us a comment or spread the word via Social Bookmarking below

The Wayward Roots website project was a complete in house job that spanned the whole website development life cycle.

We established a hard budget with the client during the estimation and proposal process. To stay under budget while producing a high quality product, efficiency was even more important than usual. One of the main pieces that was removed was lack of design concepts and lack of revisions. We needed to get this one right the first time!
Read more about working within a hard budget here.

We felt confident using this method of development since we had excellent communication with the site owner. We understood his expectations and felt like we were on the same page with him. Conceptually, we shared his vision and understood that he needed the site done quickly.

Word count: 267
Last edited by jesse on April 20, 2011 at 2:20 pm

Excerpt

The Wayward Roots website was developed using a custom WordPress theme loosely based on the 2010 theme. This is our typical method of WordPress development, we start with a stripped down custom theme and build upon it.

We used our set of custom WordPress functions to handle some of the sidebar and SEO items on the site.

From there we setup Posts categories and custom fields to manage News, Music, and Home page images. This allows the site owner to easily manage these lists.

The last pieces were using JQuery cycle and PHPThumb to manage the home page images. PHPThumb takes the full sizer image and does a zoom crop + maximum resize to display the image within the home page’s frame.

We had a lot of fun doing this site and check out Wayward Roots music

The Game Within website was a fun project to work on. We’ve done previous work for Christo Schutte, owner of The Game Within.

Our piece of the puzzle was solely website design and web development. There were also certain elements of graphic design that were required of us, but the design and concept was done by Rodd at Cause Design.

This project was a rapidly paced project which moved quickly. We met with Rodd and he supplied us with the entire design and concept in Photoshop. We then translated this design into a web based format. Geoff from Geoff Matheson Design helped with CSS and graphic work. His work was invaluable in getting the design tweaked just right.

For this project we used WordPress as our CMS. WordPress is a superior user friendly CMS and is designed for SEO and other internet web standards.

For all of our websites that use WordPress, we design the WordPress theme from the ground up. Our theme is loosely based on the best parts of the current recommended 2010 design. We start with a stripped down 2010 theme + some of our own default goodies. A customized theme and layout is then created from this default. This is where we then build our CSS and XHTML code. Since we have such an in depth knowledge of WordPress, we can use built in WordPress functions at times, and then either use our own custom written PHP functions or create our own. The combination allows us to create anything and everything possible, while giving the site owner complete control over their site.

Other features of this website are:
1. A JQuery Cycle based home page splash. JQuery Cycle is very cool because it allows you to use JavaScript with regular XHTML & CSS. It is incredibly flexible and really easy to use.

2. Lots of WordPress Post customization. We use WordPress Posts as custom taxonomies which power pieces of the site, like the Testimonials. The site owner can then add and edit these Posts and all of the information will appear in the correct sections of the website.

3. Recent Blog posts on the home page use PHPThumb to display thumbnails of larger images. PHPThumb is one of the coolest scripts we’ve found in awhile. It allows runtime thumbnails to be created & their file size adjusted proportionately. This means that the site owner can upload any image & our script can crop this image however we tell it to. Super Cool!!

4. TypeKit fonts used for the website’s font.

5. Social Media Optimization and collaboration. Each of the Blog posts on the website have their subject and URL automatically posted on The Game Within’s Twitter feed. Once the tweet is done, it is automatically posted on The Game Within FaceBook page and then finally automatically posted on Christo’s Linked In page.

So check out the website today!

CrossFit Rehoboth was an interesting project. The project encompassed several different elements: website design / development, graphic design, logo design, content management system (WordPress), and custom web application development.

The website was built in several rolling phases. The client needed a website built immediately with the idea that it would grow as we progressed. So we picked WordPress to manage the content and so the client could blog. We bought the domain and launched the site 1 week prior to CFR opening to the public! So the site was setup in WordPress and let the client add all of the content. As the site took shape, we applied certain styles to the content and organized it.

Geoff Matheson was hired to build a brand and logo for CrossFit Rehoboth. He developed a great logo which was implemented within the website.

Over the course of the project lots of additional functionality was added to the CFR site, which in turn attracted lots and lots of visitors!! Currently the site gets an average of about 100 visitors a day and is growing each month. Go over and check it out yourself!

Earlier this year, Woodin Associates hired us to redo their website. To properly redo their website a total rebrand / logo redesign was needed. Geoff Matheson did all of the graphic work and did an incredible job transforming the Woodin brand, while maintaining a consistent look from their previous logo. Click to read more about this. Slide Show Pro was used to display the slideshow on the home page. Geoff developed all of the content including copy writing and photography. He also created several printed materials for Woodin, including business cards, stationary and envelopes. Examples of this can be seen on his site.

Woodin was designed using our favorite Content Management System, WordPress + custom programming. This gave us the effect we were looking for and were able to create a custom projects area where Woodin can display all of their current and past projects.

SO check it out and feel free to give us any constructive (or complimentary) feedback about the site!!

Tile McGee is a startup tile development company. EJHost and Geoff Matheson Studio worked together on this project. We were hired to create a brand / identity and a website for Tile McGee. This project included the creation of a logo, business cards, envelopes, stationary, website, and SEO. Features of the website are a custom CMS to control all of the site’s content and eCommerce to sell tiles through the website. The website was built on the Content Management System, WordPress so the owner could manage all of the content while using a prepackaged piece of software to keep the client’s costs down. The tilemcgee.com project was completed in February of 2010

In the initial version of the site, we were able to provide much of the functionality Preservation Delaware was looking for.

WordPress was used to power the CMS (Content Management System) and a custom designed theme was developed for the design. We wrote several custom functions within WordPress which provided the functionality Preservation Delaware was looking for. One of the examples is that we wrote code to allow a visitor to submit an endangered site form, have an internal workflow to publish the endangered site, and then that information immediately appear on the website. All of the site information is stored in WordPress and a mysql database. A simple GUI makes controlling all aspects of the site easy. Preservation Delaware can update and modify any of the information on the website.

We were really excited to present this website to the Preservation Delaware Board Members and give them an overview of some of the capabilities. We would like to thank the entire Preservation Delaware organization, Delaware Governor Jack Markell, Delaware Secretary of State, Jeff Bollock and everyone else who attended the press conference.

The Preservation Delaware website can be found by following this link.

Switch to our mobile site