CMS Systems and WordPress

Content Management, Working with WordPress

Pavel Ivanov

Telerik Software Academyacademy.telerik.com

Front-end Developerhttp://pivanov.com/

http://html5course.telerik.com

Table of ContentsContent Management Systems (CMS) Joomla, WordPress, Drupal,

SharePoint ...Working with WordPress

Installing and Configuring Administrative Interface: Pages,

Posts, Categories, Comments, Settings ...

Themes Plugins Creating / Modifying WordPress

Themes

2

Web Content Management Systems (CMS Systems)

Overview

Web CMS Systems Web Content Management Systems (CMS)

Software system providing Web site authoring, collaboration and administration tools

Users with little or no knowledge of HTML can create and manage Web sites content

CMS typical functions:

Create / maintain Web sites

Add / edit / delete pages, documents, news, images, files, forms, polls, events, blogs, …

Manage navigation, users, permissions, SEO, …

4

Benefits of CMS Systems

WYSIWYG editor No need for advanced HTML or CSS skills

No need for Dreamweaver / FrontPage / etc. or Wiki syntax to learn

Can paste content from a word processor

Web-based access Edit content from any computer

Staff can change content immediately No waiting for Web admin to upload the

content

Support for many types of documents and files

5

Examples of CMS Systems

Open Source CMS Systems Joomla

Drupal

WordPress

DotNetNuke Commercial CMS Systems

SharePoint (MOSS)

Telerik Sistefinity

6

WordPressWorking with WordPress

WordPress is not Volkswagen!

8

What is WordPress?

WordPress is one of the world's leading blog and Web CMS systems Open-source (free) software

Written with PHP and MySQL database

Stores all Web site contents in the database and images / files in the file system

Very powerful, Easy-to-use, SEO friendly

Very large community – themes, plugins, …

Official Web site: www.wordpress.org 9

Installing, Configuring, and Developing with

XAMPP

10

What is XAMPP? XAMPP is an easy to install Apache distribution for Windows containing MySQL, PHP and Perl

Also contains phpMyAdmin and few other tools

Has Linux version (LAMP)

How to install: http://www.apachefriends.org/en/faq-xampp.html

11

Running WordPress Installing

In the cloud (use WordPress as service) Just create and account at

www.wordpress.com

At your Web hosting provider Download it!

Unzip it in some public directory at the server

Create the database and run the install script

Self-hosted Install XAMP + WordPress at your

local machine

XAMMP/WAMP = Apache + MySQL + PHP

WordPress ThemesCreating / Modifying WordPress

Themes

13

WordPress ThemesTypical WordPress themes consist of Main index template – index.php Header – header.php Footer – foorter.php Sidebar – sidebar.php Comments template –

comments.php Styles – styles.css

13

Layout

14

Design

15

Create HTML

16

CUT IT TO WORDPRESS

WordPress Template Tags

http://codex.wordpress.org/Template_Tags

18

Creating / Modifying WordPress Themes

Live Demo

Useful Links

http://codex.wordpress.org/

http://google.com

http://google.com

20

форум програмиране, форум уеб дизайнкурсове и уроци по програмиране, уеб дизайн – безплатно

програмиране за деца – безплатни курсове и уроцибезплатен SEO курс - оптимизация за търсачки

уроци по уеб дизайн, HTML, CSS, JavaScript, Photoshop

уроци по програмиране и уеб дизайн за ученициASP.NET MVC курс – HTML, SQL, C#, .NET, ASP.NET MVC

безплатен курс "Разработка на софтуер в cloud среда"

BG Coder - онлайн състезателна система - online judge

курсове и уроци по програмиране, книги – безплатно от Наков

безплатен курс "Качествен програмен код"

алго академия – състезателно програмиране, състезания

ASP.NET курс - уеб програмиране, бази данни, C#, .NET, ASP.NETкурсове и уроци по програмиране – Телерик академия

курс мобилни приложения с iPhone, Android, WP7, PhoneGap

free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно

?

? ? ??

?? ?

?

?

?

??

?

?

? ?

Questions?

?

CMS Systems and WordPress

http://academy.telerik.com

Exercises

1. You are given a simple Web site design (XHTML + CSS + images):

WordPress-Homework-Sample-Web-Site.rar

Your task is to create a WordPress theme for this site design.

22

Free Trainings @ Telerik Academy

"Web Design with HTML 5, CSS 3 and JavaScript" course @ Telerik Academy html5course.telerik.com

Telerik Software Academy academy.telerik.com

Telerik Academy @ Facebook facebook.com/TelerikAcademy

Telerik Software Academy Forums forums.academy.telerik.com