15
WordPress Training Manual Lampstand Web Solutions

Wordpress Instructions Chameleon

Embed Size (px)

DESCRIPTION

A basic training guide on how to manage your wordpress website with the Chameleon Theme.

Citation preview

Page 1: Wordpress Instructions Chameleon

WordPressTraining ManualLampstand Web Solutions

Page 2: Wordpress Instructions Chameleon

How to Manage Your Blog CommentsI. The “Comments” Tab

A. This is where you manage your websiteʼs comments (mainly for your blog).B.If you are running your website with a blog you will hopefully receive lots of comments

(assuming you want them).

a) If so all the comments that people have made can be accessed via this menu item. When you access the list of comments you can see all comments, pending comments (i.e. those not yet live), approved comments, spam and trashed comments.

Adding or Editing a Page on Your WebsiteNOTE: To edit/add a page on your website is very similar to adding/editing a post.

I. The “Pages” Tab

A. This is where you will be able to update the pages on your site such as “about us” “our services” etc.

B. If you click on the tab it will open a short list: Pages and Add New.C. By clicking the Pages link you can see all of your current pages on the site and have

access to edit these pages:

Wordpress Training Manual

Page 3: Wordpress Instructions Chameleon

a) If you hover your mouse over the page you want to edit, the word “edit” will appear under the title of the page. Click edit and you will be taken to the page.

D. By clicking the Add New link you will be able to add a new page to your site. You will be taken to a screen that looks like the one above.

E. REMEMBER: Always have your page set to the “visual” tab not “HTML” tab (see arrow above) when you are editing your page.

a) You will create a new page the same way you create a new post. HOWEVER you will not assign a category to a page.

b) Instead, to get the page to show up on your site you must either:1) Assign it a parent page (see arrow above next to “Page Attributes”)2) Add it to one of your menus (Please see “Menus” section)

Wordpress Training Manual

Page 4: Wordpress Instructions Chameleon

How to Insert a Pictures & Media into a Post or a PageI. Upload/Insert

A. The red arrow above points to the icons you use to upload media into your page or post. The icons are as follows:

1) Insert Picture2) Insert Video3) Insert Music4) Insert Media

Wordpress Training Manual

Page 5: Wordpress Instructions Chameleon

B. When you click on any of these items a box, like the one below, will appear:a) Here you can choose to either upload a file from:

1) Your computer2) A URL (web address) – such as youtube video or online mp33) Your Media Library – all files that are uploaded to your site will be

stored in your media library which can be accessed through your dashboard under “Media”

b) Once you pick a source, you will be prompted on how you want it to look within your post, see image below:

c) You can give your image a captiond) You must determine the how the image will be placed within the page by selecting

the “alignment”e) Then you must determine the size of the image (thumbnail, medium, large, full

size)f) Then hit “Insert”

Wordpress Training Manual

Page 6: Wordpress Instructions Chameleon

Editing Your Website Menu

I. The “Appearance” Tab

A. This is where you will be able to update your site menu and widgets.

B. If you click on the tab it will open a short list: Themes, Widgets, Menus, Editor, and maybe a few others.

C. By clicking on the “Menus” link you will see a screen like the one below:D. Here you will be able to rearrange the menu on your site by simply dragging the boxes

into the position you want.E. You will be able to choose which menu within your site with the top tabs such as “Main”

“Footer” etc.F. To add a NEW item to your menu you will need to look under “Pages” (the arrow on the

bottom left) and select the page you want added then click “Add to Menu”

II. Widgets

A. On most of the popular themes, down the side of the screen there are small bits of functionality, like the Recent Posts, Recent Comments and so on (On your actual website). These can be changed to provide lots of different features.

B. Under the “appearance” tab you will see “Widgets”

Wordpress Training Manual

Page 7: Wordpress Instructions Chameleon

a)Here you will be able to add and remove widgets from your sidebar, see image below:

b)The “available widgets” area is where you can find ALL widgets that are actively in your sidebar and that are available to put in your sidebar

c) The bars to the right are all of the widget positions within your website. Your main concern will be the “primary widget area”

d)Here you can edit and delete widgets from your sidebare)Widgets are “drag and drop” meaning you can seamlessly drag items out of and into

a specified widget area from the “available widgets”f) Remember, whether you are changing the title, or adding content, always hit “save”

Wordpress Training Manual

Page 8: Wordpress Instructions Chameleon

Your Theme: Chameleon

Lampstand Web Solutions

Page 9: Wordpress Instructions Chameleon

Your theme: Chameleon

I. Where to find your theme options:A. Under “appearance” you will find a link called “Chameleon Theme Options”

B. When you click “Chameleon Theme Options” you will be directed to a page that looks like this:

Wordpress Training Manual

Page 10: Wordpress Instructions Chameleon

1. This is what we call you “epanel” this panel allows you to change fonts and colors, determine what shows up on your homepage, how your blog posts look, etc.

a) The left side menu gives you a list of several features you can change: General Settings, Navigation, Layout Settings, Ad Management, Colorization, SEO, Integration, Support Docs.

2. General Settings (this is the tab you will use most often):

a) When general settings is clicked, you will see three tabs:(1) General (2) Homepage(3) Featured Slider

Wordpress Training Manual

Page 11: Wordpress Instructions Chameleon

b) The “general” tab:

(1) The most important thing for the general tab is that you can change the color and type face on your site, such as:

i. Header color and body color (the wording on your site):

You simply drag the arrows along the bar to the color family you want, and then drag the circle (see lower arrow) to the shade of that color, then hit save.

ii. Header font and body font:

Here you simply hit the drop-down menu, choose your font, and hit save.

Wordpress Training Manual

Page 12: Wordpress Instructions Chameleon

(2) The rest of the “general” tab will probably not need to be changed...it consists of your social media links, which should be set when the site is turned over to you, your logo, how many posts (blogs) will show up on your homepage.

(3) Once you have made your color and font adjustments, scroll all the way to the bottom and hit “save”

c) The “homepage” tab:

(1) This tab allows you to change the quote lines on your homepage (beneath your slider), and choose which pages on your site you want to show up below the slider and quote.

Wordpress Training Manual

Page 13: Wordpress Instructions Chameleon

(2) Below are the 3 content areas below the slider. You simply click the drop-down menu and choose which page on your site you want to show up. (NOTE: in order for an image to appear below on your homepage, you must set your featured image on that particular page) – Then hit save.

(3) You can also change the line that appears directly below your slider – Quote line 1 is the line the more bold line and Quote line 2 is the smaller line directly below – Simply type in your new line and hit save.

Wordpress Training Manual

Page 14: Wordpress Instructions Chameleon

d) The “Featured Slider” tab:

(1) This tab allows you to set the speed and rotation type of your feature slider. It also allows you to choose which pages/posts will appear on your slider.

(2) Once again, you simply hit the drop-down menus and choose which “slider type” you would like, and if you are using posts you simply use the drop-down and choose which category you would like displayed.

(3) If you want a page to display on the featured slider you click the “this is disabled” button (a) and it will enable your page to appear (b), then you click on the “X” marks once you click them they will turn into check marks (c).

Wordpress Training Manual

a.

b.

c.

Page 15: Wordpress Instructions Chameleon

3. Support Docs (This will be an excellent resource for you)

a) When Support Docs is clicked you will see three tabs (see above):(1) Installation(2) Trouble Shooting(3) Tutorials

b) The “Installation” tab will take you through several questions that are more complex than what we cover in our general tutorials, as you feel more comfortable with the WordPress interface you can learn to do more complicated tasks using this tab.

c) The second tab, “Trouble Shooting” is not a tab you will need to use...if you are having problems with the functionality of your site, please call us for assistance: 678-520-9424

d) Lastly, “Tutorials” this requires login information to elegant themes, if this is something you would like to learn more about please call us and we will connect you to the video tutorials.

Wordpress Training Manual