เพาเวอร์พอย Wordpress3 5-1
-
Upload
- -
Category
Technology
-
view
872 -
download
5
Transcript of เพาเวอร์พอย Wordpress3 5-1
![Page 1: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/1.jpg)
Wordpress 3.5.1โดย สำ��นักวิ�ทยบริ�ก�ริและเทคโนัโลย�สำ�ริสำนัเทศมห�วิ�ทย�ลยเทคโนัโลย�ริ�ชมงคลพริะนัคริ
![Page 2: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/2.jpg)
Introduction Website
•Domain•URL•Server•Client•Browser•Database
•MySQL•PHP•ASP, ASP.NET•HTML•Javascript•CSS
![Page 3: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/3.jpg)
Website LayoutHEADER
TOP MENU / NAVIGATION
CONTENT SIDEBAR
FOOTER
![Page 4: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/4.jpg)
Introduction CMS (Content management system)• ไม�จำ��เป็ นัต้"องม�ควิ�มริ$"เริ%&องก�ริเขี�ยนั Website •ลดริะยะเวิล�ในัก�ริพฒนั� Website•ง��ยต้�อก�ริด$แล แก"ไขี ป็ริบเป็ล�&ยนัหนั"�ต้� Website
ง��ยๆด"วิย Theme•ม�ล$กเล�นัท�&สำ�ม�ริถต้�ดต้,งเพ�&มเต้�มได" เช�นั ริะบบ
Gallery
•กริณี�ต้"องก�ริออกแบบหริ%อเป็ล�&ยนัแป็ลง Theme จำะต้"องใช"ควิ�มริ$"ม�กกวิ��ป็กต้�
•ต้"องศ.กษ�ริะบบและวิ�ธี�ก�ริใช"ง�นั CMS •อ�จำจำะม�ควิ�มย1�งย�กในัก�ริต้�ดต้,ง CMS ลงในั
Server
![Page 5: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/5.jpg)
Introduction Wordpress
![Page 6: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/6.jpg)
Introduction Wordpress (2)
• เป็�น Software ป็ระเภท CMS สำ��หร�บสำร��ง Blog หร�อ Website
• ได้�ร�บคว�มน�ยมสำ�งสำ�ด้ในขณะน !•พั�ฒน�ด้�วยภ�ษ� PHP ท��ง�นบนฐ�นข�อม�ล MySQL•Website หล�ก http://wordpress.org• ใช้�ง�นง)�ยม�ก•พั�ฒน�บนพั�!นฐ�นของ Web Standard
![Page 7: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/7.jpg)
Wordpress Showcase
•wordpress.org/showcase/•www.rmutp.ac.th
![Page 8: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/8.jpg)
Wordpress Showcase (2)
![Page 9: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/9.jpg)
Preparation for Wordpress Install•Download Appserv ▫http://www.appservnetwork.com/
Apache PHP MySQL phpMyAdmin
•Download Wordpress▫http://wordpress.org/download/
![Page 10: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/10.jpg)
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.
![Page 11: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/11.jpg)
Install Appserv & Wordpress
Install Appserv
Create Database
Copy & Paste Wordpress
Install Wordpress
![Page 12: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/12.jpg)
Front Site & Wp-admin
Front Site
Wp-admin
![Page 13: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/13.jpg)
Wordpress Important Setting•Site Title•Tagline•Time zone•Default article settings•E-mail me whenever•Allow search engines to index this site.•Permalink Settings
![Page 14: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/14.jpg)
What’s Post ?
Post
Category 1
Category 2
Tag 1
Tag 2
Tag 3
![Page 15: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/15.jpg)
Post
Publish Post
Edit Post
![Page 16: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/16.jpg)
Post LocationHEADER
TOP MENU / NAVIGATION
CONTENT SIDEBAR
FOOTER
Post 1
Post 2
Post 3
New
Old
![Page 17: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/17.jpg)
Add New Post
•Title•Content•Category•Tag
![Page 18: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/18.jpg)
Insert Link
![Page 19: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/19.jpg)
Lab 1, Add New Post
•สำร��ง New Post• ใสำ) Title• ใสำ) Content▫Bold▫Italic▫Link
•ตั้�!งค)� Category•ตั้�!งค)� Tag
![Page 20: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/20.jpg)
Upload Media (Image, PDF, Ect.)
![Page 21: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/21.jpg)
Lab 2, Edit Post
•แก�ไข Post (“Basic Html Tag”)•แก�ไข Content โด้ยเพั�-ม▫ใสำ) Image▫ทด้ลองใช้� Paragraph(Enter)
และ Line Break(Shift+Enter)▫ใสำ) List
![Page 22: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/22.jpg)
Post with Gallery
![Page 23: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/23.jpg)
Lab 3, Post with Gallery
•สำร��ง New Post• ใสำ) Title, Category, Tag•Upload 6+ Images▫Set Title, Alternate Text,
Caption, Description•แทรกร�ป็ท�!งหมด้แบบ Gallery
![Page 24: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/24.jpg)
Post with Gallery + Plugin (Fancybox Plus)
![Page 25: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/25.jpg)
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>
![Page 26: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/26.jpg)
Post with Table
• โด้ยป็กตั้� Wordpress ไม)ม เคร�-องม�อช้)วยในก�รสำร��ง Table
•ว�ธี ก�รสำร��งตั้�ร�ง▫ใช้� Table Tag (ม คว�มร� �เร�-องก�รเข ยน Html)▫ใช้� Plugin (WP-Table Reloaded)▫Copy & Paste จ�กเคร�-องม�ออ�-นเช้)น MS Word
(อ�จจะม ก�รตั้�!งค)�ของ Table ท -ไม)ตั้�องก�รตั้�ด้พั)วงม�ด้�วย)
![Page 27: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/27.jpg)
Table Tag
<table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr></table>
Month
Savings
January
$100
![Page 28: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/28.jpg)
Table by WP-Table Reloaded
![Page 29: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/29.jpg)
Lab 4, Post with Table
•สำร��ง New Post• ใสำ) Title, Category, Tag• ใสำ) Table ลงใน Content โด้ยใช้� Table Tag หร�อ
Plugin
![Page 30: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/30.jpg)
Manage Post
![Page 31: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/31.jpg)
Media Library
![Page 32: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/32.jpg)
Page
![Page 33: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/33.jpg)
Page Location
HEADER
TOP MENU / NAVIGATION
CONTENT SIDEBAR
FOOTER
Page 1 Page 2 Page 3
Page 4Page 5Page 6
![Page 34: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/34.jpg)
Lab 5-1, Add New Page
•สำร��ง New Page • ใสำ) Title “About Us”• ใสำ) Content▫Upload PDF ▫Link to PDF file
![Page 35: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/35.jpg)
Front page displays (Static page)
![Page 36: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/36.jpg)
Lab 5-2, Static Page
•Reading Setting▫Select a static page (Front Page = “Sample
Page”)•ด้�ผลก�รเป็ล -ยนแป็ลง•แก�กล�บเป็�น “Latest Posts”
![Page 37: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/37.jpg)
Menu and Navigation
![Page 38: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/38.jpg)
Lab 6, Top-Menu
•สำร��งกล�)ม Menu ท -ช้�-อ “Top-Menu”• ใสำ) Menu ด้�งน !▫Home▫About Us▫ร�ช้มงคลพัระนคร
คณะท�!ง 9• ใสำ) “Top-Menu” ลงใน Theme Locations
![Page 39: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/39.jpg)
Sidebar and Widget
![Page 40: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/40.jpg)
Standard Widget
•Archives•Calendar•Categories•Custom Menu•Links•Meta•Pages•Recent
Comments•Recent Posts•RSS•Search•Tag Cloud•Text
![Page 41: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/41.jpg)
Widget LocationHEADER
TOP MENU / NAVIGATION
CONTENT SIDEBAR
FOOTER
Widget 1
Widget 2
![Page 42: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/42.jpg)
Lab 7, Sidebar
• ใสำ) Widget ท�!งหมด้ยกเว�น (RSS และ Text) ลงใน Sidebar
•ด้�ว)�ในแตั้)ละ Widget แสำด้งผลอะไรบ��ง
![Page 43: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/43.jpg)
RSS
•Really Simple Syndication (RSS 2.0)•ค�อ บร�ก�รข�อม�ลบน Internet เช้)นข)�วสำ�ร
โด้ยจะอย�)ในร�ป็แบบ XML•Widget RSS ค�อ Widget ท -ท��ก�รอ)�นข)�วสำ�ร
จ�กเว1บท -ให�บร�ก�ร RSS ม�แสำด้งบน Widget
![Page 44: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/44.jpg)
Lab 8, RSS
• ใสำ) Widget RSS ลงใน Sidebar•ตั้�!งค)� RSS Feed URL เป็�น▫http://www.rmutp.ac.th/feed/
•ตั้�!งค)� Feed Title•ตั้รวจสำอบข)�วสำ�รจ�กก�รแสำด้งผลของ
Widget RSS•ทด้ลองใช้� RSS จ�กท -อ�-น
![Page 45: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/45.jpg)
Widget Text
•สำ�ม�รถใสำ)ข�อคว�มใด้ๆ หร�อ Html ลงใน Widget• เช้)นก�รแทรกร�ป็ลงใน Widget
Widget Text
![Page 46: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/46.jpg)
Lab 9, Widget Text
• ใสำ) Widget Text ลงใน Sidebar• ใสำ) Widget Title• ใสำ) Widget Content
![Page 47: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/47.jpg)
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)
![Page 48: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/48.jpg)
Theme Option (Twenty Eleven)
![Page 49: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/49.jpg)
Background
![Page 50: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/50.jpg)
Header
![Page 51: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/51.jpg)
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
![Page 52: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/52.jpg)
ThemeWebsite Theme
Default Wordpress Twenty Eleven
ร�ช้มงคลพัระนครสำถ�บ�นว�จ�ย
คณะสำถ�ป็4ตั้ยกรรมศ�สำตั้ร6และก�รออกแบบคณะคร�ศ�สำตั้ร6อ�ตั้สำ�หกรรม
Arrass-theme
คณะอ�ตั้สำ�หกรรมสำ�-งทอและออกแบบแฟช้�-น Mystique
กองนโยบ�ยและแผน zeeSynergie
![Page 53: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/53.jpg)
Install Theme
•สำ�ม�รถค�น free theme ใน “http://wordpress.org/extend/themes/”
•ก�รตั้�ด้ตั้�!งท��ได้� 2 ว�ธี ▫Download และ Install ผ)�น wp-admin▫Download และ Install ด้�วยตั้นเอง
ใน “wp-content\themes”•Activate Theme
![Page 54: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/54.jpg)
Lab 11, Install “Admired” Theme•Search “Admired” Theme• Install “Admired” Theme•Activate “Admired” Theme•ด้�ก�รเป็ล -ยนแป็ลง
![Page 55: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/55.jpg)
Admired Theme Options
![Page 56: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/56.jpg)
Lab 12, Admired Theme Options•Skin & Layout•General Appearance▫Post Excerpt with Thumbnail▫Remove Post Calendar
•Font Options•Header•Footer
![Page 57: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/57.jpg)
Lab 13, Install “Arras” Theme•Download Theme
“http://www.arrastheme.com/”•Extract, Paste in “\wp-content\themes”•Activate “Arras” Theme•ด้�ก�รเป็ล -ยนแป็ลง
![Page 58: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/58.jpg)
Arras LayoutHEADER
TOP MENU / NAVIGATION
CONTENT SIDEBAR
FOOTER
Slide Show (Post1, Post2, Post3…)
Post 4 Post 5 Post 6
Post 7 Post 8 Post 9
![Page 59: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/59.jpg)
Arras Options
![Page 60: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/60.jpg)
Lab 14, Arras Options
•Slideshow•Featured Post #1-2•News Posts•Layout•Design•Thumbnail Sizes
![Page 61: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/61.jpg)
Introduction Plug-in
•ค�อสำ)วนเสำร�ม สำ��หร�บเพั�-ม function ก�รท��ง�นของ Wordpress ให�ตั้รงก�บคว�มตั้�องก�รม�กย�-งข8!น
•ป็4จจ�บ�น Plugin ของ Wordpress ม ให�เล�อกม�กม�ย และตั้อบสำนองคว�มตั้�องก�รในท�กๆ ร�ป็แบบ
•ค�นห� Plugin และ Download ได้�ท - “http://wordpress.org/extend/plugins/”
![Page 62: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/62.jpg)
Recommend Plug-in
•Akismet•All in One SEO Pack•WPtouch•WP-PageNavi•Google XML Sitemaps•SEO Friendly Images
•Breadcrumb NavXT•WP-Table Reloaded•Simple Facebook Connect•Smart YouTube PRO•And More….
![Page 63: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/63.jpg)
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
![Page 64: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/64.jpg)
Web Statistic
•Google Analytic•Plug-in
![Page 65: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/65.jpg)
Search Engine
•ค�อ เคร�-องม�อสำ��หร�บค�นห�ข�อม�ลท -อย�)บนอ�นเตั้อร6เน1ตั้ ด้�วยค��ค�นตั้)�งๆ
• โด้ยป็กตั้�แล�ว Search Engine จะม เคร�-องม�อท -ช้�-อว)� Robot (ห�)นยนตั้6) ในก�รสำ�บค�นเว1บไซตั้6ตั้)�ง ๆ เพั�-อน��ม�จ�ด้เก1บในระบบฐ�นข�อม�ลด้�วยก�รท�� Index โด้ย Robot จะเด้�นท�งจ�กเว1บหน8-ง ไป็อ กเว1บหน8-งผ)�น Hyperlink ท -ม อย�)ในเว1บไซตั้6น�!นๆ
![Page 66: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/66.jpg)
Introduction SEO
•SEO (Search Engine Optimization) ค�อ ก�รป็ร�บแตั้)ง Website และกระบวนก�รตั้)�งๆ ของ Website ตั้�!งแตั้)ก�รออกแบบ เข ยนโป็รแกรม และก�รโป็รโมทเว1บ เพั�-อให�ตั้�ด้อ�นด้�บตั้�นๆ ของ Search Engine
![Page 67: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/67.jpg)
Google PageRank
•Google Pagerank หร�อ PR ค�อ ค)�ล��ด้�บคะแนนท - Google ป็ระเม�นให�ก�บค�ณภ�พัของเน�!อห� ในหน��เว1บเพัจแตั้)ละหน�� ท -ป็ร�กฎอย�)ในเว1บไซตั้6 (หล�ย ๆ คนอ�จเข��ใจผ�ด้ว)� Pagerank ค�อ ก�รป็ระเม�นคะแนนของท�!งเว1บไซตั้6 ซ8-งเป็�นคว�มเข��ใจท -ผ�ด้นะคร�บ) โด้ยคะแนนท -ป็ร�กฎจะอย�)ในช้)วงระหว)�ง 0 ถ8ง 10 สำ��หร�บหน��เว1บเพัจท -ไม)ม ค)� Pagerankระบบจะแจ�งเป็�น “No PageRank information available”
![Page 68: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/68.jpg)
PageRank Checker
Website Page Rankhttp://
www.rmutp.ac.th6/10
http://www.rmutt.ac.th
8/10
http://www.ku.ac.th 7/10http://
www.chula.ac.th8/10
http://www.prchecker.i
nfo
Check on 02/02/2555
![Page 69: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/69.jpg)
SEO Friendly Content
•Keyword▫Domain, URL (Permalink Settings)▫<title></title>▫<h1>, <h2>, <h3> - <h6>▫เน�!อห�ในบทคว�ม▫<img src=“…” alt=“keyword” />
![Page 70: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/70.jpg)
Wordpress SEO Plug-in
•All in One SEO Pack•Google XML Sitemaps•SEO Friendly Images
![Page 71: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/71.jpg)
Back Link
•ค�อ Link ท -สำ)งกล�บม�ห�เว1บเร� Backlink เป็�นสำ)วนหน8-งของก�รท�� SEO ท -ข�ด้ไม)ได้�เลย เพัร�ะย�-งม Link เข��ม�ท -เว1บเร�เยอะๆ ก1เหม�อนก�บเป็�นก�รบอกว)� เว1บเร�น�!นสำ��ค�ญแค)ไหน ได้�ร�บก�รยอมร�บจ�กเว1บอ�-นๆเพั ยงใด้
![Page 72: เพาเวอร์พอย Wordpress3 5-1](https://reader036.fdocument.pub/reader036/viewer/2022062405/5554d980b4c905a16f8b4faf/html5/thumbnails/72.jpg)
Manage Wordpress User