customize your wordpress site

Post on 21-Oct-2014

73 Views

Category:

Design

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

This Powerpoint presentation provides information on how to: - Activate a plugin that blocks spam - Rearrange the order of your menu items - Create a child theme to add css style commands to your website

TRANSCRIPT

More on Wordpress

http://www.karenmcintyre.net/wp-admin(example of comment spam)

Install the Akismet plugin

Click on the plugins tab in your dashboard

How to protect against spam

Click “activate” on Akismet plugin

Click “Activate your Akismet account”

Click “Create a new Akismet key”

Click “Get an Akismet API key”

Click “I already have a WP account”

Click “Sign up” for “Personal” key

Slide $ to 0. Continue.

Copy API key

In WP, go to Plugins Akismet

Enter key. Save.

Auto delete old spam comments

Two ways to create a menu and order your menu items 1. Go to Appearance Menu

◦ Create a new menu (give it a name)◦ Drag items to menu (can be pages or categories)◦ Drag menu items to rearrange their order

2. Go to Pages◦ Add an “order” number to each page

Click on the page you want to display first

Give it an “order” number of 1

Assign each one a subsequent number Update Refresh your site Your nav items should now be in the order

you assigned them

Go to each of your other pages

Log into Fetch

Go to webapps portfoliowp wpcontent themes

Create a new folder called “themename-child”

Creating a child theme to edit css

Create a style.css file in Komodo Edit ◦ You know you need to name it style.css because

that’s what the theme’s original css stylesheet is named (as displayed in Appearance Editor)

Copy the comment code from the top of the style.css file in your Wordpress dashboard, and paste it into your new style.css file

Creating a child theme cont’d

Add a comment line called “Template” and call it whatever your theme folder is named in Fetch (in this case, twentyfourteen)

Creating a child theme cont’d

Add a line of code below the comment: @import url (“../twentyfourteen/style.css”);◦ Be sure to replace “twentyfourteen/style.css” with your

theme name and css file name.◦ This tells the browser to use all the styles from the

original theme plus any new styles we add to this new style.css file

Creating a child theme cont’d

Put your new style.css file into the child theme folder you created in Fetch

Back in your Wordpress dashboard, go to Appearance Themes◦ You should see your new child theme

Activate your new child theme

Creating a child theme cont’d

Add a style to your new style.css file◦ Update the file in Fetch◦ Refresh your website to make sure your style

commands work

You will now add all of your new styles to this file to customize your website

Testing your new child theme

top related