Exercise: Posts

Come up with a working idea to create a site. Social? Blog? Business? Plan a loose category structure. Write 2-3 posts and label them with a category.  If an applicable tag comes up use that as well. Include images in at least 2 of your posts. Include 1 internal link and 1 external link.

Read More

Homework: Intro to WordPress

Logon to your own WordPress site. Do this by: Going to  labcatscoding.com/s/firstnamelastinitial/wp-admin.  For example, for Eva it would be labcatscoding.com/s/evaf/wp-admin. Your username will be your firstnamelastinitial.  So, for Fiona it would be  fionaf. Password is *****. Access the Dashboard. Go through and get familiar with the Dashboard. Change your Site Title and Tagline to something of…

Read More

Creating own Theme: Images & Files

Configuring Images & JavaScript Files In order to display images correctly, you have to add a little bit of extra code.  So instead of this: <img src=”images/header.png”> You would need to have this: <img src=”<?php echo get_template_directory_uri(); ?> /images/header.png”> The WordPress function get_template_directory_uri() returns the URL for your theme directory so that if you add…

Read More

Creating Your Own Theme: Template Files

Template Files These are the bare-bones of creating your template – they provide the building blocks for how your content is displayed.   They are PHP files that are made up of HTML, Template Tags and PHP code. In building a theme you have to have to have at a bare minimum the index.php and the…

Read More

Creating Your Own Theme

You can make your own theme in WordPress if you know: To make a theme you need to know HTML, CSS and maybe a little JavaScript. And a little php… Create a Theme Folder First, you create a folder for your theme in your wp-content/themes directory. I made a folder called “labcats” there for each…

Read More

Homework: Beaver Builder

Set Up Home Page Make a static page be your home page.  To do this: Create a new page called Home In your Appearances menu – click on Customize and then click on Homepage Settings and select that page as your home page instead of the default lists of posts. Go to Plugins and make sure…

Read More

Intro to Beaver Builder’s Page Builder

This is the page builder I use.  It rocks.  Seriously.  Easy to use, easy to edit and just plain fun.  Can let you create complicated page layouts easily without having to use CSS. You can use Beaver Builder on pages, posts, and more. First, how do you get and use Page Builder? Creating a Page…

Read More

Genesis Framework

What is a Framework? In WordPress you can generally chose between a theme and a framework.  But, what exactly is a framework and how are they different? A Framework is the base of a theme.  It holds the basic functionality but is fairly devoid of any styling. This makes it lightweight and easier to use.…

Read More

Menus

Menu Types A quick word about menus before we learn how to create and use them in WordPress. Menus can be horizontal or vertical. They can be single level or have multiple level which are called submenus. On the LabCatsCode website, the main menu shown above is a horizontal single level menu. The course navigation…

Read More