Mediat Documentation

### “Mediat” Documentation by “WebFairy” v1.0

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

# “MediaT”

The Really Little Full-Responsive Media CMS

Created: 1/20/2015
By: WebFairy
Email: support@webfairy.net

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

#### Features

- 100% Responsive & clean
- SEO Optimised & Cross Browser
- Dynamic XML Sitemap Index
- Responsive Grid/list Design With Infinite Scroll
- Multiple Language Supported
- Supporting Popular Video and Music Sources
- ADS optimised that maximize your revenue
- RSS Aggregator supports (67+) site
- Image/Video/Audio Upload & Share From Url , Youtube, Vimeo, Vine, Instagram (67+ Providers)
- Facebook Comments
- Full Admin Panel
- Moderate Guest Submissions
- Upcoming Page & Publish by voting
- Control everything on your site using the massive array of options
- Live smart responsive Grid/list Design With Infinite Scroll
- And So Much More !

### Installation - top

#### Before Installation

##### Make sure you have:

- A web server which you can access via FTP or SFTP.
- A text editor.
- A web browser.

#### Web Server Requirements

- Operating System: Linux, Unix, or Windows
- Web Server: Apache
- Scripting Language: PHP 5.3+
- Database: MySQL 5.0 or above
- PHP's GD extension

#### 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:

- /cache/
- /resized/
- /uploads/

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

- Go to Panel > Settings > Appearance

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)

#### Translations

You can modify the pre-defined phases or keywords

- Go to Panel > Appearance > Languages
- Search by a key or by normal text
- Click edit then modify then save

### Arabic & Right-To-Left - top

Mediat suports full arabic & left to right direction system

#### Switching Into Arabic

- Go to Panel > Settings > Appearance
- Change "Language" to arabic
- Switch on Right-to-Left Mode
- Change Font family to Droid Arabic Kufi (prefered)
- Change Font size to 14 px (prefered)

# Content

To change content settings:

- Go to Panel > Settings > Content

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"

- Go to Panel > Settings > Posting
- Set "Who can add new post" to "Managers & Users"
- Set "Publish Type" to "By voting"
- Set "Publish votes" (In the case of post votes exceeded this figure it will be published automatically)

### Header & Footer Menus - top

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,

- Self-Hosted Image
- Self-Hosted Video
- Self-Hosted Audio
- Self-Hosted Flash (swf)
- Self-Hosted file (any other uploaded type)
- Code
- Link

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

- Go to New post > Upload from pc
- Drag your file into the Dropbox
- Click Start Upload

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

- Go to New post > Write (text, code)
- Enter Your title & article body or your code
- Click save

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

Example

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

- Go to your Cpanel account then click on "cron jobs" icon
- Add a new cron job that call every minute
- Paste this command and click save

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

- Go to Panel > Settings > Post Fetcher
- Enable "Auto-Fetcher"
- Set an appropriate value for "Start a new fetch process every" according your server features

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

- Go Panel > Settings > Advertising
- Enable Posts Ad Unit
- Set Your Prefered size for Grid and List view
- Then select your ad-units Iterations

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

- Go to Panel > Advertising > Add
- Select Your Ad Size (where that code where appear?)
- Paste your code then click save

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">
    </a>

### Formatting Date and Time - top

#### Formatting Date and Time

- Go to Panel > Settings > Date & Time
- From the Default Time Zone box, choose a city in the same timezone as you
- Check Date Format if its need any modifications (look below)

#### 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:

- `l` = Full name for day of the week (lower-case L).
- `F` = Full name for the month.
- `j` = The day of the month.
- `Y` = The year in 4 digits. (lower-case y gives the year's last 2 digits)

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

#### Examples

Here are some examples of date format and result output.

- `F j, Y g:i a` - November 6, 2014 12:50 am
- `F j, Y` - November 6, 2014
- `F, Y` - November, 2014
- `g:i a` - 12:50 am
- `g:i:s a` - 12:50:48 am
- `l, F jS, Y` - Saturday, November 6th, 2014
- `M j, Y @ G:i` - Nov 6, 2014 @ 0:50
- `Y/m/d \a\t g:i A` - 2014/11/06 at 12:50 AM
- `Y/m/d \a\t g:ia` - 2014/11/06 at 12:50am
- `Y/m/d g:i:s A` - 2014/11/06 12:50:48 AM
- `Y/m/d` - 2014/11/06

### 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

- Go to Panel > Pages > Add
- Enter you page title
- Enter your page permalink name
- Enter you page html content
- Click save

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

### E) Sources and Credits - top

#### Thanks so much to

- jQuery
- Bootstrap
- blueimp
- MediaElement
- prismjs
- wookmark
- smarty
- Embera
- PHPMailer
- NotORM
- Zebra Image
- SimplePie
- ar-php
- Font Awesome
- CKEditor
- yarp

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.

WebFairy

Go To Table of Contents