Custom-CMS-like-Wordpress

Custom Responsive CMS

  • This is a project for a Custom CMS
  • For front end we will use HTML5/CSS3, Javascript/Jquery, Bootstrap and for back end PHP/Mysql
  • We will have administration, register and login for users, post, search, recent posts, excerpt, comments and many more features that you see in Wordpress/other CMS

Structure

Explanation for each file so we understand what every folder does:

admin - Everything for the admin area will be inserted here

  • css -> Our css for the admin area
  • font-awesome -> Extra icons from font-awesome
  • fonts -> Some extra fonts
  • includes - folder that we have our template for each circumstance
    • add-post.php -> insert post to db
    • add-user.php -> insert user to db
    • admin-footer.php -> the footer of admin area which has our scripts
    • admin-header.php -> html head with styling and what we need to run at start like connection to db, functions etc...
    • admin-navbar.php -> top and side navigation
    • edit-categories.php -> edit a category
    • edit-post.php -> edit a post
    • edit-user.php -> edit user
    • view-all-comments.php -> table that shows all comments
    • view-all-posts.php -> table that shows all posts
    • view-all-users.php -> table that shows all users
  • js -> jquery, bootstrap.js, all files for the wysiwyg editor
  • categories.php -> the categories page
  • comments.php -> the categories page
  • index.php -> our dashboard with the google charts and details for how many posts, comments, users, categories
  • posts.php -> using switch and according what we GET from URL shows posts/edit post
  • profile.php -> you can edit directly the profile of the user who is connected thanks to SESSIONS
  • users.php -> using switch and according what we GET from URL shows users/edit-user

Root folder - All files except the admin folder

  • css - Nothing strange our css
  • database tables - You can find the tables that will be used so you just create a new database, import them and connect to your DB
  • fonts - Extra fonts
  • images - We will insert our images
  • includes - Files like connection to DB, navbar, footer etc so we don't repeat ourselves and just call them where we want
  • js - Javascript for the site
  • static layout template - Here you can find the responsive static layout
  • category.php - Viewing posts for currect category only
  • functions.php - Clean, maintainable code with functions that's called when needed anywhere
  • index.php - Main page that shows all posts and we can have our navigation
  • post.php - Showing current post from excerpt from main page
  • search.php - Search page when we submit a search at main page

How to run it

Import the database tables from database tables folder in phpMyAdmin or manually. Configure the db_connect.php in includes folder accordingly since all connections to database depend on that. You are ready to go!