CMS Systems and                                 WordPress       Content Management, Working with WordPressPavel IvanovFron...
Table of Contents Content Management Systems (CMS)  Joomla, WordPress, Drupal, SharePoint ... Working with WordPress  ...
Web Content Management Systems         (CMS Systems)           Overview
Web CMS Systems   Web Content Management Systems (CMS)     Software system providing Web site authoring,      collaborat...
Benefits of CMS Systems WYSIWYG editor  No need for advanced HTML or CSS skills  No need for Dreamweaver / FrontPage / ...
Examples of CMS Systems Open Source CMS Systems  Joomla  Drupal  WordPress  DotNetNuke Commercial CMS Systems  Shar...
WordPressWorking with WordPress
WordPress is not Volkswagen!                               8
What is WordPress? WordPress is one of the worlds leading blog and Web CMS systems   Open-source (free) software   Writ...
Installing, Configuring, and                 Developing with XAMPP What is XAMPP?  XAMPP is an easy to install Apache di...
Running WordPress Installing   In the cloud (use WordPress as service)     Just create and account at www.wordpress.com...
WordPress ThemesCreating / Modifying WordPress Themes
WordPress Themes Typical WordPress   themes consist of  Main index template – index.php  Header – header.php  Footer –...
Layout         14
Design         15
Create HTML              16
CUT IT TO WORDPRESS
WordPress Template Tagshttp://codex.wordpress.org/Template_Tags                                           18
Creating / ModifyingWordPress Themes      Live Demo
Useful Linkshttp://codex.wordpress.org/http://google.comhttp://google.com                                        20
CMS Systems and WordPress    курсове и уроци по програмиране, уеб дизайн – безплатно     BG Coder - онлайн състезателна си...
Exercises1.   You are given a simple Web site design     (XHTML + CSS + images):       WordPress-Homework-Sample-Web-Site....
Free Trainings @ Telerik Academy "Web Design with HTML 5, CSS      3 and    JavaScript" course @ Telerik Academy       h...
Upcoming SlideShare
Loading in...5
×

11. CMS systems and word press - Web Front-End

1,263

Published on

Content Management, Working with WordPress
Telerik Software Academy: http://html5course.telerik.com
The website and all video materials are in Bulgarian

Table of contents:
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

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,263
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
32
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

11. CMS systems and word press - Web Front-End

  1. 1. CMS Systems and WordPress Content Management, Working with WordPressPavel IvanovFront-end Developerhttp://pivanov.com/Telerik Software Academyacademy.telerik.com
  2. 2. Table of Contents 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. 3. Web Content Management Systems (CMS Systems) Overview
  4. 4. 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
  5. 5. 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
  6. 6. Examples of CMS Systems Open Source CMS Systems  Joomla  Drupal  WordPress  DotNetNuke Commercial CMS Systems  SharePoint (MOSS)  Telerik Sistefinity 6
  7. 7. WordPressWorking with WordPress
  8. 8. WordPress is not Volkswagen! 8
  9. 9. What is WordPress? WordPress is one of the worlds 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
  10. 10. Installing, Configuring, and Developing with XAMPP 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 10
  11. 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 11
  12. 12. WordPress ThemesCreating / Modifying WordPress Themes
  13. 13. WordPress Themes 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 13
  14. 14. Layout 14
  15. 15. Design 15
  16. 16. Create HTML 16
  17. 17. CUT IT TO WORDPRESS
  18. 18. WordPress Template Tagshttp://codex.wordpress.org/Template_Tags 18
  19. 19. Creating / ModifyingWordPress Themes Live Demo
  20. 20. Useful Linkshttp://codex.wordpress.org/http://google.comhttp://google.com 20
  21. 21. CMS Systems and WordPress курсове и уроци по програмиране, уеб дизайн – безплатно BG Coder - онлайн състезателна система - online judge курсове и уроци по програмиране – Телерик академия форум програмиране, форум уеб дизайн уроци по програмиране и уеб дизайн за ученици ASP.NET курс - уеб програмиране, бази данни, C#, .NET, ASP.NET http://academy.telerik.com програмиране за деца – безплатни курсове и уроци ASP.NET MVC курс – HTML, SQL, C#, .NET, ASP.NET MVC безплатен SEO курс - оптимизация за търсачки алго академия – състезателно програмиране, състезаниякурсове и уроци по програмиране, книги – безплатно от Наков курс мобилни приложения с iPhone, Android, WP7, PhoneGap уроци по уеб дизайн, HTML, CSS, JavaScript, Photoshop Дончо Минков - сайт за програмиране free C# book, безплатна книга C#, книга Java, книга C# Николай Костов - блог за програмиране безплатен курс "Качествен програмен код" безплатен курс "Разработка на софтуер в cloud среда" C# курс, програмиране, безплатно
  22. 22. Exercises1. 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
  23. 23. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×