a guide to downloading the community journalism wordpress theme

29
SETTING UP THE WORDPRESS THEME The theme is easily customisable even with little technical knowledge, and contains features such as a scrolling headline area, built-in news categories, social links and advertising space. It is also a fully responsive design so it looks great on laptops, tablets and mobile phone screens. The Community Journalism Wordpress theme was specifically designed to help people share news with their communities.

Upload: c4cj

Post on 21-Jul-2016

217 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: A Guide to Downloading the Community Journalism Wordpress Theme

SETTING UP THEWORDPRESS THEME

The theme is easily customisable even with little technicalknowledge, and contains features such as a scrolling headlinearea, built-in news categories, social links and advertisingspace. It is also a fully responsive design so it looks great onlaptops, tablets and mobile phone screens.

The Community Journalism Wordpresstheme was specifically designed to helppeople share news with their communities.

Page 2: A Guide to Downloading the Community Journalism Wordpress Theme

This guide starts from the basis that you already have Wordpress installed ontoyour hosting and that you can access your Wordpress settings area. If you’re juststarting out and haven’t got this far, we recommend going to the main Wordpresssite where they have comprehensive guides on how to do this:http://wordpress.orgIf you want to install a Welsh language version of Wordpress, then you candownload a special Wordpress package from: http://cy.wordpress.orgOnce you have Wordpress installed, you can then progress to loading theCommunity Journalism Theme and customising it to suit your needs. If you wouldlike more details on using Wordpress in general then the main Wordpress websiteis a great place to start.

Installing the Wordpress theme

Firstly, download the theme file (community-journalism.zip) from the Centrefor Community Journalism website and save it to your computer. When youdownload the file, IT'S IMPORTANT you click the right hand button on yourmouse to download, as you need to keep the content in the .zip file.Double clicking on the file will result in the file being opened - it cannot beinstalled in this format. It must be saved as a .zip file.Next, get to your Wordpress settings by typing the web address directly intoyour browser’s address bar – this is normally your website name followed by/wp-admin e.g. www.yourdomain.com/wp-admin.

Put your username and password in the boxes and click the Log In button

Page 3: A Guide to Downloading the Community Journalism Wordpress Theme

In the Menu on the left hand side click on: Dashboard >Appearance > Themes

Click: Add New

Installing the Wordpress theme

Page 4: A Guide to Downloading the Community Journalism Wordpress Theme

Click: Upload theme

Find the file: community­journalism.zip and click choose

Click: Choose File

Installing the Wordpress theme

Page 5: A Guide to Downloading the Community Journalism Wordpress Theme

Click: Install Now

This theme needs plugins to work. A note will appear at the top of the screenprompting you to download the relevant plugins.

Click: Begin installing plugins

Click: Activate

Installing the Wordpress theme

Page 6: A Guide to Downloading the Community Journalism Wordpress Theme

Click to put a tick in the box: Plugin

Select the option: Install

Installing the Wordpress theme

Page 7: A Guide to Downloading the Community Journalism Wordpress Theme

Click: Return to required plugins installer

Click on the button: Apply

Installing the Wordpress theme

Page 8: A Guide to Downloading the Community Journalism Wordpress Theme

Select the option: Activate

Click to put a tick in the box: Plugin

Installing the Wordpress theme

Page 9: A Guide to Downloading the Community Journalism Wordpress Theme

Click: Apply

On the top left of the screen click on your website name tosee the theme activated on your website.

Installing the Wordpress theme

Page 10: A Guide to Downloading the Community Journalism Wordpress Theme

Cliciwch: Add Image i ychwanegu eich logo

This is how the website looks with the theme installed, without beingpersonalised. You'll see the name you've given your website and a listof categories already on the screen.The next steps are to personalise the website to suit you using thesecategories: Create Categories and Personalising the Theme. You can either choose your categories or add your personaldetails next. We will show you now how to change the categories, but you canleave this step until you have added your personal details. The order isup to you.

Click on your website name at the topleft of the page to return to thedashboard

Installing the Wordpress theme

Page 11: A Guide to Downloading the Community Journalism Wordpress Theme

Changing the Categories

Click: Posts then click: Categories

Type the name of your category, eg; Newsthen click the button: Add New CategoryRepeat this process for every category ­ eg; Sport, Entertainment, Business, etc

Page 12: A Guide to Downloading the Community Journalism Wordpress Theme

Changing the Categories

You now need to arrange the Categories in the Menu. This step isessential for your categories to appear on the website.

On the left of the screen 1) click Appearance 2) click Menus

1

2

Page 13: A Guide to Downloading the Community Journalism Wordpress Theme

Changing the Categories

Click: Categories

Click: View All

Page 14: A Guide to Downloading the Community Journalism Wordpress Theme

Changing the Categories

12

34

Click to add a tick in the box next to each category you want to appear inthe main menu on the website.E.g: I've just created the categories: Business, Entertainment, News andSport ­ so a tick is needed by each category you wish to select. Then, click the button: Add to Menu

5

Page 15: A Guide to Downloading the Community Journalism Wordpress Theme

Changing the Categories

When you are happy with the order of the categories click: Save Menu

12

3

The categories will appear on the website (from left to right) in the sameorder as they appear above (top to bottom)To change the order of appearance on the website drag and drop eachcategory above until they are in the order you want them on the website

Page 16: A Guide to Downloading the Community Journalism Wordpress Theme

Personalising the Theme

To add your logo, under the Appearance tab, click Add Image

On the left hand side of the page click: Appearance then click Options

Select your image from your computer then click on the image (you will see a bluetick appear in the top right corner of the logo image) then click the button: Select

Page 17: A Guide to Downloading the Community Journalism Wordpress Theme

Personalising the Theme

Click on the Settings tab . If you want your Twitter feed to appear on thewebsite add your Twitter name here ­ without the @ at the beginning If you want to enable the 'What's On?' section on the website, tick the box (1) to include this section. This step is optional NOT essential

To change the colour of the theme from pink you can either (1) clickin the box and drag the circle to the colour of your choice or (2) if youhave a colour code for your brand/logo you can type it in the box andclick Save Options on the right

2

1

1

Page 18: A Guide to Downloading the Community Journalism Wordpress Theme

Personalising the Theme

Click on the Social Links tab. If you have Social Media accounts you candisplay links to these on your weblsite.

Put the information in the relevant box. Remeber to add the full URL ­including http://www. After adding all your accounts click: Save Options

If you've added your social media accounts they will appear at the top of thescreen on the right. Clicking on each icon will open the relevant Social Network.

Page 19: A Guide to Downloading the Community Journalism Wordpress Theme

Advertising

The theme allows you to display two adverts on your CommunityJournalism website.If you wish to display adverts on your website click the box next to EnableAdvertising. Then click on Pages > All Pages. On the following page clickon the heading Advertising. Write here the information you would like readers to see when they see'the ad space 'Advertise on this site?' then click the Update button. You can also enable Google Adsense.For more information on enabling Google Adsense go to:https://www.google.com/adsense

Google Analytics can help you track visitor traffic to your site and create apicture of your audience and their needs. For information on how to use Google Analytics go to:http://www.google.com/analytics/

Google Analytics

Enabling Adverts or Google Analytics are both optional NOT compulsory

Page 20: A Guide to Downloading the Community Journalism Wordpress Theme

Check your changes so far...

If you want to check your changes and see how your new website looks sofar, click on your website name on the top left of the screen

The screen shoould look similar to the image above if you have uploaded alogo, changed the colour, added your Twitter feed and enabled Advertising

Google Analytics

Page 21: A Guide to Downloading the Community Journalism Wordpress Theme

Adding a Story and Image

Click on your website name, top left of the screen, and return to the DashboardClick on Posts then click on All Posts This will show you all stories ­ published and draft ­ that have been written onyour website.Then click Add New

Page 22: A Guide to Downloading the Community Journalism Wordpress Theme

Adding a Story and Image

You MUST follow these three steps to publish a story:1) Write a story headline.2) Write the story3) Upload a photo or image to publish with the story.Click on the button: Add Image

1

2

3

Page 23: A Guide to Downloading the Community Journalism Wordpress Theme

The theme will open your Media Library when you add an image to a story.At the moment the only image in your Media Library is the one you haveuploaded as a logo. Click on Upload Files.

You can drag and drop your photograph or image or click on the Select Filesbutton*Ideally the photo/image should be at least 630 pixels wide *

Adding a Story and Image

Page 24: A Guide to Downloading the Community Journalism Wordpress Theme

Adding a Story and Image

You can upload multiple photographs/images but you must select one as themain header image to go with the story. Click on the image you want to use and you'll see a tick in the top rightcorner of your selected image.Click Select at the bottom right of the screen.

You can add a brief description underneath the image

Page 25: A Guide to Downloading the Community Journalism Wordpress Theme

Adding a Story and Image

If the photograph was taken by a photographer or contributor who needsrecognition for their work, you can add their name and URL here. Fill the correct information in the relevant boxes.The name will appear on the bottom right of the photograph/image on thewebsite. Clicking on the photo will lead to their website, if one was added.

You can also give recognition on every story to all contributors.Click Add a Reporter. Input the information and click the Add a Reporter buttonRemember all the information added here will go live on the website so make sureyou check how much of their information the contributor is happy for you to publish.

The steps on this page are optional NOT compulsory

Page 26: A Guide to Downloading the Community Journalism Wordpress Theme

Adding a Story and Image

Under the Publish section on the right of the screen there are three options toconsiter. Whilst writing each story it's worth pressing the Save Draft button (1)regularly. You can also press this button after writing a story if you're not ready topublish it yet. It allows you, or another member of the team, to publish the story ata later time.Pressing the Preview (2) button allows you to see exactly how the story will lookwhen published.When you're sure the story is ready, and the image looks fine in the preview, youcan press Publish (3).Congratulations! ­ you have published the first story on your new website

Under the Categories section on the right side of the screen select onerelevant category (e.g; Entertainment) Don't click several categories unlessyou specifically want to repeat the same story on several pages. The onlyadditional box you'll need to select is Slider Story if you also want the storyto appear on the carousel on the front page.

1

3

2

Page 27: A Guide to Downloading the Community Journalism Wordpress Theme

Adding a Story and Image

Click on your website name, at the top left of the screen, to see yourpublished story on the website.

Page 28: A Guide to Downloading the Community Journalism Wordpress Theme

Adding a Story and Image

If you credited a photographer/contributor for their image, their name willappear on the bottom right of the screen. It is a clickable link that can leadyou to the photographer's website or a social media account.

If you gave credit to any contributors who helped with the story the details willappear on the right of the article, under the heading 'Contributing Reporters'.

Page 29: A Guide to Downloading the Community Journalism Wordpress Theme

Adding users to your website

on the left hand side of the Dashboard click on Users

Fill in the details, choose their role (Subscriber, Contributor, Author, Editor orAdministrator) then click Add New User Repeat for every new user