1. Content Management, Working with WordPress Pavel Ivanov Telerik Corporation www.telerik.com

2.  Content 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

3. Overview

4.  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

5.  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

6.  Open Source CMS Systems  Joomla  Drupal  WordPress  DotNetNuke  Commercial CMS Systems  SharePoint (MOSS)  Telerik Sistefinity 6

7. Working with WordPress

8. 8

9.  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 www.wordpress.org 9

10. 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 http://www.apachefriends.org/en/faq- xampp.html http://www.apachefriends.org/en/faq- xampp.html

11.  Installing  In the cloud (use WordPress as service)  Just create and account at www.wordpress.com 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 11

12. Creating / Modifying WordPress Themes

13.  Typical 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

14. 14

15. 15

16. 16

17. CUT IT TO WORDPRESS

18. http://codex.wordpress.org/Template_Tags 18

19. Live Demo

20. http://codex.wordpress.org/ http://google.com 20

21.  Questions? ? ? ? ? ? ? ? ? ? ? ?

22. 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.