Файл: documentation/index.html
Строк: 822
<?php
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>NewsTree - Magazine and News Portal Website CMS</title>
<link rel="stylesheet" href="assets/css/documenter_style.css" media="all">
<link rel="stylesheet" href="assets/js/google-code-prettify/prettify.css" media="screen">
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery.easing.js"></script>
<script>document.createElement('section');var duration='500',easing='swing';</script>
<script src="assets/js/script.js"></script>
<style>
html{background-color:#EFEFEF;color:#1C140D;}
::-moz-selection{background:#CBE86B;color:#1C140D;}
::selection{background:#CBE86B;color:#1C140D;}
#documenter_sidebar #documenter_logo{background-image:url();}
a{color:#889C48;}
.btn {
border-radius:3px;
}
.btn-primary {
background-image: -moz-linear-gradient(top, #CBE86B, #889C48);
background-image: -ms-linear-gradient(top, #CBE86B, #889C48);
background-image: -webkit-gradient(linear, 0 0, 0 CBE86B%, from(#F2E9E1), to(#889C48));
background-image: -webkit-linear-gradient(top, #CBE86B, #889C48);
background-image: -o-linear-gradient(top, #CBE86B, #889C48);
background-image: linear-gradient(top, #CBE86B, #889C48);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CBE86B', endColorstr='#889C48', GradientType=0);
border-color: #889C48 #889C48 #bfbfbf;
color:#FFFFFF;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
border-color: #CBE86B #CBE86B #bfbfbf;
background-color: #889C48;
}
hr{border-top:1px solid #CCCCCC;border-bottom:1px solid #FFFFFF;}
#documenter_sidebar, #documenter_sidebar ul a{background-color:#F2E9E1;color:#1C140D;}
#documenter_sidebar ul a{-webkit-text-shadow:1px 1px 0px #FFF6ED;-moz-text-shadow:1px 1px 0px #FFF6ED;text-shadow:1px 1px 0px #FFF6ED;}
#documenter_sidebar ul{border-top:1px solid #D1C9C2;}
#documenter_sidebar ul a{border-top:1px solid #FFF6ED;border-bottom:1px solid #D1C9C2;color:#1C140D;}
#documenter_sidebar ul a:hover{background:#CBE86B;color:#1C140D;border-top:1px solid #CBE86B;}
#documenter_sidebar ul a.current{background:#CBE86B;color:#1C140D;border-top:1px solid #CBE86B;}
#documenter_copyright{display:block !important;visibility:visible !important;}
.pp1 {
padding: 3px 8px;
background-color: rgb(255, 236, 236);
display: inline;
font-weight: bold;
}
</style>
</head>
<body class="documenter-project-carland">
<div id="documenter_sidebar">
<a href="#documenter_cover" id="documenter_logo" style="padding: 10px;">
<img src="assets/images/logo.png" alt="">
</a>
<ul id="documenter_nav">
<li><a class="current" href="#Welcome">Welcome</a></li>
<li><a href="#Introduction" title="Introduction">Introduction</a></li>
<li><a href="#Features" title="Features">Features</a></li>
<li><a href="#Requirements" title="Requirements">Requirements</a></li>
<li><a href="#Installation" title="Installation">Installation</a></li>
<li><a href="#Dashboard" title="Dashboard">Dashboard</a></li>
<li><a href="#User" title="User">User</a></li>
<li><a href="#Settings" title="Settings">Settings</a></li>
<li><a href="#Home_Page" title="Home Page">Home Page</a></li>
<li><a href="#Category" title="Category">Category</a></li>
<li><a href="#Page" title="Page">Page</a></li>
<li><a href="#Menu" title="Menu">Menu</a></li>
<li><a href="#News" title="News">News</a></li>
<li><a href="#Comment" title="Comment">Comment</a></li>
<li><a href="#File_Upload" title="File Upload">File Upload</a></li>
<li><a href="#Photo_Category" title="Photo Category">Photo Category</a></li>
<li><a href="#Photo" title="Photo">Photo</a></li>
<li><a href="#Video_Category" title="Video Category">Video Category</a></li>
<li><a href="#Video" title="Video">Video</a></li>
<li><a href="#Social_Media" title="Social Media">Social Media</a></li>
<li><a href="#Advertisement" title="Advertisement">Advertisement</a></li>
<li><a href="#Subscriber" title="Subscriber">Subscriber</a></li>
<li><a href="#support" title="Support">Support</a></li>
</ul>
</div>
<div id="documenter_content">
<section id="Welcome">
<h1>NewsTree</h1>
<h2>Magazine and News Portal Website CMS</h2>
<div id="documenter_buttons">
</div>
<hr>
<ul>
<li>Created: 23/11/2017</li>
<li>Author: xicia</li>
<li>PHP Version: 5.4 or more is needed</li>
<li>Framework: No framework is used</li>
<li>Server: Apache</li>
<li>Support Email: jbbr1990@gmail.com</li>
</ul>
<p></p>
</section>
<section id="Introduction">
<div class="page-header"><h3>Introduction</h3>
<p>NewsTree is a responsive news and blog portal CMS script. It has a nice and attractive front end interface that is really appealing. Also the backend has a lot of awesome features that are needed for a modern and professional newspaper website. Almost all kinds of task can be done using the admin panel without having any kind or programming language knowledge.</p>
<p>This CMS is built using the procedural php (with PDO feature) and without any framework. For this reason, it can be customized easily by most of the developers. This CMS is strong against SQL injection, and XSS attack; and your website will be safe. Also in all pages, admin level security and invalid page url submission checking were done.</p>
</section>
<section id="Features">
<div class="page-header"><h3>Features</h3>
<p>
This CMS script has the following features:
</p>
<ul>
<li>Easy and simple interface to use</li>
<li>Fully responsive for any kind of device</li>
<li>Powerful admin backend like WordPress</li>
<li>Clean coding with proper commenting</li>
<li>Secured coding against SQL injection</li>
<li>Direct access or invalid URL press stopped for each pages</li>
<li>Statistics of some data in dashboard</li>
<li>Multilevel user management</li>
<li>Multiple category layouts for the home page sections</li>
<li>Unlimited category and post creation</li>
<li>Scheduled post publishing options</li>
<li>Unlimited photo and video gallery creation</li>
<li>Unlimited photo and video creation</li>
<li>Unlimited page creation</li>
<li>Unlimited menu creation with dropdown</li>
<li>Facebook comment section for each post</li>
<li>SEO meta data setup for each post, page and category</li>
<li>Unlimited file uploading system</li>
<li>All major social media URL setup for top bar and sidebar</li>
<li>Advertisement section image setup with links</li>
<li>Subscriber data export as CSV format</li>
</ul>
</section>
<section id="Requirements">
<div class="page-header"><h3>Requirements</h3>
<p>
Before starting to install our item, make sure you fulfill the following requirements:
</p>
<ol>
<li>For Local Server installation, you need to have <a href="http://www.apachefriends.org/en/xampp.html" target="_blank">XAMPP</a>, <a href="http://www.wampserver.com/en/" target="_blank">WAMP</a> or any apache server with PHP and MySQL.</li>
<li>Mod Rewrite will have to be enabled if you want to get SEO friendly URL. Examples are given below:<br><br>
If Mod Rewrite is not enabled, a page url will be like:
<pre>
http://www.yourwebsite.com/page.php?slug=about-us
</pre>
If Mod Rewrite is enabled, a page url will be like:
<pre>
http://www.yourwebsite.com/page/about-us
</pre>
</li>
<li>You have use any live LINUX server to use our script without problem.</li>
<li>
Required PHP version in server >= 5.4.
</li>
<li>
PDO must be enabled in the server.
</li>
</ol>
</section>
<section id="Installation">
<div class="page-header"><h3>Installation</h3>
<p>
In order to install the CMS, please follow these steps:
</p>
<div class="gap-0"></div>
<ol>
<li>
Search for the zip file <b>cms.zip</b> in the main theme folders that you have downloaded.
</li>
<li>
Now upload the <b>cms.zip</b> file into your server using FTP or Cpanel. Extract this and use. You can use our cms into root domain or subdomain.
</li>
<li>
Create mysql database using cpanel or your hosting provider's system. Then import the <b>xicia_newstree.sql</b> file (that you got into the theme's folder) into your created database.
</li>
<li>
Now you will have to edit the configuration file. Into our <b>cms</b> folder, you will get a folder named <b>admin</b>.
<p>
<img src="assets/images/3.png" alt="" style="width: auto;max-width: 90%;">
</p>
</li>
<li>
Into <b>admin</b> folder you will get a file <b>config.php</b>. Open it with a text editor (for example: notepad++).
<p>
<img src="assets/images/2.png" alt="" style="width: auto;max-width: 90%;">
</p>
</li>
<li>
Into the <b>config.php</b> file you will get the important information. If you do not setup this correctly, the script will not work. Change the marked information like the image below.
<ul>
<li><b>Time Zone:</b> Write your proper timezone here</li>
<li><b>Host Name:</b> This is your database host name or IP address</li>
<li><b>Database Name:</b> Create a database name in your host (localhost or webhost) and put name here</li>
<li><b>Database Username:</b> Username of the database you created </li>
<li><b>Database Password:</b> Password of the database you created</li>
<li><b>BASE URL:</b> This is the main website URL where you are trying to run our script. Do not forget to put the trail slash in the URL, otherwise the script will not work.</li>
</ul>
<p>
<img src="assets/images/1.png" alt="" style="width: auto;max-width: 90%;">
</p>
</li>
</ol>
</section>
<section id="Dashboard">
<div class="page-header"><h3>Dashboard</h3>
<p>
In the dashboard, you will be able to get all the total data for news, categories, users, photos, videos and subscribers. From the top right corner menu, any user can change his profile information, password, photo etc.
</p>
<p>
<img src="assets/images/Screenshot_1.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="User">
<div class="page-header"><h3>User</h3>
<p>
In this CMS, unlimited users can be created under total 2 roles, one is <b>admin</b> and another is <b>publisher</b>. Here user's email address will be treated as username in this website. User photo upload is optional field. User can be setup as active, edit or delete.
</p>
<p>
<b>Admin</b> can do almost everything of this website, except removing <b>Super Admin</b> and managing the users.
</p>
<p>
<b>Publisher</b> can do only work with file, news, photo, video and subscriber options.
</p>
<p>
<img src="assets/images/Screenshot_2.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Settings">
<div class="page-header"><h3>Settings</h3>
<p>
In this cms, you can change the following things in the settings:
</p>
<ul>
<li>Logo Image</li>
<li>Favicon Image</li>
<li>Footer About Us section, copyright section, contact or website email, number, fax and google map code</li>
<li>Contact form email address, subject and thank you message</li>
<li>Setting up how many recent news and popular news will be shown in the sidebar</li>
<li>Home page meta title, meta keywords and meta description</li>
<li>Mod Rewrite can be setup as "On" or "Off" from here.</li>
</ul>
<p>
<img src="assets/images/Screenshot_3.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Home_Page">
<div class="page-header"><h3>Home Page</h3>
<p>
In home page there are some categories to show. Actually we gave the option to add unlimited number of categories here. You can setup one from total four layouts for those category sections. Also you can set order of those categories to show on the home page. If you keep the order field blank, that category item will not be shown on the home page. In below, we are telling details about the layouts:
</p>
<ol>
<li><b>Normal 1 Column: </b>In this layout all posts will be shown under a category in one column. Featured Image will be shown in left and text in right.</li>
<li><b>Normal 2 Columns: </b>In this layout all posts will be shown under a category in two columns. Featured Image will be shown in top and text in bottom.</li>
<li><b>Normal 3 Columns: </b>In this layout all posts will be shown under a category in three columns. Featured Image will be shown in top and text in bottom.</li>
<li><b>2 Columns (6 posts): </b>In this layout all posts will be shown under a category in two columns. In left column only one post will be shown where featured image will be in top and text in bottom. In the right column total 5 posts will be shown in small size.</li>
</ol>
<p>
<img src="assets/images/Screenshot_4.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Category">
<div class="page-header"><h3>Category</h3>
<p>
When you will try to add a new category, you will have to follow these steps:
</p>
<ol>
<li>In the category page, click on <b>Add New</b>.</li>
<li>Put <b>Category Name</b> in the text field. It is mandatory.</li>
<li>You can put category slug manually, or keep empty. If you keep this empty, slug will be automatically generated by the system.</li>
<li>You can make the category <b>Active</b> or <b>Inactive</b>.</li>
<li>Put the SEO information (meta title, meta keyword and meta description).</li>
</ol>
<p>
You can edit, delete, activate or deactivate category any time from the category main page.
</p>
<p>
<img src="assets/images/Screenshot_5.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Page">
<div class="page-header"><h3>Page</h3>
<p>
When you will try to add a new page, you will have to follow these steps:
</p>
<ol>
<li>In the main page, click on <b>Add New</b>.</li>
<li>Put <b>Page Name</b> in the text field. It is mandatory.</li>
<li>You can put page slug manually, or keep empty. If you keep this empty, slug will be automatically generated by the system.</li>
<li>Place the <b>Page Content</b> into the content editor.</li>
<li>Select your desired <b>Page Layout</b> from the drop down.</li>
<li>You can make the page <b>Active</b> or <b>Inactive</b>.</li>
<li>Put the SEO information (meta title, meta keyword and meta description).</li>
</ol>
<p>
You can edit, delete, activate or deactivate category any time from the category main page.
</p>
<p>
<img src="assets/images/Screenshot_6.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Menu">
<div class="page-header"><h3>Menu</h3>
<p>
You can add category item, page item, or any other manual link as the menu in this cms. When you will add category or page item as your menu item, select the desired category or page from the dropdown, then give them a order and select the parent for them. If you want to setup that menu as main menu item, select <b>No Parent</b> option from the dropdown, otherwise select another menu as parent. In <b>Other Menu</b> section, you can setup an external link or manual link and name as menu item. In this case, you will get an extra <b>URL</b> field to put url manually.
</p>
<p>
<img src="assets/images/Screenshot_7.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="News">
<div class="page-header"><h3>News</h3>
<p>
When you will try to add a news, you will have to follow these steps:
</p>
<ol>
<li>In the main news page, click on <b>Add New</b>.</li>
<li>Put <b>News Title</b> in the text field. It is mandatory.</li>
<li>Put <b>News Content</b> in the text editor. It is mandatory.</li>
<li>You can select a date for <b>News Publish Date</b> from the datepicker popup. You can give it a future date if you want to publish that news in a future date.</li>
<li><b>Featured Photo</b> is optional. If you put no photo a placeholder photo will be shown in the front end for that news.</li>
<li>You can select multiple categories for a news putting tick mark beside the categories.</li>
<li>You can make the page <b>Published</b> or <b>Unpublished</b>.</li>
<li><b>News Source</b> is optional.</li>
<li><b>Publisher</b> is optional. But if you keep it empty, the logged in user will be treated as the publisher of this news.</li>
<li>Put the SEO information (meta title, meta keyword and meta description).</li>
</ol>
<p>
You can edit, delete, publish or unpublish news any time from the news main page.
</p>
<p>
<img src="assets/images/Screenshot_8.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Comment">
<div class="page-header"><h3>Comment</h3>
<p>
Go to the facebook developer section (<a href="https://developers.facebook.com/docs/plugins/comments/">https://developers.facebook.com/docs/plugins/comments/</a>) to get your comment codes. Then just place it in the marked textarea and update it.
</p>
<p>
<img src="assets/images/Screenshot_9.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="File_Upload">
<div class="page-header"><h3>File Upload</h3>
<p>
When you will try to add a file, you will have to follow these steps:
</p>
<ol>
<li>In the main files page, click on <b>Add New</b>.</li>
<li>Put any title as <b>File Name</b> just to understand about the file.</li>
<li>Upload your desired file. Only these files are allowed: jpg, jpeg, gif, png, pdf, doc, docx, ppt, pptx, xls, xlsx, zip, rar.</li>
</ol>
<p>
You can edit or delete file any time from the file main page.
</p>
<p>
<img src="assets/images/Screenshot_10.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Photo_Category">
<div class="page-header"><h3>Photo Category</h3>
<p>
In the main photo category page, click on <b>Add New</b>. Then put a category name and make it active or inactive.
</p>
<p>
<img src="assets/images/Screenshot_11.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Photo">
<div class="page-header"><h3>Photo</h3>
<p>
When you will try to add a photo, you will have to follow these steps:
</p>
<ol>
<li>In the main photos page, click on <b>Add New</b>.</li>
<li>Put any caption as <b>Photo Caption</b> just to understand about the photo.</li>
<li>Upload your desired photo. Only these photos are allowed: jpg, jpeg, gif, png.</li>
<li>Select a category for this photo.</li>
</ol>
<p>
You can edit or delete photo any time from the photo main page.
</p>
<p>
<img src="assets/images/Screenshot_12.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Video_Category">
<div class="page-header"><h3>Video Category</h3>
<p>
In the main video category page, click on <b>Add New</b>. Then put a category name and make it active or inactive.
</p>
<p>
<img src="assets/images/Screenshot_13.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Video">
<div class="page-header"><h3>Video</h3>
<p>
When you will try to add a video, you will have to follow these steps:
</p>
<ol>
<li>In the main videos page, click on <b>Add New</b>.</li>
<li>Put any title as <b>Video Title</b> just to understand about the video.</li>
<li>Put <b>iframe Code</b> for the video you want to add. You can take the iframe code from YouTube, Vimeo or any other website who gives you iframe code.</li>
<li>Select a category for this video.</li>
</ol>
<p>
You can edit or delete video any time from the video main page.
</p>
<p>
<img src="assets/images/Screenshot_14.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Social_Media">
<div class="page-header"><h3>Social Media</h3>
<p>
This CMS supports to use total 16 social media to show as icon in the website. For each item, you will get to put a URL section. If you keep any URL field blank, that will not be shown in the website. The social media list is given below:
</p>
<ol>
<li>Facebook</li>
<li>Twitter</li>
<li>LinkedIn</li>
<li>Google Plus</li>
<li>Pinterest</li>
<li>YouTube</li>
<li>Instagram</li>
<li>Tumblr</li>
<li>Flickr</li>
<li>Reddit</li>
<li>Snapchat</li>
<li>WhatsApp</li>
<li>Quora</li>
<li>StumbleUpon</li>
<li>Delicious</li>
<li>Digg</li>
</ol>
<p>
<img src="assets/images/Screenshot_15.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Advertisement">
<div class="page-header"><h3>Advertisement</h3>
<p>
There are total three locations to put your advertisement in the front end. From the backend, go to advertisement section. You will get there total three tabs: <b>Under Featured News</b>, <b>Sidebar Top</b> and <b>Sidebar Bottom</b>.
</p>
<p>
You can link the advertisement to an external URL or not. Put a jpg, jpeg, png or gif photo as advertisement. Recommended size of banner for advertisement is given below:
</p>
<ol>
<li><b>Under Featured News:</b> Recommended size is: 1170X120. But you can use long height image here.</li>
<li><b>Sidebar Top:</b> Recommended size is: 300X300. But you can use long height image here.</li>
<li><b>Sidebar Bottom:</b> Recommended size is: 300X300. But you can use long height image here.</li>
</ol>
<p>
<img src="assets/images/Screenshot_16.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="Subscriber">
<div class="page-header"><h3>Subscriber</h3>
<p>
You will get all the subscriber names in this list. Sometimes, clear the pending subscriber list who are not verifying for a long time. You can download the subscriber list as CSV file.
</p>
<p>
<img src="assets/images/Screenshot_17.jpg" alt="" style="width: auto;max-width: 90%;">
</p>
</section>
<section id="support">
<div class="page-header"><h3>Support</h3>
<h4>Support Process (if support is on)</h4>
<div class="gap-10"></div>
<ol>
<li>
First look at the navigation menu on the left side of the documentation. You will get all important topics here.
</li>
<li>
Search the entire document pressing "ctrl+F", enter your query string and press "Search".
</li>
<li>
If you still do not get the answer of your question, then contact us via codecanyon and always give your live URL when asking for help.
</li>
<li>
When asking for help, please provide the details and also give some screenshots if possible.
</li>
</ol>
<div class="gap-0"></div>
<h4>Why we do not give support through codecanyon comment section?</h4>
<div class="gap-10"></div>
<ol>
<li>
Do not ask for support in the comment section of codecanyon. Because our codecanyon account access is restricted and support team will not be able to reply.
</li>
<li>
It is tough to track the communication in this way.
</li>
<li>
We think, it is not wise to show eveyone your website's URL and other sensitive information.
</li>
</ol>
<div class="gap-0"></div>
<h4>Support Hours and Time</h4>
<p>
We generally work for 18 hours a day and 7 days in a week. So you will get very prompt answer always from us within 24-48 hours except the marked holidays.
</p>
<div class="gap-0"></div>
<h4>Advanced or Modification Support</h4>
<p>
If you request us help, which only needs us to write a couple lines of code, we will assist you in that. But if your query requires to write a lot of codes to be published, we can only provide you guidance and you need to hire a developer if you don't have that skills to implement it yourself.
</p>
<div class="gap-0"></div>
<h4>Bug Fixing</h4>
<p>
We promise to solve all the bugs as quickly as possible within 24-48 hours after those are brought to our attention.
</p>
</section>
</div>
</body>
</html>
?>