1. Wordpress 3.5.1

2. Introduction Website
• Domain • MySQL
• URL • PHP
• Server • ASP, ASP.NET
• HTML
• Client
• Javascript
• Browser
• CSS
• Database

3. Website Layout
HEADER
TOP MENU / NAVIGATION
CONTENT SIDEBAR
FOOTER

4. Introduction CMS (Content
management system)
• Website
• Website
•
Website Theme
•
Gallery
• Theme
• CMS

5. Introduction Wordpress

6. Introduction Wordpress (2)
• Software CMS Blog
Website
•
• PHP MySQL
• Website http://wordpress.org
•
• Web Standard

7. Wordpress Showcase
• wordpress.org/showcase/
• www.rmutp.ac.th

8. Wordpress Showcase (2)

9. Preparation for Wordpress Install
• Download Appserv
▫ http://www.appservnetwork.com/
 Apache
 PHP
 MySQL
 phpMyAdmin
• Download Wordpress
▫ http://wordpress.org/download/

10. Wordpress Requirement
• To run WordPress your host just needs a
couple of things:
▫ PHP version 5.2.4 or greater
▫ MySQL version 5.0 or greater
▫ The mod_rewrite Apache module (Optional)
• The requirements have changed as of
WordPress 3.2. The minimum
requirements for WordPress 3.1 are PHP
4.3 and MySQL 4.1.2.

11. Install Appserv & Wordpress
Install Appserv
Create Database
Copy & Paste Wordpress
Install Wordpress

12. Front Site & Wp-admin
Front Site
Wp-admin

13. Wordpress Important Setting
• Site Title
• Tagline
• Time zone
• Default article settings
• E-mail me whenever
• Allow search engines to index this site.
• Permalink Settings

14. What’s Post ?
Category
1
Tag Category
3 2
Post
Tag Tag
2 1

15. Post
Edit Post
Publish Post

16. Post Location
HEADER
New TOP MENU / NAVIGATION
Post 3
Post 2
CONTENT SIDEBAR
Post 1
Old
FOOTER

17. Add New Post
• Title
• Content
• Category
• Tag

18. Insert Link

19. Lab 1, Add New Post
• New Post
• Title
• Content
▫ Bold
▫ Italic
▫ Link
• Category
• Tag

20. Upload Media (Image, PDF, Ect.)

21. Lab 2, Edit Post
• Post (“Basic Html Tag”)
• Content
▫ Image
▫ Paragraph(Enter)
Line Break(Shift+Enter)
▫ List

22. Post with Gallery

23. Lab 3, Post with Gallery
• New Post
• Title, Category, Tag
• Upload 6+ Images
▫ Set Title, Alternate Text,
Caption, Description
• Gallery

24. Post with Gallery + Plugin
(Fancybox Plus)

25. Basic Html Tag
• <strong>Bold</strong> (<b>)
• <em>Italic</em>
• <a href=“http://www.rmutp.ac.th”>Link to
Rmutp</a>
• <img src=“http://www.rmutp.ac.th/logo.jpg”
alt=“Rmutp Logo” />
• <p>Paragraph</p>
• Line<br />break
• <h1>Head Subject</h1> (h1-h6)
• <ol>, <ul>, <li>

26. Post with Table
• Wordpress
Table
•
▫ Table Tag ( Html)
▫ Plugin (WP-Table Reloaded)
▫ Copy & Paste MS Word
( Table
)

27. Table Tag
<table> Mont Savin
<tr>
<th>Month</th> h gs
<th>Savings</th>
</tr> Janu $100
<tr>
<td>January</td> ary
<td>$100</td>
</tr>
</table>

28. Table by WP-Table Reloaded

29. Lab 4, Post with Table
• New Post
• Title, Category, Tag
• Table Content Table Tag
Plugin

30. Manage Post

31. Media Library

32. Page

33. Page Location
HEADER
Page 1 Page 2MENU / NAVIGATION
TOP Page 3
Page 4
Page 5
Page 6
CONTENT SIDEBAR
FOOTER

34. Lab 5-1, Add New Page
• New Page
• Title “About Us”
• Content
▫ Upload PDF
▫ Link to PDF file

35. Front page displays (Static page)

36. Lab 5-2, Static Page
• Reading Setting
▫ Select a static page (Front Page = “Sample
Page”)
•
• “Latest Posts”

37. Menu and Navigation

38. Lab 6, Top-Menu
• Menu “Top-Menu”
• Menu
▫ Home
▫ About Us
▫

• “Top-Menu” Theme Locations

39. Sidebar and Widget

40. Standard Widget
• Archives • Recent Posts
• Calendar • RSS
• Categories • Search
• Custom Menu • Tag Cloud
• Links • Text
• Meta
• Pages
• Recent Comments

41. Widget Location
HEADER
TOP MENU / NAVIGATION
Widget 1
CONTENT SIDEBAR
Widget 2
FOOTER

42. Lab 7, Sidebar
• Widget
(RSS Text) Sidebar
• Widget

43. RSS
• Really Simple Syndication (RSS 2.0)
• Internet
XML
• Widget RSS Widget
RSS Widget

44. Lab 8, RSS
• Widget RSS Sidebar
• RSS Feed URL
▫ http://www.rmutp.ac.th/feed/
• Feed Title
•
Widget RSS
• RSS

45. Widget Text
• Html Widget
• Widget
Widget Text

46. Lab 9, Widget Text
• Widget Text Sidebar
• Widget Title
• Widget Content

47. Introduction Theme
• Theme
Website
• Download New Theme
“http://wordpress.org/extend/themes/”
• Free Commercial
• Theme
▫ Theme Option, Header, Background ( Theme
)
▫ Edit Theme Script (Html, CSS, Java
Script, PHP)

48. Theme Option (Twenty Eleven)

49. Background

50. Header

51. Lab 10, Theme Option,
Background, Header
• Theme Option
▫ Color Scheme, Link Color, Default Layout
• Background
▫ Upload Image Background
▫ Display Options (Position, Repeat,
Attachment, Background Color)
• Header

52. Theme
Website Theme
Default Wordpress Twenty Eleven
Arrass-theme
Mystique
zeeSynergie

53. Install Theme
• free theme
“http://wordpress.org/extend/themes/”
• 2
▫ Download Install wp-admin
▫ Download Install
“wp-contentthemes”
• Activate Theme

54. Lab 11, Install “Admired” Theme
• Search “Admired” Theme
• Install “Admired” Theme
• Activate “Admired” Theme
•

55. Admired Theme Options

56. Lab 12, Admired Theme Options
• Skin & Layout
• General Appearance
▫ Post Excerpt with Thumbnail
▫ Remove Post Calendar
• Font Options
• Header
• Footer

57. Lab 13, Install “Arras” Theme
• Download Theme “http://www.arrastheme.com/”
• Extract, Paste in “wp-contentthemes”
• Activate “Arras” Theme
•

58. Arras Layout
HEADER
TOP MENU / NAVIGATION
Slide Show (Post1,
Post2, Post3…)
Post 4 CONTENT
Post 5 Post 6 SIDEBAR
Post 7 Post 8 Post 9
FOOTER

59. Arras Options

60. Lab 14, Arras Options
• Slideshow
• Featured Post #1-2
• News Posts
• Layout
• Design
• Thumbnail Sizes

61. Introduction Plug-in
• function
Wordpress
• Plugin Wordpress
• Plugin Download
“http://wordpress.org/extend/plugins/”

62. Recommend Plug-in
• Akismet • Breadcrumb
• All in One SEO NavXT
Pack • WP-Table
• WPtouch Reloaded
• WP-PageNavi • Simple Facebook
• Google XML Connect
Sitemaps • Smart YouTube
• SEO Friendly PRO

63. Lab 15, Smart YouTube PRO
• Search “Smart YouTube PRO” Plugin
• Install “Smart YouTube PRO” Plugin
• Activate “Smart YouTube PRO” Plugin
• Link Video Youtube New Post
▫ httpv:// - regular video
▫ httpvh:// - high/HD quality

64. Web Statistic
• Google Analytic
• Plug-in

65. Search Engine
•
• Search Engine
Robot (
Index
Robot
Hyperlink

66. Introduction SEO
• SEO (Search Engine Optimization)
Website
Website
Search
Engine

67. Google PageRank
• Google Pagerank PR
Google
Pagerank
Pagerank No
PageRank information available”

68. http://www.prcheck
PageRank Checker
er.info
Website Page Rank
http://www.rmutp.ac.th 6/10
http://www.rmutt.ac.th 8/10
http://www.ku.ac.th 7/10
http://www.chula.ac.th 8/10
Check on 02/02/2555

69. SEO Friendly Content
• Keyword
▫ Domain, URL (Permalink Settings)
▫ <title></title>
▫ <h1>, <h2>, <h3> - <h6>
▫
▫ <img src=“…” alt=“keyword” />

70. Wordpress SEO Plug-in
• All in One SEO Pack
• Google XML Sitemaps
• SEO Friendly Images

71. Back Link
• Link Backlink
SEO Link

72. Manage Wordpress User