SISU Strength Academy is a new gym now open in Waukee, Iowa. I had the pleasure of setting up their website and getting them started on their new adventure.
My theme of choice lately is StudioPress’s Genesis and this site was no exception. The freedom to customize and bend Genesis to fight my needs is the best thing ever. I implemented WooCommerce so they can sell some shirts and hoodies to promote their new business. We also set up ZenPlanner to handle class registration along with Mailchimp for email list management.
Dr. Handal has been a longtime client of mine and one, of many, that I have enjoyed working with over the years. This year her WordPress website was ready for a makeover. I wanted to prominently feature her podcasts and her books on her front page. She has so much to offer and I felt brightening the site and changing the layout and navigation would make those things more evident.
I built the new website from scratch using StudioPress’s Genesis theme for WordPress as the base. This was my first Genesis child theme. There is no better way to learn something new than to throw yourself into it and get started. I also implemented Powerpress plugin to make publishing her podcasts a bit easier.
Because Dr. Handal already had several products that matched her brand, I didn’t want to make drastic changes. I slightly changed her logo and used mostly the same color scheme.
The New Look:
Visit DocHandal.com for some Medical Common Sense.
WordPress makes things easy, but there are times you just need to know some basic HTML. For the most part, you may never need these tips, you’ll have someone else do it for you. Not a problem! Some of you take pride in being able to do the little things yourself.
When making a blog post you just highlight the words and click the link icon. Easy, right? Now let’s learn to type it out. Links are made using the <a> tag. An html link looks like this:
<a href=”http://domain.com”>Your Text</a>
First you create your link, then type the words that should be link, then close it up with </a>. There are things we can add to the tag to make the link open in a new window and such, but we’re just doing basics right now.
Images are created using the <img> tag. Your image will need to be uploaded to your website and you’ll need the link for it. The html for an image looks like this:
Similar to a link tag, there are things we can add to the img tag, but that’s beyond basic for today.
Paragraph tags are used to create a new paragraph. This places a space between your lines of text. When using the paragraph tag, you’ll want to “open” it at the beginning of your paragraph and then “close” it at the end. To open the paragraph, type: <p>. Yep, only three characters. Next you’ll type all of your text and then add the close tag: </p>.
Line breaks simply move your text down to the next line. Unlike paragraphs, there is no space between your lines of text. To create a line break, go to the end of your line of text and type: <br>
There are many ways to center text and images. I just want to show you the quick and easy way, just open the <center> at the beginning of the item you want to center, and close it at the end with </center>. If you wanted to center an image you could do this: <center><img src=”http://domain.com/image.jpg”></center>
There you go. Five basic html codes to help you out. Of course, as always, you may certainly drop me an email asking me for the code to create a link, etc. I don’t mind answering those questions at all.
One page every website needs in a contact page. That contact page must include a contact form. I have seen several websites that put their phone and address out there and nothing else. It’s not hard to include a form. You must make it easy for your site visitors to reach out to you.
When I first started building websites there weren’t a lot of options for form builders. We have come a long way. With all of the options now available, there is no excuse for not having a form on your website!
Here are 5 contact form plugins to choose from:
- Gravity Forms
My favorite, hands down. I haven’t found much that I couldn’t do with Gravity Forms. From contact form to popup optin, golf tournament registration, and even a raffle ticket purchase. Gravity has yet to disappoint me. The drag and drop interface makes customizing form fields a breeze. Being able to personalize the confirmation page and notification emails adds a nice touch. If you only have one website you can get it for as low as $39/year.
- Quick Contact Form
This is great for a beginner. Just drag and drop, add your email and you are good to go. A log of all messages sent through your form can be found in your admin area. Fully customizable to match your website.
- Ninja Forms
Another great drag and drop builder that also keeps a log of your messages. There are many premium extensions you can purchase to extend the capabilities of your form.
- Contact Form 7
This is where I started out before moving to Gravity Forms. This is one of the most popular WordPress plugins. CF7 gets the job done, but does not include a drag and drop interface. If you just want basics or now a little bit of html, this one is great and I wouldn’t hesitate to recommend it.
I’m not a big fan of Jetpack, it’s just so packed full of options and if you’re only using one or two I feel it can be overkill. If you’re already using Jetpack, there is a contact form option that works really great. It’s easy to use and integrates nicely.
What do you use for your contact form?
Friday Five Time again and I’m running late on this one.
I’m feeling a bit spring-y so I went searching for free flower images to create some memes. Here are 5 of my favorites I found today. And, of course, they’re all free, including commercial use. Since these are free for commercial use you can use them in products that you create for sale.
I would love to see what you do with these image, show me in the comments.