OPM Rugby Club Web Site Overview

Transcription

1 OPM Rugby Club Web Site Overview Table of Contents Main site URL... 2 Register as a user... 2 Change user Password... 3 Login to OPM Wordpress Site... 3 Roles... 4 Subscriber... 4 Contributor... 4 Author... 5 Editor... 5 Categories... 5 Home Page Showing Category sections... 6 Current Category List... 7 Adding a Post... 8 Adding a Slider Picture to Page Header Adding a Picture to the Gallery Edit Fixtures Table (Also Applies to League Table) Edit Club Contacts Adding a New Page Adding a New Page to the Main Menu Page 1

2 Main site URL A live demo of the template used can be found at the link below. This demo show the art of the possible with our template. Register as a user Go to and click the REGISTER link at the footer of the page. Type in a username and address. You will need to create a personal user name, and use a personal address. You should get confirmation that the account has been registered and to check your s. The will contain your password. It is recommended to log in and change your password. Your should look something like the image below Click the link in the to login into the site and then navigate to the PROFILE section to change your password. If the registration s comes through as [SPAM] you may have to add it to your allowed/safe senders list as it is not spam. Page 2

3 Change user Password Once logged into the site you will be able to change your password, buy clicking on the PROFILE menu. See image below Login to OPM Wordpress Site Click Log in link at the footer of the home page Enter user name and password Page 3

4 Roles Once registered as a user it is important to understand what ROLES are assigned to your account and what access you will have to the web site. By default each new user will be assigned the SUBSCRIBER ROLE which means this user will be able to READ posts and also leave comments on posts. Subscriber Menu Items Roles - Subscriber Contributor Menu Items Roles - Contributor Page 4

5 Author Menu Items Roles - Author Editor Menu Items Role - Editor Categories Categories are used to publish posts to the correct section of the web site. In the image below you can see the HOME page has three main sections which in turn have categories assigned to it. 1. Home Page Top Section 2. Home Page Mid Section 3. Home Page Bottom Section Page 5

6 When a post is added to the web site you can choose what category/categories (you can choose multiple categories) to assign the post to. This will then display that post on the correction section/sections of the web site. Most pages will display 5 x posts per category in theory letting you have up to 15 x posts per page. Also notice there are WIDGETS down the side of the page and again these display content based on categories. Home Page Showing Category sections Page 6

7 Current Category List Category Name 1st XV Page Bottom Section 1st XV Page Mid Section 1st XV Page Top Section 2nd XV Page Bottom Section 2nd XV Page Slider 2nd XV Page Top Section 3rd XV Page Bottom Section 3rd XV Page Mid Section 3rd XV Page Top Section Club History Page Bottom Section Club History Page Mid Section Club History Page Top Section Club News Page Bottom Section Club News Page Mid Section Club News Page Top Section Home Page Bottom Section Home Page Mid Section Home Page Top Section Latest News Latest News Juniors Latest Tour Info League Table Mystery Item Page Botton Section Mystery Item Page Mid Section Mystery Item Page Top Section Next Game Next Game Vets Rugby Songs Senior Social Events Seniors Next Game Tag Page Bottom Section Tag Page Mid Section Tag Page Top Section Teams Page Bottom Section Teams Page Mid Section Teams Page Top Section Tour Training Info Page Bottom Section Training Info Page Mid Section Training Info Page Top Section Uncategorized Vets Page Bottom Section Vets Page Slider Vets Page Top Section Juniors Category Name Junior Policies and Downloads Page Bottom Section Junior Policies and Downloads Page Mid Section Junior Policies and Downloads Page Top Section Junior Social Events Page Junior SocialEvents Page Header Post Junior T1 Under 11s Page Junior T1 Under 11s Page Header Post Junior T2 U10s Contact Info Junior T2 Under 10s Page Junior T2 Under 10s Page Header Post Junior T3 Under 9s Page Junior T3 Under 9s Page Header Post Junior T4 Under 8s Page Junior T4 Under 8s Page Header Post Junior T5 Under 7s Page Junior T5 Under 7s Page Header Post Junior T6 Under 6s Page Junior T6 Under 6s Page Header Post Junior T7 Under 5s Page Junior T7 Under 5s Page Header Post Juniors Fixtures Juniors Page Juniors Page Header Post Next Game Junior U10 s Next Game Junior U11 s Next Game Junior U6 s Next Game Junior U7 s Next Game Junior U8 s Next Game Junior U9 s Next Game Juniors Next Game Juniors U5 s Page 7

8 Adding a Post Step 1: Login to site and navigate to Dashboard. Step 2: Select Posts from the navigation menu and select Add New Page 8

9 Step 3: Enter a title or heading for your post. Step 4: Enter the body text for your post. This could be a match report or some latest news etc. Page 9

10 Step 5: If you require an image on the link to your post click select featured image. Step 6: Select an image from the media library or upload an image from your PC and click Set Featured Image Button. Page 10

11 Step 7: Select the category you want for the image. Don t forget the category defines where on the website the post will be displayed. In the example below we have selected Vets Page Top Section. Most of the pages on the website have a content section split into three categories. Example Vets Page Top Section, Mid Section and Bottom section. Each section can display up to 5 x posts making 15 in total. Don t forget to click the PUBLISH button. This will then publish your post. Step 8: View your published post, in this case navigate to the Vets Page. Page 11

12 Step 9: Your post should be visible. Click on the featured image or the Read More link to view the full contents of the post. Step 10: Click on the posts featured image to view full size. Page 12

13 Step 11: You have successfully posted and tested. Adding a Slider Picture to Page Header Step 1: Select Sliders from the main menu and select Add New Item. Page 13

14 Step 2: Add a picture title, then click select image button. Step 3: If adding a photo from your PC select the From Computer TAB and Click Select Files to browse your PC or memory card. Page 14

15 Step 4: Browse your images and click the image to insert and click the OPEN button Step 5: The recommended size of the image for the SLIDER Header section of the page is 1024 x 400. To edit your image Click the Edit Image button. Page 15

16 Step 6: Left click and drag your mouse over the image to highlight the proportion of the image to crop. Notice the Selection indicator in the box on the right will display the current selected size. Make sure this read 1024 x 400 or there about. Once this is done Click the CROP button. Step 7: Click Save Page 16

17 Step 8: Click Insert Into Post Step 9: Select the Category you wish this slider to be saved in. The category will relate to a page on the site. In this example we are selecting the Vets Page Slider so the image will display on the VETS page. Then click PUBLISH. Page 17

18 Adding a Picture to the Gallery Step 1: Select Dashboard Step 2: select Grid Gallery/Add new Page 18

19 Step 3: Select SetFeaturedImage (This is the thumb nail image) Step 4: Choose Image or Upload new image by selecting UploadFiles. Then Click on image to select it and then press SetFeaturedImage buttom bottom right og screen Page 19

20 Step 5: Next select the Large Image by clicking the Select Image button. Step 6: Select Media Library and click SHOW on the image required. This will be the same image you picked in previous steps for the thumbnail image. Page 20

21 Step 7: Click Insert Into Post button. Step 8: Select the Category, which will decide what gallery collection the image will appear on and click PUBLISH. Page 21

22 Edit Fixtures Table (Also Applies to League Table) Step 1: Navigate to the Dashboard Step 2: Select TablePress and All Tables from the Menu Page 22

23 Step 3: Select EDIT on the table you wish to update. Step 4: Update the contents of the table. Page 23

24 Step 5: Save changes. Edit Club Contacts Step 1: Navigate to the Dashboard Page 24

25 Step 2: Select PORTFOLIOS from the navigation menu. Step 3: Select the item and select EDIT. Page 25

26 Step 4: Expand the Description section by dragging the box in left hand corner. Step 5: Modify the text if required. It is VERY important to use the same format inside the HTML <pre> tags </pre>. A little knowledge of HTML may be required. If not just copy the text from an existing PORTFOLIO item and cut and paste that in the description box. Page 26

27 Step 6: Make sure the Club Contact category is selected and click UPDATE Adding a New Page Step 1: Navigate to the Dashboard. Page 27

28 Step 2: Select Pages and Add New from the menu. Step 3: Type in a title for the page. In the example below we are going to insert the contents of the TAG Category. To include the contents of a post with the TAG category you have to select the POSTS SHORTCODES icon. Page 28

29 Step 4: This will bring up the Posts Short codes Options box. Step 5: Select the Posts by category. Leave the Excerpt length default to 290. Set the Number of Posts to 5 (This is how many items will be displayed on the page for the given category). Select the Category ID (This will display 5x posts for the selected category). In this example we have selected Tag Page Mid Section (1) The number in the bracket indicated how many posts have been assigned this category. Select Show read more link to YES Enter the text to display on the show read more link. Leave default value Read more Page 29

30 Step 6: Select either the default template (This is the optiont which displays the drop down widgets for latest news and recent posts etc on the left hand side of the page or select full width template which does not. In this example we are adding a page to the TAG section of the website so could choose the TAG on the parent selector. If no parent is select we are creating a new top level page. When done Click PUBLISH. Adding a New Page to the Main Menu Step 1: Navigate to the Dashboard. Page 30

31 Step 2: Select APPEARANCE and MENUS from the menu Step 3: Select the new page you have created from the Pages List and Click Add to Menu Page 31

32 Step 4: The new menu item gets added to the list (See Test Page 3 at the Bottom) Step 5: We then need to drag the new menu item underneath the PARENT in this case TAG to appear as a sub menu item. Then Click Save Menu to publish it. Page 32

33 Step 6: Navigate top web site and you should see the new menu item appear. Page 33

34 Page 34