2013 Web design trends – Infographic

We’re currently undergoing design changes on our website (we’re using the Epik theme and Studiopress Genesis) and so I thought it would be pertinent to talk about 2013 web design trends, as we should have a new website launching before the end of the year that incorporates a number of these trends.

So what was popular in 2013? One word, mobile.

With 84% of smartphone users using their smartphone to browse the web , if your website wasn’t responsive, you were missing the mark.

For those of you not aware of the meaning of the word responsive web design, it’s where you build a site that can adapt across different devices. For example, it works one way on desktops, adapts for tablets, and then adapts again for smartphone users.

There are plenty of reasons why this was a popular trend in 2013. The main reason is because it is user friendly. It also saves designers lot of time when doing web design because they don’t have to try to get everything to fit into each device.

While this was one popular web design trend, there were plenty of other ones that you probably saw when surfing the web in 2013.

Here’s a list of trends from this past year.

2013 Web design trends

  • Responsive
  • Metro
  • Minimalism
  • Typography
  • Parallax
  • Infinite scrolling
  • Fixed header
  • Single page
  • Large background image
  • Content first

Keep reading to learn about each one of these trends and how you can implement them into your own site.

Design Trends in 2013

Continue reading 2013 Web design trends – Infographic

10 business tools to be thankful for in 2013

2013 has been an extremely successful year filled with lots of ups and downs and I am very thankful for everything that has happened.

Not only has it taught me a lot about my own strengths and weaknesses (and how to use them to grow my business), but I’ve also had an unexpected life-threatening health issue with family members that has challenged me in ways that I couldn’t have expected and has taught me how important life truly is and how we should cherish everything in it.

Despite these obstacles, I am extremely thankful because they have challenged me and helped to propel me further than I could have ever expected.

Here are some of the highlights from this past year:

While these are just some of the milestones that I am thankful for, a lot of this wouldn’t be possible without many important business tools that I use on a daily basis.

Here are 10 of my favorite business tools to be thankful for in 2013.

10 business tools to be thankful for in 2013

Continue reading 10 business tools to be thankful for in 2013

3 Ways to Remove the Post Info Function in Studiopress Genesis

If you would like to remove “Post Info” section located at the bottom of your WordPress blog post in your Studiopress Genesis child theme, here are 3 ways you can remove the post info function.

Note: You do not need to add each of these to your code. You just need to select which option you want to use in your Genesis Child Theme and add the appropriate code to your functions.php file. 

Option 1: Remove the post info function completely.
This will remove the post info section completely from your blog.

/** Remove the post info function */
remove_action( 'genesis_before_post_content', 'genesis_post_info' );

 

  • Open functions.php
  • Copy and paste the above code into functions.php (at the bottom)
  • Save your document and reload your site

Option 2: Change the position of the post info function.
This will remove the post info section from your blog. The second set of code will add it back in – this time, at the end of your blog post.

/** Remove the post info function */
remove_action( 'genesis_before_post_content', 'genesis_post_info' );

 

/** Adding the post info function */
add_action( 'genesis_after_post_content', 'genesis_post_info' );

 

  • Open functions.php
  • Copy and paste the code labeled “Remove the post info function” into functions.php (at the bottom) – this will remove the code.
  • Copy and paste the code labeled “Adding the post info function” into functions.php (at the bottom) – this will add it back in at the bottom of your post.
  • Save your document and reload your site

Option 3: Customize the post info function
If you would like to customize the text in the post info function, add the following code and then make your edits. 

/** Customize post info function in genesis */
function post_info_filter($post_info) {
if (!is_page()) {
$post_info = ' EDIT THIS TEXT ';
return $post_info;
}}
add_filter( 'genesis_post_info', 'post_info_filter' );

Make sure you edit the text that says EDIT THIS TEXT

$post_info = ' EDIT THIS TEXT ';

 

  • Open functions.php
  • Copy and paste the code labeled “Customize post info function in genesis” into functions.php (at the bottom) – this will let you keep the post info function and customize the section.
  • Save your document and reload your site

 

Bonus: Using conditional tags with post info data
If you want to add conditional tags so that the post info is displayed on certain pages, add the following code.

/** Display post info data based on conditional tags */

function post_info_filter($post_info) {
if (is_home()) {
$post_info = ' EDIT THIS TEXT ';
return $post_info;
}
elseif(is_single()){
$post_info = ' EDIT THIS TEXT ';
return $post_info;
}
else {
}
}
add_filter( 'genesis_post_info', 'post_info_filter' );
  • Open functions.php
  • Copy and paste the code labeled “Display post info data based on conditional tags” into functions.php (at the bottom).
  • Edit the text that says “EDIT THIS TEXT” – there are two instances.
  • Save your document and reload your site