23
More on Wordpress

Customize your Wordpress site

  • View
    73

  • Download
    2

Embed Size (px)

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

Citation preview

Page 1: Customize your Wordpress site

More on Wordpress

Page 2: Customize your Wordpress site

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

Page 3: Customize your Wordpress site

Click “activate” on Akismet plugin

Page 4: Customize your Wordpress site

Click “Activate your Akismet account”

Page 5: Customize your Wordpress site

Click “Create a new Akismet key”

Page 6: Customize your Wordpress site

Click “Get an Akismet API key”

Page 7: Customize your Wordpress site

Click “I already have a WP account”

Page 8: Customize your Wordpress site

Click “Sign up” for “Personal” key

Page 9: Customize your Wordpress site

Slide $ to 0. Continue.

Page 10: Customize your Wordpress site

Copy API key

Page 11: Customize your Wordpress site

In WP, go to Plugins Akismet

Page 12: Customize your Wordpress site

Enter key. Save.

Page 13: Customize your Wordpress site

Auto delete old spam comments

Page 14: Customize your Wordpress site

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

Page 15: Customize your Wordpress site

Click on the page you want to display first

Page 16: Customize your Wordpress site

Give it an “order” number of 1

Page 17: Customize your Wordpress site

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

Page 18: Customize your Wordpress site

Log into Fetch

Go to webapps portfoliowp wpcontent themes

Create a new folder called “themename-child”

Creating a child theme to edit css

Page 19: Customize your Wordpress site

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

Page 20: Customize your Wordpress site

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

Page 21: Customize your Wordpress site

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

Page 22: Customize your Wordpress site

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

Page 23: Customize your Wordpress site

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