Adding news items and other posts

Posts are used for news items and other announcements such as results, club news, public news. When you create a post you must assign it a category – this determines where in the website the post will be displayed. 

If you have any problems with these instructions please submit a ticket. You should get a fairly prompt response though on a best efforts basis. Please do use the ticket or helpdesk system then we can not only attempt to address your problem but also improve the instructions.

You will probably want your club website in a browser window next to this window holding the instructions.

This is quite a long web page with a lot of information. It is suggested that you read it all through once before starting.

As a user who has the role of contributor or author you can write posts. Editors and admins can also write posts. As a contributor your post must be approved before becoming public.

Adding a new post

To write your own news item to appear on the site, you need to create a “post”.

Click on +New (or just + on a phone or small tablet) at the top of the page and choose “Post” from the menu.

You’ll see the text editor window. Write a title in mixed case and make sure Visual rather than Text is selected in the two tabs at the top right of the text editor window. Then write the body of the  post in the large box below.

Just above the text window there are a number of controls that you can use to format the text. The default paragraph style is “Paragraph”. Paragraph styles apply to the whole paragraph i.e. up to the next new line. To make a top level heading select a paragraph and choose “Heading 1” from the pull down menu. If you hover the mouse over the icons a “tool tip” will appear to tell you what it will do.

Your club webadmin will have defined a set of categories to which you can assign your post. On the right there’s a box for selecting the category. A default category will already have been set for you. You are able to select more than one category but this is generally not a good idea.

The category controls where on the web site your post will appear. As initially distributed there were three categories: News (the default and visible to the public), Club News which only show up in the Members’ Area and Competitions.  All posts which are not public should be marked as “Block this page” in the page restriction panel in the top right hand corner of the editor.

Click the big blue Publish button, and your post should be immediately visible on the site. You will actually remain in the editor but a link will appear at the top of the editor page inviting you to view the page.

Style issues

Please avoid using all capitals in post titles and headers. WordPress has been configured to associate a style with each header level. This association may be changed in the future which may invalidate tweaks that you have made.

You can use with bold and italic options in moderation – but avoid the underline as it makes it look like a link.

You may want to embed links within content, so a user can jump from one part of the site to another.  For example you may want a news item about an open day which links directly to your Open Day page.

Highlight the text you want to link, and click the chain link button at the top of the window.  

Click on the cog wheel and select the page to which you wish to link. You can type in the search box to find the post or page.

If you’re linking to another website, you will need to type in the URL and probably select “Open the link in a new tag” .

Finally click the blue “add link” or “update” button and you’re done.

Adding email addresses

As well as linking to a page within the site, or a page in an external site, you can link to an email address.  That will open the user’s normal email program so they can send a message.  Type the email address,  select it, click on the chain link button and then the carriage return button.

Adding pictures

 For  a single image position the cursor where you want it to be and use the “Add Media” button (near the top). This will give you the opportunity to use an image already in the media library or more likely add your own. Set the alignment to Left Centre or Right and click on “insert into post”. If the alignment is not as you wish then click on the picture inside the post and use one of the four leftmost icons – the other two are for edit and delete. Note that deletion is only from the post and not from the media gallery.

For a video the simplest solution is to upload to You Tube unless it is already there then use the “Embed Video (ARVE)” button instead of “Add Media”

Adding Video

For  a single image position the cursor where you want it to be and use the “Embed Video (ARVE)” button (near the top).

Open another tab on your browser, go to YouTube, pick a video you like – maybe a coaching video, or a demonstration of top level players – and click on the Share button below the video.  Click ‘Embed’ in the box that appears, and ‘Copy’ in the next box.  That gives you the code you need to drop into the site.

Come back to the site and edit the page you want your video in.  Click on the ‘Embed Video (ARVE)’ button above the text editor, and paste (right-click or Ctrl+V if you’re in Windows) the code into the first box on the screen.  The rest of the page is more advanced than you need, so just press the ‘Update’ button.

Updating or deleting a post

Please note that you can only mess up your own work unless you are given admin privileges – in which case be careful!

Find the post on the web page and if it is yours you will be able to edit it or delete it. You will see “Edit” or “Edit Post”Make your changes and click the large blue update button or click on “Move to Bin” to delete it.

Throwing a post in the bin doesn’t mean it’s gone for ever. You can rescue it via the Posts option on the dashboard.  Click on Bin (if there’s anything there) and you can sort through the rubbish.  You will still be the owner.

 

 

For those who are happy with HTML

If you like to work at the HTML level click on the ‘Text’ tab at the top right of the editor window.

Donts

Don’t create your own tables as they will look a mess on a phone.

Don’t override fonts, font sizes or font colours – you can get out of phase with the visual theme if it’s changed at a later date.

Don’t use <span> or <div> commands, which may not display properly.

Font-awesome

The font-awesome fonts are available. These can only be added by using the “Text” tab. Choose one from the set of free icons, then enter <i class=”fas fa-<name of icon>”></i> where <name of icon> should be replaced by the actual icon name.

For example <i class=”fas fa-ambulance”></i> gives you the icon called ambulance and which then looks like . The text editor won’t display anything, but you’ll see the icon when you update and view the site.

Using the “Preview Changes” button

If you press this button a new tab will appear with what your post will look like when published. You can then go back to the original tab and carry on editing. If you then press the preview button again, the preview tab if still present will be refreshed.

The preview tab, as it looks real, includes an “Edit” button. It is strongly recommended that you don’t press this button!

Calendars

A calendar is actually a special kind of post – though this is not too obvious.. Typically the club web-admin will create the necessary calendars however if you have permission to create a post you can also create a calendar.

To add a calendar you need to:

  • create a google calendar
  • create a calendar widget to hold the google calendar
  • add the widget to a page

There is currently a page called a page Calendar with a single line to insert a calendar widget with id of 208. If you now go to “Calendars/All Calendars” in the Dashboard you will see one calendar called “Croquet” with the shortcode you saw on the page called Calendar. The Calendar widget is actually a special kind of post – which is a bit confusing. The club website currently points to an empty calendar so you need to make it point to a calendar of yours. 

To create a calendar you need a google account this account will be associated with a google calendar but you don’t want to use that one. Go to https://www.google.com/calendar and click on the plus sign to the right of  “Add a friend’s calendar” then select “New calendar”, fill in the small form and click on Create Calendar and a few moments later it will appear in a list of calendars on the left. Click on the calendar. Then tick the “Make available to public button” and if you want to allow specific people to be able to add events to the calendar then add them to the list under “Share with specific people” and select the correct permission – probably “make changes to events” then click on “Send”. Finally go to the “Integrate calendar” section and copy the Calendar ID field. The process is explained at https://docs.simplecalendar.io/ Add an entry to the calendar so that you will later recognise it as yours.

Now go to Calendars/Settings and in the Event Sources tab enter your Google API Key and “Save Changes”.

Next go to Calendars/All Calendars click on the existing Croquet calendar and select “Edit”. As mentioned above the Calendar widget is a special kind of post. The first section looks similar to other posts and should be left alone initially. This is then followed by the Yoast SEO section which accompanies all posts and right at the bottom are the “Calendar Settings”. Click on “g Google Calendar” on the left and replace the Calendar Id field with that of your newly created calendar, scroll back up and click on “Update” and now when you go to the Calendar menu entry you should see your calendar with the event you added. There are many options to explore in the calendar – but this should get you started.

Maps

Though it is unlikely that the ordinary user will want to add a map. Here are the instructions. 

First go to a regular google map at https://www.google.co.uk/maps and enter a search term to find your club. Normally the name of the club or its address will take you there and will display a red pin at the right place. Position the map as you want it – possibly not with the pin in the centre and set the scale as you see fit. Use the menu at the top left to select the map type and then further down the menu is a link “Share or embed map” click that and select the tab “Embed a map” and then “COPY HTML”.

Click on the Embed Video (ARVE) button while editing a page and paste the code into the URL field at the top then click on the blue Update button. The ARVE button is shown below:

Screenshot of page editor
Screenshot of page editor