“Mediat” Documentation by “WebFairy” v1.0

Please use the latest online version of the documentation. Click here


The Really Little Full-Responsive Media CMS

Created: 1/20/2015
By: WebFairy
Email: [email protected]

Thank you for purchasing Mediat. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

  1. What is this?
  2. Installation
  3. Quick Start Guide
  4. Appearance
  5. Arabic & RTL
  6. Content
  7. Publishing
  8. Menus
  9. Add New Post
  10. RSS Aggregator
  11. Advertising
  12. Date & Time
  13. Creating Pages
  14. Sources and Credits

What is this? - top

WebFairy Mediat is "The Really Little Full-Responsive Media CMS",With this awesome script you are able to build your "Video/Music/Photos/Articles/Tutorials/Flash Games/Code Snippets" Website


Installation - top

Before Installation

Make sure you have:

Web Server Requirements

Uploading Files

Unzip the Mediat package onto your local hard drive. Using an FTP program (such as Filezilla), login to your web server and copy the Mediat files across into your base website directory. This directory is commonly called 'public_html', 'html', 'www' or 'website_html'. If you're not sure what it is, your webhost provider will be able to tell you.

File Permissions

Mediat requires the following files/directories to have 'write' permissions set. If you're running on a Linux or Unix web host, you can use your FTP program and use the 'CHMOD' ('Change Mode') function to grant writes permissions. If your host is running Windows, you will need to contact your hosting provider about setting up write permissions on these files/folders.

Folders, CHMOD these to757:

Note: Although it says 757, some webhosts may require 775 or 777 instead.

Installation & Change Logo

Quick Start Guide - top

Appearance - top

To manage your website layout/colors

Language - select your preferd language

Right-to-Left Mode - determine the direction of the text in the page Is it left or right (select yes if your langunage is arabic)

Font family - your website font family (from google fonts)

Font size - your website main font size

Theme Color - your website primary color of menus, tabs .. etc

Full-width - is your website full width or fixed

Sidebar/Main - determine the percentage of the sidebar and main content, in other words it determine the width of sidebar

Logo file - your website main logo, select nothing to make it a logo of you sitename (text)


You can modify the pre-defined phases or keywords

Arabic & Right-To-Left - top

Mediat suports full arabic & left to right direction system

Switching Into Arabic

To change content settings:

The definition of some of the content settings

Posts List View - Your main view system (home page, categories page, search page)

Posts Per Page - posts appears in home page, categories limit

Related per page - the related posts feature pulls relevant content from your site to display at the bottom of your posts.

Permalink type - its an option for more seo

Who can vote for posts - weather everyone able to vote or only members

Publishing - top

Publication is intended to activate the post when you add it, automatically publication or must be reviewed by the administration or by other members

Any way, managers have the right to publish any one any time, in other hand there are to option for normal users,reviewed by the administration or reviewed by other members then vote for it.

How can i active "reviewed by other members"

Header & Footer menus can contain various items, categories, pages, or external links

Adding Items to a Menu

  1. Locate the pane entitled Categories.
  2. Select the category that you want to add .
  3. Check whether rename the category or modify its name and choose an icon or select "no icon" then click add.
  4. Click the Save button once you've added all the menu items you want.

Deleting a Menu Item

  1. Click on the Remove icon. The menu item/box will be immediately removed.
  2. Click the Save Menu button to save your changes.

Creating Multi-level Menus

To make one menu item a subordinate of another, you need to position the 'child' underneath its 'parent' and then drag it slightly to the right.

  1. Position the mouse over the 'child' menu item.
  2. Whilst holding the left mouse button, drag it to the right.
  3. Release the mouse button.
  4. Repeat these steps for each sub-menu item.
  5. Click the Save Menu button in the Menu Editor to save your changes.

Add New Post - top

Post Types

Before trying to add a new post you have to be aware of how it looks on each type,

Use New Post > Upload from pc In the case of uploading a file, whether presented as an image, audio, video or even displays a downloadable file

User New Post > Write (text, code) to add a code snippet, writing tutorial or an article

User New Post > External link to add a link of external article or add a post from (supported providers) for example adding a video from youtube

Uploading Photo/Video/Audio/File

Make sure the title is correct and select preview image (if needed) and description and the permalink name then click save

Writing Article & Code Snippet

Add media into the post

use to insert video/photo/audio/flash into your post body, click "ADD MEDIA" then upload or select from pre-uploaded items then click insert

use to insert code block inside your post

Will appear as shown below

Keep in your minde

Add external videos are not by adding (the embed code) if supported by the system


to add a video from youtube or from other 67+ site (supported providers) you have to paste the url only

Will appear as shown below

Full Code Post

use button to switch the editor to the textarea mode (source mode) then paste your HTML/JAVASCRIPT/CSS code

Full Code Post (Code Snippet)

use button to open the the dialog then select your heighlighter language then click insert

Rss aggregator - top

To activate this feature you must first make sure that the cron jobs are working well

wget -O - http://your-site-domain/cron.php > /dev/null 2>&1

Then Go to Panel > Content >  Post Fetcher, click add

Then click save, click "Scan & Fetch" to To see the possible result

You may disable the Auto-Fetcher from settings and use the "fetch" button to bring the post you have

Advertising - top

Mediat has a good features for ad-units places & displaying mechanism to get more revenue from ads

First of all, Mediat has two view options for display posts, LIST/GRID, you have to select the ad-unit size will appear if the selected view is GRID or LIST

What is Iterations?

it is the ad-unit repetition between posts, for example adsense require just three ad units per page you may set that value 2 or 3, it will appear according to that number between the posts, if that value is 5 there are many cases , maybe just 3 ad-units appear in the first page ,then in the next page (same page if ajax enabled) the others will apprear

Grid View

List View

Add New Ad-unit

Note: Because of Mediat is a full-responsive, it prefers to use the responsive ad-units, if you plan to use Adsense take a look at About responsive ad units, if you plan to use direct images via html it can be made responsive-friendly via the addition of the .img-responsive class. This applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.

<a href="your-ad-unit-url" target="_blank">
    <img src="..." class="img-responsive" alt="Responsive ad-unit">

Formatting Date and Time - top

Formatting Date and Time

Customizing the Time and Date

The format string is a template in which various parts of the date are combined (using "format characters") to generate a date in the format specified.

For example, the format string:

l, F j, Y

creates a date that look like this:

Friday, September 24, 2014

Here is what each format character in the string above represents:

You can use the table of date format characters on the PHP website as a reference for building date format strings.


Here are some examples of date format and result output.

Creating Pages - top

Pages are for content such as "About," "Contact," etc. Pages live outside of the normal site chronology, and are often used to present timeless information about yourself or your site -- information that is always applicable.

To create a new Page

Note: select yes for Require Login if you want only users who can see it

E) Sources and Credits - top

Thanks so much to

Once again, thank you so much for purchasing MediaT. As I said at the beginning, I'd be glad to help you if you have any questions. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on CodeCanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.


Go To Table of Contents