Website Tutorial

I thought it would be a good idea to give you guys some details on what to do, and how to do it, on the website. Will be trying to cover what not to do as well. To me these things have become nearly second nature, but to many, who have never tinkered with WordPress, it can be a little overwhelming at first. It was that way the first time for me also, and I still do not know how to do everything we now have, but I am working on it.

My only mantra for this is; Don’t Crash the Site. If ya have a question ask me or Cyhu. Between us we have crashed the website 4 times now – twice each – but never for more than fifteen minutes.

Terms you need to know;


  • Backside = When made in reference to the Website this is the Admin side, or the side where things are setup. (The pages will always have a light background.)


  • Frontside = When made in reference to the Website this is the Public View side, where everyone can go without being logged in. (The pages will always have a dark background.)


  • Admin Strip = This is the strip that you will only see if you are logged in. (Which means that you must first be registered. This is a website security measure which keeps us free from thousands of offers for cheap drugs and jewelry, and other nasty results.) It is a small strip along the very top of the website page – each page – once you are logged in.


Getting to the Backside of the Website;

First make sure you are logged in. If you are you will see a small gray stripe (Admin strip) at the top of the page. It will have an icon with a W in it, and next to it will be the words “Friends in War…”. Click Friends in War on that stripe. You are now heading for the backside of the website.

Additionally, there is a link called “Admin” in the footer of every page. This will accomplish the same thing if you are closer to the bottom of the page.


Log in Make sure you are logged in first.

Images (photos) From the frontside of the website “mouse-over” the “+New” word on the Admin Strip at the top of the page. Select “Gallery”. From the backside of the webpage (Admin) click on the “Gallery” tab on the left hand column. Click “Add New”. Now you have two ways to upload. Either you can click “select” and “browse” your computer for a single photo, or you can open Windows Explorer and drag and drop multiple files from it at once. Important; You must stay on that page until all files are added, or the process will end where it is when you leave the page!

.wotreplays Exactly the same as Images (photos) above.


“Posts” are what you want to do if you wish to place something on “Clan News and Posts” page. It is our blog page on the site.

From the frontside of the website you can mouse-over the word “+New” on the Admin Strip and select “Post” from the drop-down menu that appears. Or, from backside of the website click the “Post” tab on the left hand column, now click “Add New”. A window with a blank edit form will come up to let you write and post your “Post”. At the top right of your edit window you will see two tabs named “Visual” and “Text”. Unless you know, and can write code – HTML, CSS, PHP, etc. – you should always be on the “Visual” tab. If you see what looks like gibberish to you, DO NOT MAKE ANY CHANGES every character means and does something! You have somehow clicked the “Text” tab. Switch back to the “Visual” tab before digital ugliness, shame and guilt make their appearance!

Enter the title for the page. then move to the large window for the text portion. As you are writing your Post, you have several things you can do. You can preview what you have done so far by clicking the “Preview Changes” button on the upper right side of the page. This will open a separate tab in your browser for the preview. Remember to close it when you are done looking to avoid overloading yourself or your PC with too many tabs open at once.

You can select “Save Draft” at any time in the editing process by choosing that option, which is slightly below the “Preview Changes” button. The “Save Draft” button is only available until you click the “Publish” button. The “Publish” button changes to “Update” and the “Save Draft” button disappears the first time you click “Publish”.

07Once you have entered your post you can click “Publish” once and then, once updating is done, you can view your post from the links towards the top of the page (One in the Admin Strip, another just above the title of your post.) From there you can make changes as many times as you like – which is nice! – and click the same button to update each time, though now that button will read “Update”.

Remember if you make changes but do not click the “Update” button before viewing the page, your changes will be lost. I have, and still do this occasionally. If you do this don’t freak out, there is an autosave feature active on all edits as you write them. Look up above the “Update”button on the right hand side where it says “Revisions”. You will see a blue link on the word “Browse” Click that and move the slider on the top of that window to select the revision you want to revert to. This is usually much easier that trying to start over.

To Add to Pages You may also add to any page – almost – that you want. From the backside of the website go to the “Pages” tab on the left hand column and select “All Pages”. Scroll to the page that you want to post to, presently there 22 and soon more. Once you find the page you want to post to, mouse-over the blank spot under the title of that page to see your editing choices come into view. Do not select “Trash” or you will delete the page entirely! I usually select “Edit” because that gives you the most features, but “Quick Edit will get most things done too. As with posts, you can save as many times as you like either as a draft, if you are not ready for the world yet, or to the actual site.

To Add A New Page If you are reading this to learn how to create a new page, you are not ready to do so. This is not me being harsh, but it is me saying that there is too much to it to put it in a short and clear paragraph. There is the menu to deal with, the type of page template, and the SEO (the wha…? Search Engine Optimization, see what I mean?) not to mention the tags and the permalinks. Contact me, and as long as the idea for the page is not a horrible one, I will put it up for you. Remember, this is our website, not mine. I just know how to do it. (Toothy and I are about to launch a page for submerged – or amphibious tank – screenshots)

Images Open the edit window of the Post or Page you wish to place an image on and place your cursor where you want the photo to appear. Click on the “Add Media” tab above the edit window(left-most tab). This will take you to the Media Library where you can select a photo to post, or upload a new one and post it. You can also link to a photo somewhere on the web, but if the target site ever goes down, the picture will no longer be there. I would prefer that all images be loaded to the Media Library instead (Exception; YouTube videos because of space issues).

.wotreplays Are handled exactly the same way that photos are, except that they come out as a blue link. And remember to have your cursor where you want the replay to appear before you click the “Add Media” tab.

Videos Now we are down to the tricky stuff. The way I embed YouTube Videos is to right click on the video I want to embed, usually it is best if done from YouTube’s site itself. Select “Copy embed code” from the right click menu and go back to your Post/Page edit window. Now select the “Text” tab in the upper right of the edit window. Again, every little piece of punctuation serves an IMPORTANT purpose here. Be Very Careful. If you accidentally backspace over something, or delete or change something, remember “Ctrl + z” on your keyboard will put everything back from your last action or string of entry/deletion, there is also a button on the tool bar of the edit window for this. But it will only work if you have not clicked the “Update” button since you made the changes.

Now that you are into the “Text” side of your editor scroll down a bit and look for some copy from the page that you recognize. It is in there but it is surrounded by code gibberish. When you find it keep scrolling until you reach the spot you wish to place the video. It is best, if you do not know code, to find the closest blank line to where you want it and place your cursor there. Now hit “Ctrl + v” on your keyboard. The embed code will drop in ready to be understood by any browser. Next, click the Visual Tab to see where your video has appeared. If you want to add a space above it or below it, or remove one you can do that from “Visual” You can also remove the video entirely from here, in case you got it wrong, however to replace it back in you will have to return to the “Text” tab and repeat the paste action in the proper location. Your video is now posted and can be played from our site.

There may be an easier way to get the video to appear on the page as if loaded – as opposed to a blue line link – I have just not needed to learn that, so I haven’t. I will check on this soon and update here if there is.

Events This is where it gets a little trickier. If you are unsure contact me and I will walk you through it the first time. After that it will be pretty easy. If you do try it by yourself, be sure to take note of, and set the start date/time and the end date/time in the section below the edit window. Neglecting to do so, or incorrectly entering these values, can cause your event to not appear where you want it to, or to appear for a week or a month at a time across the main calender. I am not leaving instructions on how to find and add a new “Event” because by this point in the tutorial you should be able to find it. Call it a test, or call it a website safeguard against extra work for Major. ; )

Leave a comment