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 MoreHomework: 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 MoreCreating 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 MoreCreating Your Own Theme: Post Types
Not enough permissions to view this content.
Read MoreCreating 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 MoreCreating 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 MoreHomework: 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 MoreIntro 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 MoreGenesis 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 MoreMenus
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