• Skip to main content
  • Skip to header right navigation
  • Skip to after header navigation
  • Skip to site footer

WP Engine hosting includes Genesis and 35 of the StudioPress themes!

Philip Gledhill

WordPress | Genesis Framework | StudioPress

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog
  • Content
  • Beaver Builder
  • CSS
  • WooCommerce
  • WP Tutorial
  • Contact
  • Specific Themes
  • Find it
You are here: Home / Genesis framework / Advanced / Simple Hooks tutorial, Genesis hooks the easy way.

Simple Hooks tutorial, Genesis hooks the easy way.

There are two Simple Hooks videos on this page. The first video is a short guide, the second one goes in to a bit more detail. The simple hooks plugin only works on the Genesis Framework.

Using Simple Hooks – a short guide.

  • Install Simple Hooks plugin.
  • Find the hook you want to use.
  • Type your HTML in to the text box for your chosen hook. Do this in the simple hooks settings page.
  • Click save.
  • Paste any CSS needed to style your content. You do this in your theme’s style.css file.

Your content will now appear on every page of your site in the position you placed it.

Simple Hooks plugin in more detail.

First, install Genesis Simple Hooks plugin.
http://wordpress.org/plugins/genesis-simple-hooks/

Then look at your web site and decide where you would like to place your new piece of code or content.

Choose the hook you need in simple hooks

Once you know where you’re going to place your new content you need to discover which hook to use.

Go to GenesisTutorials.com/Visual-Hooks-Guide and find a hook in the position needed.

Choose the hook you need in the genesis visual hooks guide

Copy or type out the name of the hook.

genesis_before_header
genesis_before_content

Go back and click the Simple Hooks tab in your WordPress dashboard.

Open Genesis simple hooks

Search for the hook you selected from the list on the visual hooks guide web page.

When you’ve found the hook you need, paste your content in the text box.
(The easiest way to find your hook. When you are viewing the simple hooks page in WordPress, press CTRL + F on your keyboard to open Firefox’s search box. Use Firefox’s search feature to find the hook you want. There are 50 hooks and it’s difficult to find the right one.)

Find the hook you need in simple hooks

You’ll want to style your new content using CSS.

So, wrap your HTML in a…

By wrapping your HTML in a div with a unique name, you can add some styles to your theme’s style sheet and so control how your new content will look.

In your WordPress dashboard go to Appearance > Editor. Find, Stylesheet (style.css).

Paste your css in the WordPress code editor

Paste your CSS at the very bottom of your theme’s style.css file.

I used this code…

But what if you don’t know any code, can you still use simple hooks?

Yes, but not to it’s full potential.

You can use WordPress to write the HTML then copy and past the code into simple hooks. If you format a post in WordPress, then select the text tab at the top of the wysiwyg post editor box, you can copy the code and paste it into simple hooks. Don’t save the post, you only used WordPress wysiwyg post editor to write the HTML code, when you’ve pasted the code into simple hooks, you can discard or delete the post. (wysiwyg means what you see is what you get. )

The problem of overlapping content.

Sometimes the content boxes on a web page overlap each other. You can put a thin line at the bottom of your content that clearly marks the end of the content and often solves the overlapping content problem. You just add an empty div with a class of clear-line.

Using the method above, you can easily brighten up your theme with a few nice images, especially if you’re good with a graphics editor.

Format some content using WordPress visual editor

Use WordPress visual editor to format your content.

Copy the HTML using the Text tab of the visual editor

Copying html from WordPress using text tab

Paste your code in to Simple Hooks.

Paste your code into simple hooks

And if you want to be adventures, you could learn how to use conditional tags to make these images only appear on the front page.

You only need a short piece of code to do this.

Just wrap your code in this conditional statement.

If you use PHP or short codes in simple hooks, tick the appropriate box.

Simple hooks php tick-box

If is_home does not work use…

is_front_page

Simple hooks is a very powerful plugin. To make the most of it, you need to be able to hand code CSS, HTML and PHP. However, the reason that simple hooks was created, was to help you start using hooks, which are complicated, in an easy way.

Why not try simple hooks and take your programming skills to the next level?

Sidebar

StudioPress and Genesis Tutorials
  • StudioPress and Genesis Tutorials
StudioPress themes Free with this hosting.

My StudioPress and Genesis Tutorials

  • StudioPress Sites Review
  • Genesis Responsive Slider Tutorial
  • Genesis Featured Post Widget Tutorial
  • StudioPress Core Skills
  • Simple Hooks Tutorial
  • Genesis Simple Edits Tutorial
  • Genesis Dambuster plugin basic settings
  • Beaver Builder Tutorial – The Basics
  • Elementor Tutorial: a Quick Start Guide
  • Changing the color scheme of Altitude, Magazine Parallax Pro themes
  • Basic StudioPress Theme Customization (Old Post)
  • Genesis Framework Widget Areas Tutorial
  • Genesis Grid Loop Tutorial
  • Simple URLs (plugin) Tutorial
  • Simple Sidebars Tutorial
  • Simple Social Icons Plugin
  • Customizing the WordPress Query
  • Category and Tag Archive Listing Pages
  • Adding an author box below posts
  • Choosing the right StudioPress theme (a review)
  • Genesis eNews Extended and Mailchimp
  • StudioPress Pricing Table
  • StudioPress Flexible Layouts
  • Genesis CSS learn how to tweak and customize your site
  • Icons used in StudioPress themes
  • Images in homepage text widgets
  • Using Genesis Column Classes To Build Layout Grids
  • Sticky Header or Menu in Genesis
  • Plugins used in StudioPress themes
  • Genesis Simple FAQ plugin
  • Strong Testimonials Plugin – The Basics
  • Cornerstone Content: a simple how to guide
  • Genesis Portfolio Pro
  • Setup Generate Pro theme
  • Setup Hello Pro
  • Set up Altitude Pro theme
  • Setup – Executive Pro Theme
  • Parallax Pro Theme Review
  • Setup Parallax Pro Theme
  • Changing Google Fonts in a Genesis child theme (Parallax Pro)
  • Setup Daily Dish Pro theme
  • Setup Metro Pro theme
  • Foodie Pro Overview
  • Smart Passive Income Pro Theme: set up guide
  • Academy Pro theme Setup Guide
  • Authority Pro Theme: setup guide
Install the Genesis Framework
  • Are you ready to take your first steps? Watch as I install WordPress and Genesis.

Rainmaker Platform – a Review

  • Discover if you need the Rainmaker Platform
FoodieProTutorials
Build your own Genesis child themes with Dynamik Website Builder

Genesis Design Palette Pro

  • Customize your theme with Genesis Design Palette Pro

DIY Webdesign with Dynamik Website Builder AND Genesis Extender plugin

  • Genesis Child Theme Tutorial with Dynamik Website Builder
  • StudioPress theme customisation with the Genesis Extender plugin
  • Dynamik Fixed Background Image

StudioPress Accelerator

  • StudioPress Accelerator, the budget-friendly way to get a seriously fast website.

Are you getting stuck setting up a StudioPress site?Please let me know if you get stuck.

Disclosure: I receive compensation from some of the companies whose products I review.

How my affiliate links work…

  • I only get paid if someone buys a product. Not because someone clicks a link.
  • You pay the same price using my links or the StudioPress site.
  • If I earn some commission I can spend some more time making more tutorials.
  • P.S. Thanks to all those folks who have bought through my links.
  • It's much appreciated :-)

Philip Gledhill web design

Philip Gledhill is a Bradford web designer and WordPress assistant.

Genesis Extender

Customise your Genesis child theme the easy way.

The Genesis Extender Plugin

Get The Genesis Framework

WordPress Hosting

WordPress Hosting, Which Deal is Best For You?

Genesis – StudioPress resources

There are many good websites where you can find information about the Genesis Framework.

I use the sites listed below on a weekly or even daily basis to find answers, solutions and basic information.

I hope you find them as useful as I have.

Bill Erickson
WordPress Consultant

  • Tutorials
  • Code

Designs by Nick the Geek
Genesis based WordPress development and tutorials for everyone

  • Genesis Explained a good introduction to the code that makes Genesis work

Greg Rickaby
Front-End Developer @WebDevStudios

  • Code Snippets

Christopher Cochran
web/tech/design/music

  • The Visual Hook Guide

Carrie Dils

Genesis Developer and Web Designer

  • Genesis Tutorials and Information

Carrie Dils course on Lynda.com

  • There are two Genesis courses on Lynda.com. Up and Running with Genesis and Customizing Themes. Both are well worth a look. And if you're new to Lynda.com you can usually get a 7 day free trial.

Sridhar Katakam

  • Loads of WordPress and Genesis tutorials. Well worth a look.

Genesis For Beginners

  • pdf book

StudioPress.tv

  • Some basic videos from StudioPress

Brian Gardner

  • Code snippets and info from the man behind StudioPress

Sure Fire Web Services Inc
Web Design Tips, WordPress Development Help,and Genesis Framework Tutorials

  • Useful Genesis links page

WP Smith

  • Genesis code snippets

Looking for a StudioPress theme or hosting?

Check out the two links below…

Get Genesis Framework & StudioPress Themes free.

When you sign up for a WP Engine plan, you receive the Genesis Framework and 36 StudioPress Themes free. That’s over $2,000 in value.

Free themes with hosting
Get Premium WordPress Themes

Buy a StudioPress theme outright and use it on all of your sites. There are three ways to get all of the StudioPress themes AND save.

Choose Your Theme

Web Hosting

If you’re in the market for premium web hosting from a team you trust why not checkout WP Engine. It’s designed to be Fast, Secure & Worry Free!

Site Map

Site Map: if you can’t see what you’re looking for read through my sitemap, it may well be there :-)

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog

This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc. WordPress, Genesis, StudioPress and WP Engine, are registered trademarks of their respective owners.

Copyright © 2021 Philip Gledhill · Privacy policy and disclosure

© Copyright Philip Gledhill

Return to top