How To: Add A Menu To Your WordPress Theme

Have you ever installed a new WordPress theme that didn’t have native support for creating and selecting custom menu (navigation bar). Now before you jump in be sure to either do a backup of your files, or as you get to the Functions.php and Header.php files copy the original code to a text editor before you modify it. Once you’ve done these preventative “CYA” measures follow these steps below:

From your Dashboard menu, go to Appearance > Edit and add the code below to the theme’s functions.php file: (in some cases I’ve seen this called “Theme Options” just above where it says “functions.php”. This is the same thing.)

You can add this code below towards the bottom of your page code so that you can easily find it later should you need to reference it.

add_theme_support( ‘menus’ );

(you may need to add this on the next line if you get to the end and your menu doesn’t show up:

add_action( ‘init’, ‘register_my_menus’ );

function register_my_menus() {
register_nav_menus(
array(
‘menu-1’ => __( ‘Menu 1’ ),
)
);
}

User your browser’s Find feature and search for this code in your theme’s Header.php file:

<?php wp_list_pages(‘title_li=&depth=1’); ?>

Highlight this string of code and replace it with this code below:

<?php wp_nav_menu( array( ‘sort_column’ => ‘menu_order’, ‘container_class’ => ‘menu-header’ ) ); ?>

Lastly click on Appearance then Menus and you should be able to create a custom menu.

The Experience of WordCamp Miami 2013

Well this past weekend was the annual WordCamp Miami at the University of Miami. If you read my previous post about the expectations, I’d like to report that they were all met and then some. The amount of developers on site was awesome. A lot of which you’ve read blog posts from, heard about through plugins and software you’ve purchased and use, local, and abroad. The atmosphere was certainly electric.

Going I knew we’d be hit with a ton of information. Equipped with a few Macbook pros, tablets, chargers, and iPhones with MyWi for dedicated internet, we were ready for anything. We had cool badges with our names, Twitter handle, and QR Codes thanks to WP Beginner. Among that we were give a host of items from a cool reusable shopping bag from BlueHost to shot glasses from Woo Themes. Apparently they know that we developers appreciate a nice drink every now and again.

Since we went as a team we split up for most of Saturday’s sessions to try to cover as much as we could and collaborate later. It was totally worth it. Being three different tracks on Saturday and two on Sunday, needless to say there were a lot of options to choose from.

For those of you who didn’t make it, enjoy some of the pictures we took from our mobiles here. And if you’d like to see some of the recordings from the sessions, you can actually do so for FREE on the Live page of the WordCamp Miami website.

Dealing With Setbacks

Frustrated WomanIf you’ve been in this industry for a while sooner or later you’ll come to a hiccup or worse a wall. Whether you’re a freelancer or the owner of a design firm or anywhere in between you’re not immune from the reality of circumstances and bad luck. Now some mishaps we actually can avoid, and that comes from seasoning and learning how to make good decisions early in time. There was a quote I got recently from a book I’ve been reading that really resonated with me.

Easy short-term choices lead to difficult long-term consequences, while difficult short-term choices lead to easy long-term consequences.” The Paradox Principle.

I’m here to let you know of some good ways for you to deal with those setbacks. I’m also here to tell you that you’re not alone. We’re all out there at various times of the day or night pulling our hairs out or slamming desks when things don’t work right. Until there’s an 800 number for 24 hour sympathetic support, we have each other.

#1 Walk Away

This tip is probably the most important; walk away for a few hours. When you hit a wall in development, it may not be best for you to fight your frustrations head on. More times than none the more you look at it, the more things will make even less sense. You also run the risk of double thinking some other strings of code you knew were good before but go back and tweak that in hopes that it will fix some later functions that had you messed up in the first place. Ugh! Been there before and probably will be there again. When it happens and it’s been about an hour already, just take my advice and walk away for a few hours to clear your mind. Coming back to it the next morning with a fresh mind and fresh eyes usually makes an issue stick out in such an obvious form you’ll be happy you took off.

#2 Get a Second Opinion

Get a second pair of eyes on your work. You can rub your eyes all you want but still never see clearly. And it may not be your vision, it may just be your lack of understanding or knowledge. One thing I learned early in this business is that I’m not the smartest, but if I can find others that are smarter than me to help when I need them, I’ll still win.

#3 Spend Time On Another Project

It’s never good to waste time. Especially when the weekend is fast approaching and you’ve been pulling some late nights on some deliverables. I refer back to my one-hour law; if you’ve made no progress in an hour, find another project that you know you can pick up and make steady progress on. There is a slight chance the time away working on something else may job your mind on what can help get you through your main setback. Even if there isn’t, you’ll get a sense of accomplishment at the end of your day knowing that you finished some things instead of lost 6+ hours making absolutely no headway on just one piece of work.

#4 Research and Read a Book

There is a possibility you may not know everything. I know crazy right? So why not take some time to look up your exact issue on Google? You’d be surprised at how many other people will have had the same question. While you’re searching the inter-webs why not check out a few forums like Designers Talk or FreelanceSwitch. Great places to put your questions out there and get support from other designers and developers. You can also take this time to read up on your HTML or CSS skills. Remember that bookmark you left on the second chapter of that “Build Your Own Website The Right Way Using HTML & CSS“, well why not pick that book back up and continue reading up. We’re part of a fast paced and ever-changing world so try not to get left behind in technology, otherwise you could be working much harder  or longer than you need to.

#5 Relax and Inform

For me it’s music or playing Wii with my kids. Go ahead and indulge a bit into something you enjoy to do. The work will still be there. If your project is pending, go ahead and let yourself off the hook and contact your client(s) and inform them of the setback and that you’ll need some extra time to complete it correctly. It’s key to be honest here because a mountain of other issues will arise later if you don’t. So go ahead and set that expectation to follow-up when you’re back on track, not a projected fix time/date, but a call or email when you action have it figured out and are able to move forward.

So what are your biggest or most recent frustrations in work? Do you have some other ways to handle setbacks? Let us know in the comments below.

Image credits: iStock Photo

Website Attacks From China

Hacker graphicYou may have received a few web form submissions on your website that at first would seem like a bunch of HTML coding garbage with an email address and name that make absolutely no sense.

Spam message from China hackers

I did a bit of research and found out that these are from hackers in China. When I first started to receive them I just deleted them because the forms on our server are not stored on our server but instead are sent via email to our office. Eventually over the next few days I began receiving 5-10 form submissions every few hours each day. This can be terribly troublesome and alarming.

In order to combat this you’ll need to block the IP addresses from those rogue computers/hackers in China. Fortunately for the forms we currently use on our HTML website, the Country and IP addresses are provided. To block them you’ll need to create a HTACCESS file with instructions on blocking the IP addresses. I found this website to be quite informative with a host of IP addresses not only from China, but also other known Countries like Nigeria and Russia. I mean let’s be honest, we know we don’t have a fortune waiting for us in some Nigerian back just waiting to be transferred.

If you need help putting together your own htaccess file, leave us a comment below and we’ll get some details from you and send you one via email.

Hacker Image credit: Iconfinder.com

Why Does Building a Website Cost So Much?

Money ShotThis is a touchy topic for some people because it involves the main thing we’re all battling with in the current economy – MONEY. Depending on how familiar you are with the web world and which side you fall on (user/consumer or developer/geek), the cost of building/creating a website can be a mystery to business owners   Because it’s not just about selling you the service but helping you to understand what goes into the cost and ultimately and why you’re being charged what you are for your businesses website

Most people think its pretty easy to build a website.  And for some that may be true.  But for most, the key considerations are beyond their level of expertise and a designer or developer is the best options.  When contracting a designer or developer, understand that you’re not paying for the technology. You’re paying for their time and knowledge. To be honest, there isn’t anything that a web designer does that anyone else cannot do. So let’s go deeper to understand what the common needs are, clarify some myths about web design and give a clear understanding of what the “time and knowledge” really provides you with.

Small Budget but Big Ideas

There are plenty of you out there that are either thinking of starting a business or at the beginning stages of developing your business. Chances are you don’t have that huge SBA loan or a stockpile of start-up cash, so penny-pinching and sweat equity is you’ll be building on. As a small, budget conscious business owner you might have a great idea in your head but are unable to bring it to life because you don’t know how to or have the necessary tools. You could spend hundreds of dollars on buying a tutorial software program, spend hours to learn from them all in hopes of a “DIY” success.  Just the thought process of designing your own brand takes time.  Then bringing that vision to a digital medium takes some additional time and skills. So what’s more likely is that it might be cheaper and faster (and less of a headache)  to hire a designer who can make your vision a reality with a little less Advil.

Why You Don’t Know-It-All

We love these types of people. Why? Because they likely already have a plan and concepts for what you want your website to look like and convey to your consumers. Which is great that you’re that clear about your market base and what they need or want.  The only drawback, is you usually believe the building process is as simple as copy and paste. Know-It-Alls sometimes will sign up for a trial version of some web-based CMS (Content Management System), built a few pages of a  simple website, and now assume that  it’s a quick and easy process.  Like some .99 cent WYSIWYG app  which can   would work just the same as every app that a seasoned developer must be using.  This couldn’t be further from the truth!  Here’s what that time and knowledge consists of a seasoned web designer and developer offers:

  • Knowing how to build page structures
  • Creating responsive designs for a better user interface and user experience
  • Adapting the website for optimum browser compatibility
  • Ensuring all necessary software updates
  • Typography for a better look and feel
  • SEO
  • Sitemaps
  • Working with image sizing and quality
  • Optimizing page loading times
  • Creating content for landing pages
  • and so much more

If You Want Full Control

I have no argument with clients who want to manage their websites once it is completed. The ability to update content, images, links and so on without having to contact your developer is truly ideal. We used to sell desktop programs for this back when we primarily built HTML websites to allow this indulgence. Now with WordPress, not only is the learning curve smaller, there is no cost for additional software. Now because most people aren’t looking to change the base structure of their websites; WordPress is a great option to self manager. But here’s the warning.  Be aware that with a few wrong clicks or improper coding edits, you can actually break your website.  These types of mistakes can render your site with a 404 error quick and in some cases may not have an easy fix. This is just one of many examples why its better to leave it to the professionals. If we break it you justifiably can yell at us!

When Time is of the Essence

There are plenty fly-by-night and quick turn around website builders out there. Also some software programs available from your local Best Buy or Office Depot, as well as online with quick setups that seem like great financial options. .  I’d like to raise just a small, red flag on this seemingly time and cost-effective option.  You technically don’t “own” the software. What I’ve seen happen countless times is that after purchasing the software, the software developer goes out of business.  Or worse, no longer cares to update their software for the most current browsers and security loopholes.  So you the consumer are left holding the empty bag and spending hours Google’ing how to fix something you had no part in creating.

So what’s the best option when you need to get online with your website within the next few days and don’t have the time to learn, study, design, or build it. Most designers and design firms can accommodate your prompt request, but may entail a slightly higher cost because of the quick turnaround.

BYOS (Bring Your Own Stuff)

If you want to see a designer or developer do a face-palm smack, tell them you need a website, but you’re not sure how many pages; don’t have any content; the pictures you have are all on your cell phone as text messages; and oh your favorite colors are all in the rainbow. Sure my example may seem a bit comical and slightly unrealistic but I can assure you those requests have come to us. Clients who come to web designers unknowingly unprepared should be prepared for higher costs as a result. Additionally some of these issues which may come up haphazardly during the development process, can require redesigns, restructuring and  reorganizations, shooting the cost up even higher.

To keep costs at quoted or at priced levels, clients must BYOS or prepare to PMM (Pay More Money). Lack of preparation can also hold a project at a standstill or cause a push back the launch date. Additionally, when those requested materials are inadequate,  there might be more incurred charges for the designer to find stock imagery, perform research on your industry for content as well as securing a content writing for your website. So before you sign on the dotted line, think about what you’re able bring to the table to mitigate costs, both time and money. If you’re not a great content writer, admit it and pay for someone to write for you. If you don’t have time to take product pictures, let a photographer come in and do that.

The Wrap Up

Know that most designers and developers who have been around for more than a few years, do what they do because they really get joy out of it. We enjoy seeing a happy client at the end of a project that’s excited to tell the world about their new worldwide face and presence on the web.  One of Design Theory’s “theories” is that we don’t treat businesses as a one time sale. Me and each of my team members maintain good working business relationships with each of our clients. They know we’re always looking out for their best interest as we offer the right products and services to make their project a success.

If you have questions about our pricing, (or our competitors), don’t hesitate to call our office at 888.603.1090.

(image credit from RGBStock.com)

Browser Testing on a Mac

Found this application from Adobe recently and though to share my experience with all of you. If you’ve been in the design industry for about a year, chances are you’ve worked on or own a Mac computer. I’m not going to get into how or why Mac’s are the preferred choice in design and development, but they are. One main pain in the rear though is browser testing, and since the common browser that we mostly use is Firefox or Google Chrome, access to Internet Explorer isn’t an easy because there isn’t an app for that on the Mac OS.

So enter Adobe for creating a web-based browser simulation app called Adobe Browserlab. It is free to use, all you need is an Adobe ID that you can also get for free and use immediately. This makes for browser testing across multiple browsers a much more pleasant experience even with side-by-side comparing. For those using Dreamweaver there’s also a way to integrate Browserlab for even more testing and preview abilities during your site developments. See some of the screenshots and video below.

Adobe Browserlab Screen 1

Adobe Browser Lap Screen 2

 

[youtube http://www.youtube.com/watch?v=ZmU19swH7aY]

 

Are you already using Adobe Browserlab; well let us know your thoughts and some tips or tricks you’ve learned along the way in the comments below.