Using the Ousia Content Management System Version 2 - Depreciated
Tips, tricks and help with using the Ousia Content Management System.
Introducing Ousia
Ousia is our state of the art Content Management System, that comes with all websites we design. Once you have logged in, you will be able to access it.
All items can be managed in your native language.We have used our lightbox on all images on the page, by clicking on them they will either open in a new window, or expand on screen if you have JavaScript enabled.
Main Screen - All of your menus
Clicking on documents menu will bring up a list of all of your menus.When you first load up Ousia, you will find that there has been a document added called home for you.
In the screen shot taken, we have used the Claytabase website as an example.
To add a new menu, simply click on add new.
Too manage the existing menus, click on one of those and it will take you to the item selected.
Editing/Creating a Menu
When a menu has been selected, it will bring you into the menu management screen.From here you can manage all options for it, and see what documents are associated to it.
It is also shows what languages you have written your documents in, so that you can quickly see if any are missing.
Menu Settings
By setting the RSS check box, all child documents related to that menu will appear in your RSS feed (which comes with your site).Menu active, when unchecked, will hide the menu from display in the Top and Low Menus.
Menu Type, is to set the menu to the main or secondary menus.
Editing/Creating a Document
This allows you to edit your documents online. There are some powerful features built in that you can already use, and some that are still in development.We will first cover the items on the left.
The First dropdown list allows you to change the page type.
- Article - Can come with Advertising if required.
- Articles - Will list all related documents, with search functionality
- Contact - Contains a built contact box at the bottom
- Content (optional where advertising is built into article)
- Gallery - Coming Soon!
- Any custom pages built as part of the design.
On sites with multiple writers, there is an author dropdown, let us know if you require this.
The text box below contains the URL for the document. There is a table of all previous URL's related to this document, and once changed, it will then redirect all previous URL's to this one.
Document name is provided as a reference name for the document. When using the translator, your document will use a translated part of this as the end of the URL.
The header field will be displayed in two places, the start of the document, and also in the tab of the browser you are using.
The large text box contains all of the HTML for your document. There are lots of functions in here. If you have some basic knowledge of HTML, you can edit it directly, otherwise use the built in editor, which should suffice for most users.
SEO
Comma separated key words can be added to help with SEO (Search Engine Optimisation), be careful when using this, as excessive key word stuffing can have your site penalised.The last box is also used for SEO, and will provide a description of your page to both the Search Engines and also the user. When your page gets displayed on a search engine, it should use the description you entered, so make it interesting and between about 50 and 200 characters.
There is a good explanation by Matt Cutts on Google Webmaster Tools in regards to best practices.
If the document is new, when you click on the Update/Add button on the left, you will be redirected to the new id of the document.
Documents and Using Translation Features
On the right hand side of your Document management page, there is a copy of the features on the left.The first drop down will select what language you wish to edit your secondary document in.
In this screen shot, I am displaying both the English and German versions of my articles page.
This drop down will also drive the translation features scattered around the page.
If there is no document in the second language, the page will make five requests to Google Translate, converting the Name, Header, Document, Key Words and Description to the target language. The new Document name will get combined with the URL of the parent document, and added to the URL field.
If there is a matching document in the database, then this will be shown.
When you have made massive changes to your document, you can click Translate Document, and this will be sent out to Google Translate.
There is also a snippet converter, that can translate snippets of up to about 200 words, this is located at the bottom of your page. To use this, simply put the text in the grey box to the left, and click on the Translate Text hyperlink. Your new data will be returned to the box to the right.
Snippet Manager
This was built for this site for a couple of reasons, one to keep the size of the document being translated to a minimum, and the other, particularly for this site is that the code we provide in our articles shouldn't be translated.Snippets can be added to your documents, and formatted accordingly, either in the snippet manager or using code and formats agreed at the time of set-up.
Alternatively, we can hide this if you don't think you are going to use it.
We are in the process of adding a code builder on the right hand side, so that you can copy and paste directly into your documents.
Editing/Creating a Snippet
This is like a stripped down version of the document manager, with a couple of features of note.The URL is the link that you put into your document, see example below.
The header will be shown at the top of your snippet and can be left blank if not required.
Document is the text that you require to be inserted into your document, and can be anything ranging from a simple sentence, to a full blown document if required.
Description is what will be displayed in the snippet manager.
Using this snippet manager couldn't be easier, we have created a snippet called Snippet_Example. For the database to recognise the snippet it simply needs to have spaces either side. Using will cancel it.
HTML
Correct <div> Snippet_Example </div>
Incorrect <div> Snippet_Example </div>
Image Manager
Built to manage all of your images, this area will be undergoing a few improvements over the next few weeks, with the facility to upload new images being built in. In the time being you can manage it all via FTP.
The Preview buttons will bring up the image in the right hand side so that you can check it is the right one.
The Preview buttons will bring up the image in the right hand side so that you can check it is the right one.
Editing/Creating a Image
At the moment all code is manual, but relatively simple, see the snippet below.We are aiming to add image re-sizing, and a couple of other features in the near future.
In this snippet we have set a floating div to be 400 by 220 pixels or shrink to the size of the screen for mobiles The image name is Ousia_Image, and the database will recognise this by spaces on either side, like the snippet manager.
We have also added additional formatting that is built into the website, for which a list would be provided.
HTML
<div class="ArticlesSQLStatement" style="width: 400px; max-width: 100%; height: 220px; max-height: 100%; float: left;"> Ousia_Images </div>
Links
There is a built in document linking structure, when using syntax like _LinkDoc_63 the database will create a hyperlink to document 63, in the correct language. If no link is found, you will then not end up with broken or missing links, or redirects.