20100831 wordpress-extension

Wordpress.org &
Extension
บญเลศ อรณพบลย
นกวชาการ
ศนยบรการความรทางวทยาศาสตรและเทคโนโลย
ส!านกงานพฒนาวทยาศาสตรและเทคโนโลยแห$งชาต (สวทช.)
boonlert@nstda.or.th
http://stks.or.th
http://slideshare.net/boonlert
http://facebook.com/boonlert.aroonpiboon

1

บญเลศ อรณพบลย
 2536 – 2551  2551 – ปOจจบน
 NECTEC  STKS / NSTDA
 เจาหนาทHระบบคอมพวเตอร  นกวชาการ

 วทยากร ศนยฝJกอบรม  รกษาการหวหนางานพฒนาและ
คอมพวเตอรเนคเทค บรการสLอสาระดจทล
H
 รกษาการหวหนางานสนบสนน
ทางเทคนค
 รกษาการหวหนางานวชาการ

 รกษาการหวหนางานพฒนา
สLอสาระดจทล
H
 นกวชาการ

2

ตดต"#ง Plug-ins
 Plug-ins เปXนโปรแกรมเสรมความสามารถของ Wordpress ทH
ออกแบบเพLHอใหควบคมงานใดๆ
 Dashboard, Plugins, Add new
 ใชหลกการเดยวกบตดต`ง Themes

3

ค*นหา/ดาวนโหลด Plug-ins

4

ตดต"ง Plug-ins # 1
#
 เลLอก Dashboard, Plugins, Add New, Upload
 Browse เลLอกไฟล (.zip) แลว Install Now

1 4

5 6

2

3
5

ตดต"ง Plug-ins # 2
#
 การตดต`งเสรgจสมบรณ
 คลกรายการ Activate Plugin เพLHอให Plug-in ทHตดต`ง
ท!างาน

1

6

การยกเลก Plug-ins
 เลLอก Dashboard, Plugins
 คลก Deactivate รายการ Plug-in ทHไม$ตองการ

7

การจ"ดการตาราง (Table) # 1
 ตดต`ง Plug-in ชLHอ WP-Table
 สรางแม$แบบตารางจากค!าสHง Dashboard, Posts, Tables

9

 เมLHอสรางแม$แบบตารางแลว สามารถเขาไปแกไขรปแบบการแสดงผล
โดยคลก Edit

Tab
le ID

 ปjอนขอมล ปรบแต$งรปแบบการแสดงผล แลว Updated
 ปjอนค!าสHง [table=ล!าดบทHของตาราง] ใน Post เพLHอใชงาน

10


11

Web SEO ด*วย HeadSpace2
SEO

รายการทHตองระบ

12

Meta Tags

 Metadata ส!าหรบการน!าเสนอบนเวgบ
 บรรจไวใน Head

 รปแบบทHวไป
<META NAME=“dataname” CONTENT=“datavalue”>

www.submitexpress.com/analyzer

ต"วอยDาง
<head>
<title>Meta Tags-Metadata Elements</title>
<meta name="description" content=“meta tags.">
<meta name="keywords" content="meta data,
metadata, meta tag, meta-tag, search-engine">
<meta name="author" content="Keith Brooke">
</head>

Web SEO ด*วย Google XML
Sitemaps

15

ต"วอยDาง SEO จากเวIบผDาน Google

16

เผยแพรDผาน Social Network
D
AddToAny: Share/Bookmark/Email Button

17

จTาแลงรDางสD Blog ด*วย
User Avatar

18

แสดงชYZอสมาชกด*วย
Authors Widget

19

จ"ดการเมลด*วย Configure SMTP
 สามารถใช SMTP - Simple Mail Transfer Protocol ของ
G-Mail ได (ตองม Account G-Mail)

20

ฟอรมตดตDอด*วย
Contact Form 7

ควรใชค$กบ SMTP
ออกแบบฟอรมไดง$าย
ใชโดย Copy Code ไปใชกบ
Post / Page
21

ต"วอยDางสร*างฟอรมตดด*วย Page

Copy Code น`
ไปวางใน Page

22

สDงเมลถbงสมาชกด*วย
Email Users
 เมLHอสรางเนL`อหาใหม$ สามารถใช Plugins น`ส$งเมล
แจงสมาชกได

23

คล"งภาพด*วย NextGen Gallery
 เตรยมภาพไวในโฟลเดอรใดๆ
 จดการภาพใหเหมาะส!าหรบ
การน!าเสนอผ$านเวgบ
 Zip แฟjมภาพ
 เขาท!างานในโหมด Wordpress
Dashboard
 เลLอกค!าสHง Gallery
 เลLอกค!าสHง Add Gallery/Images

24

 ต`งชLHอชดภาพ (Gallery)
 ใชตวอกษร A-Z, a-z, 0-9 เครLHองหมาย – หรLอ _

 คลกป~ม Add Gallery
 คลกแทgบ Upload
a zip-file
 เลLอกไฟล .zip
 เลLอก Gallery จาก in to
 คลกป~ม Start upload

25

 รอ Wordpress น!าเขาไฟลภาพและจดการภาพตวอย$าง
(Thumbnails)
 สราง Post หรLอเลLอก Post ทHตองการวางภาพ
 คลกเมาส ณ ต!าแหน$งทHตองการวางภาพ
 คลกป~มเครLHองมLอ
Insert Gallery
 เลLอก Gallery
และรปแบบ
การน!าเสนอ

26

เพZมความสามารถสYบค*นด*วย
Open Search
 Open Search เปXน
เทคนคทHช$วยให
สามารถบนท•กเวgบไซต
เกgบไวในรายการสLบคน
ของเวgบเบราวเซอร
เพLHอสะดวกในการ
สLบคนของผใช

27

ส"งพมพเนY#อหาด*วย
Z
Print Friendly & PDF
 เปXน Plugins ทHช$วย
แสดงเฉพาะเนL`อหาทH
ตองการ (ไม$รวมส$วน
Header & Widget)
เพLHอสHงพมพหรLอแปลง
เปXน PDF

28

สร*างบรรณานกรมออนไลนผDาน
Reference Manager
 ScholarPress Coins
 ท!างานดวย Zotero.org + Firefox
 ควรปรบแกไข Profile ใหถกตอง และระบชLHอผ
สรางบทความใหตรงกบความเปXนจรง

29

Open Source Reference Tools : Zotero


ตดต`ง FireFox

เขาส$เวgบไซต http://www.zotero.org

คลก Download 2.0

การตดต"#ง Zotero 2.0

คลกป~ม Allow
เพLHอยอมรบการตดต`งโปรแกรม
เพHมใน Firefox


คลกป~ม Install now
เพLHอตดต`ง Zotero บน Firefox


เรHม Firefox ใหม$ (Restart Firefox)

จอภาพโปรแกรม Zotero

ส$วนควบคม
ส$วนควบคม ส$วนจดการขอมล
หมวดรายการ
รายการอางอง รายการอางอง
อางอง

คลกเพLอ
H
เป‡ดใชงาน Zotero

จ"ดเกIบบรรณานกรม

ข*อมลบรรณานกรม

สร*างรายการบรรณานกรม
 เป‡ด Zotero Panel
 คลกป~มขวาทHรายการทHตองการ
 Create Bibliography…
 เลLอกรปแบบการอางอง
 เลLอก Copy to Clipboard
 เป‡ดเอกสาร Word แลวน!ารายการ
บรรณานกรมไปวาง (Paste)

CAPTCHA -
SI CAPTCHA Anti-Spam
 สราง Captcha เพLHอปjองกนสแปม

38

Flash MP3 Player
 ก!าหนด Themes ไดจาก Settings, FMP:Config Editor
 สามารถออกแบบภาพส!าหรบ Themes ไดโดยก!าหนด
ขนาดทH 177 x 281 พกเซล
 Upload ไฟล .mp3 และ/หรLอไฟลภาพ Themes ดวย
Media
 คดลอก URL ของไฟล

 สรางรายการเพลงดวย Settings, FMP:Playlist Editor
 สราง Post แสดงเพลงโดยก!าหนดความกวางเท$ากบ 177
พกเซล ความสง 281 พกเซล

39

สร*างความม"Zนคงปลอดภ"ยให*
Wordpress
 หมHนปรบปรงระบบ (Update)
 หมHนเปลHยนรหสผ$าน และใชรหสผ$านทH strong

41

แหลDงข*อมล
 http://stks.or.th/wiki
 http://slideshare.net/boonlert

42

20100831 wordpress-extension

More Related Content

What's hot

Viewers also liked

Similar to 20100831 wordpress-extension

20100831 wordpress-extension