Wordpress กับ Server2Go พร้อมใ้ช้งาน

1. Wordpress & Server2Go
( .)
boonlert@nstda.or.th
http://stks.or.th
http://slideshare.net/boonlert
http://facebook.com/boonlert.aroonpiboon
1

2. 2536 – 2551 2551 –
NECTEC STKS / NSTDA
2

3. Wordpress
/ (Open Source Software)
(CMS – Content
Management System)
Blog
weB + Log
/
/ , (Category)
(Tag)
/ /
(CoP)
– Online Learning
/ (e-Commerce)
3

4. Wordpress
Source Code
Community
Google (Search Engine Friendly
& SEO – Search Engine Optimizer)
2.0 (Web 2.0)
4

5. http://trends.google.com
5

6. Web 2.0
( / )
. ,
. .
– Flash
Animation Online Slide i-Paper Sound/Audio Video …
(Communities)
(Mash-up)
6

7. Mash-up
Blog RSS
Google
HTML CMS
Web Programming
7

8. 8

9. Web 2.0
(Participation)

10. Wordpress
http://www.wordpress.com
http://www.wordpress.org
Wordpress
/
http://mu.wordpress.org/
Wordpress Mu
/
Blog
10

11. http://www.wordpress.com
11

12. http://www.wordpress.org
12

13. http://mu.wordpress.org/
13

14. Server
Linux Server
MySQL ISP
PHP
Server
14

15. 15

16. Server2Go
(Web Server)
Apache
PHP
MySQL
PHPMyAdmin
Perl
unzip
(Copy) Thumb Drive & CD-
ROM
16

17. http://www.server2go-web.de
17

18. Server2Go
Serve2Go.exe
IE Web Browser
18

19. MySQL # 1
http://127.0.0.1:4001/phpmyadmin
19

20. MySQL # 2
“ ”
wordpress
utf8_unicode_ci
“ ”
4
1 2 3
20

21. Wordpress # 1
URL http://127.0.0.1:4001/
21

22. Wordpress # 2
Create a Configuration File
1
22

23. Wordpress # 3
Let’s go!
1
23

24. Wordpress # 4
Database Name : wordpress
User Name : root
Password :
Database Host : localhost
Table Prefix : wp_
submit
24

25. Wordpress # 5
4
Run
the install
25

26. Wordpress # 6
Site Title:
User name:
admin
Password:
Your e-Mail: e-Mail Address
Install WordPress
26

27. #
A $
E + kampaengsaen
I ^
O @
U !
k$mp$+ngs$+n
KamPaengSaen#
27

28. Wordpress # 7
28

29. Server2Go
29

30. Pages
(Post)
30

31. – Log in
Log in Meta
Admin
31

32. 32

33. - Config
Settings
1
33

34. - Config
Site Title
( ) 64
Tagline
Membership
Time Zone
UTC+7
Save Change
34

35. – Dashboard
/
Dashboard
1
35

36. (user name)
1
36

37. 37

38. /
1
38

39. Log in Site Admin
39

40. #1
40

41. #2
Dashboard
Appearance, Header
41

42. #3
Save Change
42

43. #4
/
Browse Upload
Crop and Publish
43

44. – About # 1
Wordpress 2
Home
About
Dashboard
Page
Pages
Wordpress
Static Content
44

45. – About # 2
About
Update
45

46. 46

47. (Copy) Word
Editor Wordpress
special code Editor
Wordpress
(Paste) NotePad NotePad
Editor Wordpress
47

48. #1
Wordpress
(File name) /
.gif
.jpg/.png
.png (Transparent)
/
(Resolution) 72 – 96 dpi
/ /
http://openclipart.org
Google, Flickr CreativeCommons
Metadata
48

49. 49

50. Progressive & Interlaced
Interlaced
Progressive
50

51. PNG & GIF Transparent
51

52. 52

53. 53

54. (cc)
54

55. (cc)
(cc)
55

56. / /
.
56

57. 57

58. Image Metadata
: EXIF
: IPTC
58

59. 59

60. #2
/
Select Files
60

61. #3
Title
Caption/Descriptions
File URL
None
Alignment
Size
Insert into Post
61

62. (New Page)
2
Pages, Add New
New Page
62

63. (New Page)
1)
5) Publish
2)
4)
3) Comment
63

64. Page
/
Page
Order
64

65. Blog
Blog
/ (Published Date)
Post
(Category) (Tag)
Post Posts
1
65

66. Post
Posts Dashboard
Post
Trash
1
2
66

67. Post
Posts, Add New
New Post
67

68. 1)
7)
Publish
2)
4) /
3)
6) URL
5)
68

69. Post
Post
Post
Post
/ (Archives)
(Categories)
(Tagged)
69

70. /
70

71. Slideshare Wordpress
Slideshare.net /
PPT, PDF, DOC Online Slide,
i-Paper Flash-based
slideshare.net
Embed
Embed this presentation Post
HTML
71

72. Code Slideshare
1
2
72

73. Slideshare Wordpress
1
2
73

74. Slideshare Wordpress
74

75. Youtube Slideshare
1
2
3
4
75

76. : Plug-ins
http://wordpress.org/extend/
76

77. Plug-ins
77

78. / Plug-ins
78

79. Plug-ins # 1
Dashboard, Plugins, Add New, Upload
Browse (.zip) Install Now
1 4
5 6
2
3
79

80. Plug-ins # 2
Activate Plugin Plug-in
1
80

81. Plug-ins
Dashboard, Plugins
Deactivate Plug-in
81

82. (Table) # 1
Plug-in WP-Table
Dashboard, Posts, Tables
82

83. (Table) # 2
Edit
Updated
[table= ] Post
83

84. (Table) # 2
84

85. Wordpress
Server
& Security
( )
- Web Master
Plug-ins
- Web Master CSS, HTML, PHP 1
- Web Master & Web Programmer CSS, HTML, PHP
- Web Programmer web programming
System Administrator
Server
Log file
85

86. http://stks.or.th/wiki
http://slideshare.net/boonlert
86