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
WP Super Edit




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




                                                        9
การจ"ดการตาราง (Table) # 2
   เมLHอสรางแม$แบบตารางแลว สามารถเขาไปแกไขรปแบบการแสดงผล
    โดยคลก Edit




      Tab
            le ID


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




                                                            10
การจ"ดการตาราง (Table) # 2




                             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
คล"งภาพด*วย NextGen Gallery
   ต`งช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
คล"งภาพด*วย NextGen Gallery
   รอ 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
การตดต"#ง Zotero 2.0




               คลกป~ม Install now
          เพLHอตดต`ง Zotero บน Firefox
การตดต"#ง Zotero 2.0

    เร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
GD Star Rating




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




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




                                     42

20100831 wordpress-extension