SlideShare uma empresa Scribd logo
1 de 102
Baixar para ler offline
การพฒนาเวบไซตในรปแบบ
Blog ดวย Wordpress.com

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




                                                                 1
บญเลศ อรณพบลย
   2536 – 2551                           2551 – ปVจจ&บน
       NECTEC                                STKS / NSTDA
            เจาหนาท4ระบบคอมพ)วเตอร
                      Q                            นกว)ชาการ
            ว)ทยากร ศนยฝSกอบรม                    รกษาการหวหนางานพฒนาและ
             คอมพ)วเตอรเนคเทค                       บร)การสUQอสาระด)จ)ทล
            รกษาการหวหนางานสนบสน&น
             ทางเทคน)ค
            รกษาการหวหนางานว)ชาการ
            รกษาการหวหนางานพฒนาสUQอ
             สาระด)จ)ทล
            นกว)ชาการ




                                                                             2
คลงความร KM ดวย ICT




                      3
คลงผลงานวจยระบบเป#ด




                      4
KM website




             5
Gotoknow.org




               6
7
Wikipedia




            8
9
http://stks.or.th/botany/wiki




                                10
Web, Blog, Wiki
   Web
       HTML editor
       HTML Generator
            Macromedia Dreamweaver, MS FrontPage, Adobe GoLive
       CMS – Content Management System
            Joomla, Drupal, PHPNuke, Xoops
   Blog           - weB + Log
       Wordpress, b2evolution, Wordpress MU
   Wiki
       MediaWiki, Dokuwiki, TWiki



                                                                  11
KM กาวส>ความส?าเร@จ



        Embedded




                      12
เทคโนโลย4 2.0
 เทคโนโลย4ตามแนวค)ดของการพฒนาเวบไซต                2.0
 (Web 2.0)
     ย&คใหม7ของการพฒนาเวบไซต
     รปแบบการพฒนาเวบไซตท4Qใหความส5าคญกบ “ผใชเวบ” มากกว7า
      “ผพฒนา” หรUอ “เจาของเวบไซต”
     แนวค)ดการพฒนาเวบท4Qใหความส5าคญกบการปฏ)สมพนธการท5างาน
      ร7วมกน การผสานความร7วมมUอทrงโครงสรางพUrนฐาน ระบบ ซอฟตแวร
      และเนUrอหาเวบ
     การปรบเวบไซตจากการใหขอมลเพ4ยงทางเด4ยว เปuนการใหบร)การ
      และขอมลท4Q “ผใช” เขาถwงไดง7ายและร7วมสราง แกไข



                                                                 13
Slide Share




              14
เรBมตนกบ Web 2.0 - Blog

    Blog == weB Log
    Blog เวบความร7วมมUอท4Qง7าย ไม7ซบซอน
    เครUQองมUอเชUQอมความสมพนธระหว7างบ&คคลไดเปuนอย7างด4
    สUQอสารไดง7าย ทนใจ อน&ท)นช4วต/การงานฉบบออนไลน
                                 )
    จ&ดเด7น หมวดเนUrอหาและ Tag
    ม4ใหเลUอกทrงซอฟตแวรในกล&7ม Open Source,
     Commercial และ Free Web Hosting




                                                          15
เครUQองมUอท4QถกเลUอกใชประกอบการจดการความร
                   (KM Tools)


     การมGสวนร>วม
           >
   (Participation)

คLอ        หวใจ             ส?าคญ


                                            16
วธGเรBมตนกบ Web 2.0 - Blog
   Free Services
       http://www.wordpress.com
       http://www.blog.com
       http://gotoknow.org
       http://www.ning.com
   Free Software
       http://www.wordpress.org


        http://www.weblogmatrix.org/
                                       17
18
19
เขGยนอะไร/อย>างไร
   เรUQองราวใกลตว ท4Qชอบและถนด      เข4ยนตามเป~า/จ&ดประสงคท4Qวาง
   เข4ยนแบบเบาๆ                      ไว
   เล7าเรUQอง
                                         สร&ปการฝSกงาน
   น5าเสนอภาพ พรอมเรUQองประกอบ
                                         เกบขอมลว)ทยาน)พนธ/
                                          รายงาน
   เร4ยนรร7วมกน
                                         จดหมายเหต&สวนบ&คคล
                                                     7
                                         จดการความร (ส7วนบ&คคล)




                                                                     20
http://stanglibrary.wordpress.com/




                                     21
http://stks.or.th/ling/attawfikiahschool/




                                            22
http://stks.or.th/wg/dmslib/




                               23
http://nuttakorn2548.wordpress.com/




                                      24
http://thailandhandmadebuu.wordpress.com




                                           25
Wordpress
   ซอฟตแวรจดการบลอกท4ม4ใหเลUอกใชทrงท4เปuน
                         Q            Q
      Free Web Hosting : www.wordpress.com
      Open Source Application
         www.wordpress.org
         mu.wordpress.org

   ท5างานไดด4กบ Google – Google Friendly
   ระบบน5าเขา/เผยแพร7เนUอหาง7าย
                         r
   รองรบการผสานเทคโนโลย4กบเวบ 2.0 อUQนๆ (Mashup)



                                                    26
การใชบรการ Wordpress.com




                           27
28
ประเด@นส?าคญการสมครสมาชก

   เลUอกใชอ4เมล hotmail, yahoo mail, gmail
   User name ท4Qระบ&จะตองเปuนภาษาองกฤษ ตวพ)มพเลก
    ม4ความยาวพอสมควร และหามใส7เครUQองหมายพ)เศษใด
    รวมทrงช7องว7าง
       User name ท4Qระบ&คUอ
   รหสผ7าน ควรม4ความยาวไม7นอยกว7า 8 ตวอกษร และควร
    ผสมอกขระพ)เศษสก 1 ตวเช7น # @ $ %
       จะตองจ5ารหสผ7านใหได รหสผ7าน ท4ระบ&คUอ
                                        Q
       เมUQอสมครผ7านแลว จะตองเชคเมลท4ใชสมคร เพUQอยUนยน
                                      Q
        การสมครดวยท&กครrง

                                                          29
ขอแนะน?าการสรางรหสผ>าน
   ก5าหนดเกณฑการสรางรหสผ7านใหตนเอง
       ใหความส5าคญกบการสรางรหสผ7าน
   เช7น ก5าหนดอกขระพ)เศษใหสระ ป…ดทายดวย #
       A     $
       E     +                  kampaengsaen
       I     ^
       O     @
       U     !
                                k$mp$+ngs$+n#

                                                30
ก?าหนดชLBอ Blog




              เลUอกภาษาไทย



                             31
ยLนยนการสมคร




               32
ยLนยนการสมคร


         เป…ดเมลแลวคล)ก Link น4ดวย
                               r




                                     33
URL ของเว@บไซต Wordpress ของตนเอง


 http://บญช4ท4Qสมคร.wordpress.com
 เช7น เวบของครนอง - krungnong
 URL คUอ

        http://krungnong.wordpress.com




                                         34
โครงสรางของหนาเว@บ
       ชUQอเวบไซต             สโลแกนเวบ




    เมนจาก Pages


          เนUrอเรUอง (Post)
                  Q



                              กล&มว)ตเจต
                                 7

                                           35
Login เขาส>ระบบ www.wordpress.com




                                    36
Dashboard ส>วนส?าคญของการใชงาน




                                 37
Dashboard ส>วนส?าคญของการใชงาน




                                 38
เปลGยนระบบภาษา
    B

   ไทย - > English
       หนาหลก, ตrงค7า, General, ภาษา
   English - > ไทย
       Dashboard, Settings, General, Language




                                                 39
40
ปรบแกไขขอมลผใช/สมาชก
                  1




      2




                       41
42
ดหนาเว@บ

 http://..ชUอท4Qสมคร...wordpress.com
             Q
 หรUอ คล)กชUอเวบ
               Q




                                        43
ดหนาเว@บ




  กลบไปส7หนาจดการ Dashboard ดวยค5าสQง ผควบค&มเวบ
                      หรUอ



                                                   44
ประเภทเนLcอหา
   Post – เรUQอง                      Page – หนา
       Dynamic Content                    Static Content
       น5าเสนอเร4ยงตามวนท4Q/เวลา          น5าเสนอดวย Menu, Widget
       จดเกบตามวนท4Q/เวลา
        (Archives)
       จดกล&7มตามหมวดหม7
        (Category)
       จดกล&7มตามป~ายก5ากบ (Tag)
   มกแสดงผลหนาแรกของเวบ
    Blog



                                                                      45
ปรบแกไขขอมลเกGยวกบเว@บ – About
              B

   หนาหลก, หนา




   คล)กหนา About เพUQอเขาไปแกไขขอมล


                                       46
ปรบแกไขขอมลเกGยวกบเว@บ – About
              B


          1) ป~อนชUQอเรUQอง


                                                 5) อปเดต




   2) ป~อนเนUrอหา


                                         4) ระบ&ล5าดบการแสดงผล

                      3) เลUอกเงUQอนไข
                    การแสดงความค)ดเหน

                                                                 47
เครLBองมLอจดการขอความ/สLBอ




                             48
คดลอกเนLcอหาจากแหล>งอLBนๆ
   ไม7ควรคดลอก (Copy) เนUrอหาจาก Word หรUอแหล7งอUQนๆ
    มาวางใน Editor ของ Wordpress เพราะจะส7งผลใหเก)ด
    ปVญหาการแสดงผลท4Qผ)ดพลาด ปรบแกไขยาก
       เพราะม4 special code จากโปรแกรมตนทางส7งมายง Editor
        ของ Wordpress
   หากจ5าเปuนตองคดลอกขอมล ใหน5าขอมลดงกล7าวไปวาง
    (Paste) บน NotePad ก7อนแลวจwงคดลอกจาก NotePad
    มาวางใน Editor ของ Wordpress



                                                             49
URL ทGBดGส?าหรบเว@บ
   Wordpress.com ก5าหนดให URL ของแต7ละเนUอหาเปuนม)ตรกบ
                                             r
    Search Engine – Search Engine Friendly รวมทrงกบคน
   URL Friendly จะไม7รองรบภาษาไทย
   แต7ส7วนประกอบของ URL มาจากชUอเรUQอง
                                  Q
   หากใชชUQอเรUQองภาษาไทย จะตองเปล4ยน Permalink ของเรUQองให
                                    Q
    เปuนภาษาองกฤษ




                                                               50
สรางหนา (Page) ใหม>
   หนาหลก, หนา, เข4ยนหนาใหม7 (หนาใหม7)




                                          51
ปรบแกไขกราฟ#กของ Themes

   บาง Themes อน&ญาตใหปรบแกไขกราฟ…กได
   เลUอกค5าสQง หนาหลก, รปแบบบลอก, ส7วนหว (หากม4)
       จะตองเตร4ยมภาพตองขอก5าหนด หรUอใชเทคน)ค Crop ภาพดวยเครUQองมUอ
        ของ Wordpress




                                                                       52
53
กราฟ#กของ Themes ทGปรบเปลGBยน
                   B




                                54
เปล4Qยนรปแบบเวบ (Themes)
   หนาหลก, รปแบบบลอก, Themes




                                55
เปล4Qยนรปแบบเวบ (Themes)




         คล)ก “ใชงาน” ธ4มท4Qตองการ




                                     56
Widget

 ว)ดเจต
       (Widget) คUอ               จดการว)ดเจตไดดวยค5าสQง
 โปรแกรมท4Qเพ)Qมความ               หนาหลก, รปแบบบลอก,
 สามารถใหบลอก                      Widgets
     ล)งกไปท4Qต7าง ๆ
     แสดงสถ)ตเย4Qยมชม
                )
     แสดงหวขอเรUQอง
     แสดงข7าวสารจาก twitter




                                                            57
ว)ดเจต
                      ลากจาก
                     ซายไปขวา
   Widget จ5าเปuน
       Meta
       คนหา
       ปฏ)ทน )
       สถ)ตบลอก
            )
       หมวดหม7           จ5านวน Sidebar
                         ขwrนอย7กบ Themes
                               ท4QเลUอก



                                            58
น?าเขารปภาพ # 1
   รปภาพท4Qน5ามาประกอบเนUrอหาของ Wordpress จะตองเตร4ยมดงน4r
      ก5าหนดชUQอแฟ~มภาพ (File name) ใหเปuนภาษาองกฤษ และ/หรUอผสม
       ตวเลข หามใชภาษาไทย
      ฟอรแมตภาพ
            .gif        ส5าหรบภาพวาด ภาพลายเสน ภาพท4ม4ส4ไม7มาก
                                                         Q
            .jpg/.png   ส5าหรบภาพส4มาก
            .png        ส5าหรบภาพส4มากท4ตองการพUrนโปร7งใส (Transparent)
                                         Q
       ควรย7อภาพใหม4ขนาดท4Qเหมาะสม และ/หรUอลดความละเอ4ยดของภาพ
        (Resolution) ระหว7าง 72 – 96 dpi
   รปภาพ/แบบอกษร/ขอความไม7ควรละเม)ดล)ขส)ทธ)•
      http://openclipart.org
      คนหาภาพจาก Google, Flickr ดวยเงUQอนไข CreativeCommons
   ระบ& Metadata ของภาพใหเหมาะสมในระดบด)จ)ทล

                                                                           59
ตวอย7างการเลUอกฟอรแมตภาพท4ไม7เหมาะสม
                           Q
     ภาพดานซายส4แตก ไม7สมQ5าเสมอ




                                       60
Progressive & Interlaced



 รปภาพทแสดงในโหมดปกต




   การแสดงผลภาพ        การแสดงผลภาพแบบ Interlaced
   แบบ Progressive

                                                    61
PNG & GIF Transparent




                        62
ปnญหาลขสทธoของเมLองไทย

   Software, Content, Image/Clipart, Font




                                             63
64
(cc)




       65
การสLบคนภาพทGBเปpน (cc)


                          (cc)




                                 66
ภาพทGBปลอดภย

 www.openclipart.org
 ภาพท4Qระบ&สทธ)•การใชท4Qชดเจน และน5ามาใชอย7าง
             )
  เหมาะสม
 ภาพท4Qสรางสรรคเอง




                                                 67
วน/เวลากลองถ>ายภาพดจทล/อปกรณดจทล


   พรบ.การกระท5าความผ)ดทางคอมพ)วเตอร




                                        68
69
Image
Metadata
: EXIF
: IPTC




           70
71
น?าเขารปภาพ # 2
   จากหนาจอสราง/แกไขเนUrอหา คล)กเมาส ณ ต5าแหน7งท4Qตองการ
    วางภาพ คล)กป&•ม Add an Image




   คล)กเลUอกภาพจากป&•ม Browse




                                                            72
น?าเขารปภาพ # 3
   ป~อนชUQอภาพในรายการหวขอ
    ใชภาษาไทยได
   ป~อนค5าบรรยายภาพใน
    รายการค5าอธ)บายสลบหรUอ
    ค5าขยายความ
   หากตองการใหคล)กท4Qภาพ
    เพUอคล)กไปยงภาพขนาดตนฉบบ
       Q
    ใหคล)กป&•ม URL ของไฟล แต7ถา
    ไม7ตองการใหคล)กภาพ
    คล)กป&•มไม7ม4
   ก5าหนดต5าแหน7งการวางภาพ
    จากรายการจดแถว
   ก5าหนดขนาดภาพจากขนาด
   คล)กป&•มใส7เขาในเรUQอง
                                  73
การจดการ/เขGยนเรLBอง (Post)
   หนาหลก, เรUQอง




   หนาหลก, เรUQอง, เข4ยนเรUQองใหม7 (เรUQองใหม7)



                                                   74
   ระบ&ชUQอเรUQอง
   เข4ยนเรUQอง
   ใส7เนUrอหาย7อในรายการ
    ตดทอน
   ระบ& URL อางอ)งใน
    รายการ ส7ง Trackbacks
    ใช , คQนหากม4หลาย URL
   เงUQอนไขการแสดงความค)ด
    เหนจากรายการ สนทนา
   เลUอกชUQอผเข4ยน จาก
    รายการ ผเข4ยน
   ก5าหนดหมวดหม7จาก
    Categories
   ก5าหนดป~ายก5ากบจาก
    Post Tags
   ระบ&เงUQอนไขการเผยแพร7
    จาก เผยแพร7


                             75
ปuายก?ากบ - Tags

 ค5าคน
 แสดงปร)มาณเนUอหา
               r
 กรองขอมลตามป~ายท4QเลUอก




                            76
ตวอย>างการใส>เนLcอหา

 เนUอหาท4Qเปuนขอความ
     r
 เนUอหาพรอมภาพ
       r
 เนUอหาพรอมแนบไฟลเอกสาร
         r
 เนUอหา Online slide จาก Slideshare
           r
 เนUอหา Video จาก Youtube
             r




                                       77
Slideshare ผ>าน Wordpress
   Slideshare.net เปuนแหล7งรวมสไลด/เอกสารแหล7งใหญ7บนโลก
    อ)นเทอรเนต
       น5า PPT, PDF, DOC ไปจดเกบและแปลงเปuน Online Slide,
        i-Paper อตโนมต)ในรปแบบ Flash-based
   คนสUอจาก slideshare.net แลวคล)กเลUอกสUอท4Qตองการ
        Q                                 Q
   คล)กรายการ Embed
   คดลอกค5าสQงจากรายการ Embed this presentation มาวางใน
    Post ผ7านโหมดการท5างาน HTML




                                                             78
Code ของ Slideshare

                1


                    2




                        79
Slideshare ผ>าน Wordpress



                       1




                2




                            80
Slideshare ผ>าน Wordpress




                    1




                            81
Youtube ผ>าน Slideshare

                     1

    2



                          3




                 4




                              82
Youtube ผ>าน Slideshare




                  1

              2




                          83
การแสดงความเห@น

   กรณ4ผชมทQวไป
       ตองป~อนขอมลส7วนตว
       ผลจะไม7ปรากฎทนท4
   กรณ4สมาช)ก
       ใส7เฉพาะความเหน
   ความเหนท4Qเผยแพร7ตอง
    ผ7านการอน&มต)จากผดแลก7อน



                               84
การอนมตความเห@น

   จากหนาหลก จะปรากฎส7วนควบค&ม “เนUrอเรUQอง”



                                       แสดงว7าม4 4 ความเหน
                                           รอพ)จารณา
                                           3 ความเหน
                                         อาจจะเปuน Spam




                                                             85
การอนมตความเห@น




                  86
สรางลงกเขาในเว@บ
   หนาหลก, ล)งก, Add New
       ควรสรางหมวดหม7ล)งกก7อน
        ดวยค5าสQงหนาหลก, ล)งก,
        ล)งกหมวดหม7
       การแสดงผลล)งกใน
        หนาเวบใหก5าหนดดวย
        Widgets ชUQอ ล)งก




                                 87
แบบส?ารวจ (Poll)

   หนาหลก, โพลล




                   88
เผยแพร>โพลล

   สรางเรUQองใหม7 New Post คล)กป&•ม Add Poll แลว
    เลUอกโพลลท4Qตองการเผยแพร7




                                                    89
ตอบโพลล




          90
ร>วมเปpนสมาชกกบ Blog ทGBมGอย>แลว

   ต)ดต7อเจาของ Blog ใหเพ)มบญช4
                           Q
   Login เขาส7ระบบ
   ป~อนขอมล




                                   91
ตcงค>าการเขGยน




                 92
ตcงค>า
การอ>าน




          93
94
95
ตcงค>าสLอ
        B




            96
การท?างานร>วมกบ Web 2.0 อLBนๆ

 ท5างานผ7าน Widgets
 ก5าหนดค7า Widgets แตกต7าง
  ตามบร)การ Web 2.0
 อาจจะตองเปuนสมาช)ก
  บร)การ Web 2.0
  ท4Qตองการก7อน



                                97
เทคนคน>าร # 1

 ใช Wordpress เพUอบนทwกค5าพด ขอความ
                   Q
  เนUอหา ภาพ สUQอรปแบบต7างๆ เพUQอใชเปuน
     r
  คลงขอมลส7วนบ&คคล หรUอเพUอใชประกอบ
                           Q
  การท5าว)จย การท5ารายงาน พรอมระบ&แหล7งท4Qมา
  ดวย Zotero
 ควรล)งกแหล7งท4Qมา Online
  ผ7าน Trackbacks


                                               98
เทคนคน>าร # 2 – Post via e-Mail

   ก5าหนด e-Mail Address ของ Wordpress.com
     หนาหลก, บลอกของฉน
     คล)ก “ใชงาน” จากรายการ โพสตผ7านอ4เมล




                                     1




                                              99
เทคนคน>าร # 3

   ปรบแกไขค7า Timestamps ของแต7ละเรUQองใหถก
    ตองตามจร)ง
     สรางคลงจดหมายเหต&ส7วนตว
     น5าเขาเนUrอหาในอด4ต
     ท5าตารางก)จกรรมในอนาคต




                                               100
เทคนคน>าร # 4

   ศwกษา/เลUอกใช Shortcode ของ Wordpress
    เพUอการใชงานท4Qเตมประส)ทธ)ภาพ
       Q
       http://en.support.wordpress.com/shortcodes/




                                                      101
แหล>งขอมล
   http://stks.or.th/wiki
   http://slideshare.net/boonlert




                                     102

Mais conteúdo relacionado

Mais procurados

แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์Kittichai Pinlert
 
Website for public_relations
Website for public_relationsWebsite for public_relations
Website for public_relationsajpeerawich
 
แนวข้อสอบรวมทุกตำแหน่ง (แนวข้อสอบเก่า)
แนวข้อสอบรวมทุกตำแหน่ง (แนวข้อสอบเก่า)แนวข้อสอบรวมทุกตำแหน่ง (แนวข้อสอบเก่า)
แนวข้อสอบรวมทุกตำแหน่ง (แนวข้อสอบเก่า)ประพันธ์ เวารัมย์
 
แนวข้อสอบข้าราชการพลเรือนสามัญสังกัดกรมส่งเสริมการปกครองท้องถิ่น
แนวข้อสอบข้าราชการพลเรือนสามัญสังกัดกรมส่งเสริมการปกครองท้องถิ่น แนวข้อสอบข้าราชการพลเรือนสามัญสังกัดกรมส่งเสริมการปกครองท้องถิ่น
แนวข้อสอบข้าราชการพลเรือนสามัญสังกัดกรมส่งเสริมการปกครองท้องถิ่น ประพันธ์ เวารัมย์
 
บทที่ 1 บทนำ
บทที่ 1 บทนำบทที่ 1 บทนำ
บทที่ 1 บทนำKittichai Pinlert
 
บทที่สี่Ao
บทที่สี่Aoบทที่สี่Ao
บทที่สี่AoThungAo ZaZa
 
การสร้าง Blogger โดย ผู้ช่วยศาสตราจารย์ธนา จารุพันธุเศรษฐ
การสร้าง Blogger โดย ผู้ช่วยศาสตราจารย์ธนา จารุพันธุเศรษฐการสร้าง Blogger โดย ผู้ช่วยศาสตราจารย์ธนา จารุพันธุเศรษฐ
การสร้าง Blogger โดย ผู้ช่วยศาสตราจารย์ธนา จารุพันธุเศรษฐwarawan1996
 

Mais procurados (9)

แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
 
Website for public_relations
Website for public_relationsWebsite for public_relations
Website for public_relations
 
แนวข้อสอบรวมทุกตำแหน่ง (แนวข้อสอบเก่า)
แนวข้อสอบรวมทุกตำแหน่ง (แนวข้อสอบเก่า)แนวข้อสอบรวมทุกตำแหน่ง (แนวข้อสอบเก่า)
แนวข้อสอบรวมทุกตำแหน่ง (แนวข้อสอบเก่า)
 
แนวข้อสอบข้าราชการพลเรือนสามัญสังกัดกรมส่งเสริมการปกครองท้องถิ่น
แนวข้อสอบข้าราชการพลเรือนสามัญสังกัดกรมส่งเสริมการปกครองท้องถิ่น แนวข้อสอบข้าราชการพลเรือนสามัญสังกัดกรมส่งเสริมการปกครองท้องถิ่น
แนวข้อสอบข้าราชการพลเรือนสามัญสังกัดกรมส่งเสริมการปกครองท้องถิ่น
 
Cover Test
Cover TestCover Test
Cover Test
 
บทที่ 1 บทนำ
บทที่ 1 บทนำบทที่ 1 บทนำ
บทที่ 1 บทนำ
 
บทที่สี่Ao
บทที่สี่Aoบทที่สี่Ao
บทที่สี่Ao
 
แนวข้อสอบท้องถิ่น 407 ข้อ
แนวข้อสอบท้องถิ่น 407 ข้อแนวข้อสอบท้องถิ่น 407 ข้อ
แนวข้อสอบท้องถิ่น 407 ข้อ
 
การสร้าง Blogger โดย ผู้ช่วยศาสตราจารย์ธนา จารุพันธุเศรษฐ
การสร้าง Blogger โดย ผู้ช่วยศาสตราจารย์ธนา จารุพันธุเศรษฐการสร้าง Blogger โดย ผู้ช่วยศาสตราจารย์ธนา จารุพันธุเศรษฐ
การสร้าง Blogger โดย ผู้ช่วยศาสตราจารย์ธนา จารุพันธุเศรษฐ
 

Semelhante a Blog ด้วย Wordpress.com

20100831 wordpress-extension
20100831 wordpress-extension20100831 wordpress-extension
20100831 wordpress-extensionpornpimolc
 
20100831 wordpress-extension
20100831 wordpress-extension20100831 wordpress-extension
20100831 wordpress-extensionAree Taylor
 
บทที่สองAo
บทที่สองAoบทที่สองAo
บทที่สองAoThungAo ZaZa
 
Government 2.0 กับการเปลี่ยนแปลงองค์กร
Government 2.0 กับการเปลี่ยนแปลงองค์กรGovernment 2.0 กับการเปลี่ยนแปลงองค์กร
Government 2.0 กับการเปลี่ยนแปลงองค์กรThanachart Numnonda
 
แบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงานแบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงานChamp Wachwittayakhang
 
แบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงานแบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงานChamp Wachwittayakhang
 
บทที่ 2 เสร็จ
บทที่ 2 เสร็จบทที่ 2 เสร็จ
บทที่ 2 เสร็จYuparat ORn
 
บทที่ 2 เสร็จ
บทที่ 2 เสร็จบทที่ 2 เสร็จ
บทที่ 2 เสร็จYuparat ORn
 
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยี
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยีห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยี
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยีBoonlert Aroonpiboon
 
ส่วนนำรายงาน
ส่วนนำรายงานส่วนนำรายงาน
ส่วนนำรายงานKittichai Pinlert
 
Social Network & Social Media for PR
Social Network & Social Media for PRSocial Network & Social Media for PR
Social Network & Social Media for PRBoonlert Aroonpiboon
 
ใบงาน Wordpress
ใบงาน Wordpressใบงาน Wordpress
ใบงาน WordpressJerawat Jktea
 
ใบงาน Wordpress
ใบงาน Wordpressใบงาน Wordpress
ใบงาน Wordpressaraikarn
 

Semelhante a Blog ด้วย Wordpress.com (20)

Orn
OrnOrn
Orn
 
00 ส่วนนำ1
00 ส่วนนำ100 ส่วนนำ1
00 ส่วนนำ1
 
20100831 wordpress-extension
20100831 wordpress-extension20100831 wordpress-extension
20100831 wordpress-extension
 
20100831 wordpress-extension
20100831 wordpress-extension20100831 wordpress-extension
20100831 wordpress-extension
 
Wordpress.org Extension
Wordpress.org ExtensionWordpress.org Extension
Wordpress.org Extension
 
บทที่สองAo
บทที่สองAoบทที่สองAo
บทที่สองAo
 
Government 2.0 กับการเปลี่ยนแปลงองค์กร
Government 2.0 กับการเปลี่ยนแปลงองค์กรGovernment 2.0 กับการเปลี่ยนแปลงองค์กร
Government 2.0 กับการเปลี่ยนแปลงองค์กร
 
แบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงานแบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงาน
 
แบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงานแบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงาน
 
นพื
นพืนพื
นพื
 
บทที่ 2 เสร็จ
บทที่ 2 เสร็จบทที่ 2 เสร็จ
บทที่ 2 เสร็จ
 
บทที่ 2 เสร็จ
บทที่ 2 เสร็จบทที่ 2 เสร็จ
บทที่ 2 เสร็จ
 
บทที่ 2 เสร็จ
บทที่ 2 เสร็จบทที่ 2 เสร็จ
บทที่ 2 เสร็จ
 
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยี
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยีห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยี
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยี
 
อินเทอร์เน็ต
อินเทอร์เน็ตอินเทอร์เน็ต
อินเทอร์เน็ต
 
ส่วนนำรายงาน
ส่วนนำรายงานส่วนนำรายงาน
ส่วนนำรายงาน
 
Cms Solutions
Cms SolutionsCms Solutions
Cms Solutions
 
Social Network & Social Media for PR
Social Network & Social Media for PRSocial Network & Social Media for PR
Social Network & Social Media for PR
 
ใบงาน Wordpress
ใบงาน Wordpressใบงาน Wordpress
ใบงาน Wordpress
 
ใบงาน Wordpress
ใบงาน Wordpressใบงาน Wordpress
ใบงาน Wordpress
 

Mais de Boonlert Aroonpiboon (20)

Excel quiz
Excel quizExcel quiz
Excel quiz
 
Scival for Research Performance
Scival for Research PerformanceScival for Research Performance
Scival for Research Performance
 
20190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-420190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-4
 
20190409 social-media-backup
20190409 social-media-backup20190409 social-media-backup
20190409 social-media-backup
 
20190220 open-library
20190220 open-library20190220 open-library
20190220 open-library
 
20190220 digital-archives
20190220 digital-archives20190220 digital-archives
20190220 digital-archives
 
OER KKU Library
OER KKU LibraryOER KKU Library
OER KKU Library
 
Museum digital-code
Museum digital-codeMuseum digital-code
Museum digital-code
 
OER MOOC - Success Story
OER MOOC - Success StoryOER MOOC - Success Story
OER MOOC - Success Story
 
LAM Code of conduct
LAM Code of conductLAM Code of conduct
LAM Code of conduct
 
RLPD - OER MOOC
RLPD - OER MOOCRLPD - OER MOOC
RLPD - OER MOOC
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
digital law for GLAM
digital law for GLAMdigital law for GLAM
digital law for GLAM
 
20180919 digital-collections
20180919 digital-collections20180919 digital-collections
20180919 digital-collections
 
Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)
 
20180828 digital-archives
20180828 digital-archives20180828 digital-archives
20180828 digital-archives
 
Local Wisdom Information : How to
Local Wisdom Information : How toLocal Wisdom Information : How to
Local Wisdom Information : How to
 
201403 etda-library-settup
201403 etda-library-settup201403 etda-library-settup
201403 etda-library-settup
 
201403 etda-library
201403 etda-library201403 etda-library
201403 etda-library
 

Blog ด้วย Wordpress.com

  • 1. การพฒนาเวบไซตในรปแบบ Blog ดวย Wordpress.com บ&ญเล)ศ อร&ณพ)บลย ศนยบร)การความรทางว)ทยาศาสตรและเทคโนโลย4 ส5านกงานพฒนาว)ทยาศาสตรและเทคโนโลย4แห7งชาต) (สวทช.) http://stks.or.th/ boonlert@nstda.or.th http://facebook.com/boonlert.aroonpiboon 1
  • 2. บญเลศ อรณพบลย  2536 – 2551  2551 – ปVจจ&บน  NECTEC  STKS / NSTDA  เจาหนาท4ระบบคอมพ)วเตอร Q  นกว)ชาการ  ว)ทยากร ศนยฝSกอบรม  รกษาการหวหนางานพฒนาและ คอมพ)วเตอรเนคเทค บร)การสUQอสาระด)จ)ทล  รกษาการหวหนางานสนบสน&น ทางเทคน)ค  รกษาการหวหนางานว)ชาการ  รกษาการหวหนางานพฒนาสUQอ สาระด)จ)ทล  นกว)ชาการ 2
  • 7. 7
  • 9. 9
  • 11. Web, Blog, Wiki  Web  HTML editor  HTML Generator  Macromedia Dreamweaver, MS FrontPage, Adobe GoLive  CMS – Content Management System  Joomla, Drupal, PHPNuke, Xoops  Blog - weB + Log  Wordpress, b2evolution, Wordpress MU  Wiki  MediaWiki, Dokuwiki, TWiki 11
  • 13. เทคโนโลย4 2.0  เทคโนโลย4ตามแนวค)ดของการพฒนาเวบไซต 2.0 (Web 2.0)  ย&คใหม7ของการพฒนาเวบไซต  รปแบบการพฒนาเวบไซตท4Qใหความส5าคญกบ “ผใชเวบ” มากกว7า “ผพฒนา” หรUอ “เจาของเวบไซต”  แนวค)ดการพฒนาเวบท4Qใหความส5าคญกบการปฏ)สมพนธการท5างาน ร7วมกน การผสานความร7วมมUอทrงโครงสรางพUrนฐาน ระบบ ซอฟตแวร และเนUrอหาเวบ  การปรบเวบไซตจากการใหขอมลเพ4ยงทางเด4ยว เปuนการใหบร)การ และขอมลท4Q “ผใช” เขาถwงไดง7ายและร7วมสราง แกไข 13
  • 15. เรBมตนกบ Web 2.0 - Blog  Blog == weB Log  Blog เวบความร7วมมUอท4Qง7าย ไม7ซบซอน  เครUQองมUอเชUQอมความสมพนธระหว7างบ&คคลไดเปuนอย7างด4  สUQอสารไดง7าย ทนใจ อน&ท)นช4วต/การงานฉบบออนไลน )  จ&ดเด7น หมวดเนUrอหาและ Tag  ม4ใหเลUอกทrงซอฟตแวรในกล&7ม Open Source, Commercial และ Free Web Hosting 15
  • 16. เครUQองมUอท4QถกเลUอกใชประกอบการจดการความร (KM Tools) การมGสวนร>วม > (Participation) คLอ หวใจ ส?าคญ 16
  • 17. วธGเรBมตนกบ Web 2.0 - Blog  Free Services  http://www.wordpress.com  http://www.blog.com  http://gotoknow.org  http://www.ning.com  Free Software  http://www.wordpress.org http://www.weblogmatrix.org/ 17
  • 18. 18
  • 19. 19
  • 20. เขGยนอะไร/อย>างไร  เรUQองราวใกลตว ท4Qชอบและถนด  เข4ยนตามเป~า/จ&ดประสงคท4Qวาง  เข4ยนแบบเบาๆ ไว  เล7าเรUQอง  สร&ปการฝSกงาน  น5าเสนอภาพ พรอมเรUQองประกอบ  เกบขอมลว)ทยาน)พนธ/ รายงาน  เร4ยนรร7วมกน  จดหมายเหต&สวนบ&คคล 7  จดการความร (ส7วนบ&คคล) 20
  • 26. Wordpress  ซอฟตแวรจดการบลอกท4ม4ใหเลUอกใชทrงท4เปuน Q Q  Free Web Hosting : www.wordpress.com  Open Source Application  www.wordpress.org  mu.wordpress.org  ท5างานไดด4กบ Google – Google Friendly  ระบบน5าเขา/เผยแพร7เนUอหาง7าย r  รองรบการผสานเทคโนโลย4กบเวบ 2.0 อUQนๆ (Mashup) 26
  • 28. 28
  • 29. ประเด@นส?าคญการสมครสมาชก  เลUอกใชอ4เมล hotmail, yahoo mail, gmail  User name ท4Qระบ&จะตองเปuนภาษาองกฤษ ตวพ)มพเลก ม4ความยาวพอสมควร และหามใส7เครUQองหมายพ)เศษใด รวมทrงช7องว7าง  User name ท4Qระบ&คUอ  รหสผ7าน ควรม4ความยาวไม7นอยกว7า 8 ตวอกษร และควร ผสมอกขระพ)เศษสก 1 ตวเช7น # @ $ %  จะตองจ5ารหสผ7านใหได รหสผ7าน ท4ระบ&คUอ Q  เมUQอสมครผ7านแลว จะตองเชคเมลท4ใชสมคร เพUQอยUนยน Q การสมครดวยท&กครrง 29
  • 30. ขอแนะน?าการสรางรหสผ>าน  ก5าหนดเกณฑการสรางรหสผ7านใหตนเอง  ใหความส5าคญกบการสรางรหสผ7าน  เช7น ก5าหนดอกขระพ)เศษใหสระ ป…ดทายดวย #  A $  E + kampaengsaen  I ^  O @  U ! k$mp$+ngs$+n# 30
  • 31. ก?าหนดชLBอ Blog เลUอกภาษาไทย 31
  • 33. ยLนยนการสมคร เป…ดเมลแลวคล)ก Link น4ดวย r 33
  • 34. URL ของเว@บไซต Wordpress ของตนเอง  http://บญช4ท4Qสมคร.wordpress.com  เช7น เวบของครนอง - krungnong  URL คUอ http://krungnong.wordpress.com 34
  • 35. โครงสรางของหนาเว@บ ชUQอเวบไซต สโลแกนเวบ เมนจาก Pages เนUrอเรUอง (Post) Q กล&มว)ตเจต 7 35
  • 39. เปลGยนระบบภาษา B  ไทย - > English  หนาหลก, ตrงค7า, General, ภาษา  English - > ไทย  Dashboard, Settings, General, Language 39
  • 40. 40
  • 42. 42
  • 43. ดหนาเว@บ  http://..ชUอท4Qสมคร...wordpress.com Q  หรUอ คล)กชUอเวบ Q 43
  • 44. ดหนาเว@บ กลบไปส7หนาจดการ Dashboard ดวยค5าสQง ผควบค&มเวบ หรUอ 44
  • 45. ประเภทเนLcอหา  Post – เรUQอง  Page – หนา  Dynamic Content  Static Content  น5าเสนอเร4ยงตามวนท4Q/เวลา  น5าเสนอดวย Menu, Widget  จดเกบตามวนท4Q/เวลา (Archives)  จดกล&7มตามหมวดหม7 (Category)  จดกล&7มตามป~ายก5ากบ (Tag)  มกแสดงผลหนาแรกของเวบ Blog 45
  • 46. ปรบแกไขขอมลเกGยวกบเว@บ – About B  หนาหลก, หนา  คล)กหนา About เพUQอเขาไปแกไขขอมล 46
  • 47. ปรบแกไขขอมลเกGยวกบเว@บ – About B 1) ป~อนชUQอเรUQอง 5) อปเดต 2) ป~อนเนUrอหา 4) ระบ&ล5าดบการแสดงผล 3) เลUอกเงUQอนไข การแสดงความค)ดเหน 47
  • 49. คดลอกเนLcอหาจากแหล>งอLBนๆ  ไม7ควรคดลอก (Copy) เนUrอหาจาก Word หรUอแหล7งอUQนๆ มาวางใน Editor ของ Wordpress เพราะจะส7งผลใหเก)ด ปVญหาการแสดงผลท4Qผ)ดพลาด ปรบแกไขยาก  เพราะม4 special code จากโปรแกรมตนทางส7งมายง Editor ของ Wordpress  หากจ5าเปuนตองคดลอกขอมล ใหน5าขอมลดงกล7าวไปวาง (Paste) บน NotePad ก7อนแลวจwงคดลอกจาก NotePad มาวางใน Editor ของ Wordpress 49
  • 50. URL ทGBดGส?าหรบเว@บ  Wordpress.com ก5าหนดให URL ของแต7ละเนUอหาเปuนม)ตรกบ r Search Engine – Search Engine Friendly รวมทrงกบคน  URL Friendly จะไม7รองรบภาษาไทย  แต7ส7วนประกอบของ URL มาจากชUอเรUQอง Q  หากใชชUQอเรUQองภาษาไทย จะตองเปล4ยน Permalink ของเรUQองให Q เปuนภาษาองกฤษ 50
  • 51. สรางหนา (Page) ใหม>  หนาหลก, หนา, เข4ยนหนาใหม7 (หนาใหม7) 51
  • 52. ปรบแกไขกราฟ#กของ Themes  บาง Themes อน&ญาตใหปรบแกไขกราฟ…กได  เลUอกค5าสQง หนาหลก, รปแบบบลอก, ส7วนหว (หากม4)  จะตองเตร4ยมภาพตองขอก5าหนด หรUอใชเทคน)ค Crop ภาพดวยเครUQองมUอ ของ Wordpress 52
  • 53. 53
  • 55. เปล4Qยนรปแบบเวบ (Themes)  หนาหลก, รปแบบบลอก, Themes 55
  • 56. เปล4Qยนรปแบบเวบ (Themes) คล)ก “ใชงาน” ธ4มท4Qตองการ 56
  • 57. Widget  ว)ดเจต (Widget) คUอ  จดการว)ดเจตไดดวยค5าสQง โปรแกรมท4Qเพ)Qมความ หนาหลก, รปแบบบลอก, สามารถใหบลอก Widgets  ล)งกไปท4Qต7าง ๆ  แสดงสถ)ตเย4Qยมชม )  แสดงหวขอเรUQอง  แสดงข7าวสารจาก twitter 57
  • 58. ว)ดเจต ลากจาก ซายไปขวา  Widget จ5าเปuน  Meta  คนหา  ปฏ)ทน )  สถ)ตบลอก )  หมวดหม7 จ5านวน Sidebar ขwrนอย7กบ Themes ท4QเลUอก 58
  • 59. น?าเขารปภาพ # 1  รปภาพท4Qน5ามาประกอบเนUrอหาของ Wordpress จะตองเตร4ยมดงน4r  ก5าหนดชUQอแฟ~มภาพ (File name) ใหเปuนภาษาองกฤษ และ/หรUอผสม ตวเลข หามใชภาษาไทย  ฟอรแมตภาพ  .gif ส5าหรบภาพวาด ภาพลายเสน ภาพท4ม4ส4ไม7มาก Q  .jpg/.png ส5าหรบภาพส4มาก  .png ส5าหรบภาพส4มากท4ตองการพUrนโปร7งใส (Transparent) Q  ควรย7อภาพใหม4ขนาดท4Qเหมาะสม และ/หรUอลดความละเอ4ยดของภาพ (Resolution) ระหว7าง 72 – 96 dpi  รปภาพ/แบบอกษร/ขอความไม7ควรละเม)ดล)ขส)ทธ)•  http://openclipart.org  คนหาภาพจาก Google, Flickr ดวยเงUQอนไข CreativeCommons  ระบ& Metadata ของภาพใหเหมาะสมในระดบด)จ)ทล 59
  • 60. ตวอย7างการเลUอกฟอรแมตภาพท4ไม7เหมาะสม Q ภาพดานซายส4แตก ไม7สมQ5าเสมอ 60
  • 61. Progressive & Interlaced รปภาพทแสดงในโหมดปกต การแสดงผลภาพ การแสดงผลภาพแบบ Interlaced แบบ Progressive 61
  • 62. PNG & GIF Transparent 62
  • 63. ปnญหาลขสทธoของเมLองไทย  Software, Content, Image/Clipart, Font 63
  • 64. 64
  • 65. (cc) 65
  • 67. ภาพทGBปลอดภย  www.openclipart.org  ภาพท4Qระบ&สทธ)•การใชท4Qชดเจน และน5ามาใชอย7าง ) เหมาะสม  ภาพท4Qสรางสรรคเอง 67
  • 68. วน/เวลากลองถ>ายภาพดจทล/อปกรณดจทล  พรบ.การกระท5าความผ)ดทางคอมพ)วเตอร 68
  • 69. 69
  • 71. 71
  • 72. น?าเขารปภาพ # 2  จากหนาจอสราง/แกไขเนUrอหา คล)กเมาส ณ ต5าแหน7งท4Qตองการ วางภาพ คล)กป&•ม Add an Image  คล)กเลUอกภาพจากป&•ม Browse 72
  • 73. น?าเขารปภาพ # 3  ป~อนชUQอภาพในรายการหวขอ ใชภาษาไทยได  ป~อนค5าบรรยายภาพใน รายการค5าอธ)บายสลบหรUอ ค5าขยายความ  หากตองการใหคล)กท4Qภาพ เพUอคล)กไปยงภาพขนาดตนฉบบ Q ใหคล)กป&•ม URL ของไฟล แต7ถา ไม7ตองการใหคล)กภาพ คล)กป&•มไม7ม4  ก5าหนดต5าแหน7งการวางภาพ จากรายการจดแถว  ก5าหนดขนาดภาพจากขนาด  คล)กป&•มใส7เขาในเรUQอง 73
  • 74. การจดการ/เขGยนเรLBอง (Post)  หนาหลก, เรUQอง  หนาหลก, เรUQอง, เข4ยนเรUQองใหม7 (เรUQองใหม7) 74
  • 75. ระบ&ชUQอเรUQอง  เข4ยนเรUQอง  ใส7เนUrอหาย7อในรายการ ตดทอน  ระบ& URL อางอ)งใน รายการ ส7ง Trackbacks ใช , คQนหากม4หลาย URL  เงUQอนไขการแสดงความค)ด เหนจากรายการ สนทนา  เลUอกชUQอผเข4ยน จาก รายการ ผเข4ยน  ก5าหนดหมวดหม7จาก Categories  ก5าหนดป~ายก5ากบจาก Post Tags  ระบ&เงUQอนไขการเผยแพร7 จาก เผยแพร7 75
  • 76. ปuายก?ากบ - Tags  ค5าคน  แสดงปร)มาณเนUอหา r  กรองขอมลตามป~ายท4QเลUอก 76
  • 77. ตวอย>างการใส>เนLcอหา  เนUอหาท4Qเปuนขอความ r  เนUอหาพรอมภาพ r  เนUอหาพรอมแนบไฟลเอกสาร r  เนUอหา Online slide จาก Slideshare r  เนUอหา Video จาก Youtube r 77
  • 78. Slideshare ผ>าน Wordpress  Slideshare.net เปuนแหล7งรวมสไลด/เอกสารแหล7งใหญ7บนโลก อ)นเทอรเนต  น5า PPT, PDF, DOC ไปจดเกบและแปลงเปuน Online Slide, i-Paper อตโนมต)ในรปแบบ Flash-based  คนสUอจาก slideshare.net แลวคล)กเลUอกสUอท4Qตองการ Q Q  คล)กรายการ Embed  คดลอกค5าสQงจากรายการ Embed this presentation มาวางใน Post ผ7านโหมดการท5างาน HTML 78
  • 84. การแสดงความเห@น  กรณ4ผชมทQวไป  ตองป~อนขอมลส7วนตว  ผลจะไม7ปรากฎทนท4  กรณ4สมาช)ก  ใส7เฉพาะความเหน  ความเหนท4Qเผยแพร7ตอง ผ7านการอน&มต)จากผดแลก7อน 84
  • 85. การอนมตความเห@น  จากหนาหลก จะปรากฎส7วนควบค&ม “เนUrอเรUQอง” แสดงว7าม4 4 ความเหน รอพ)จารณา 3 ความเหน อาจจะเปuน Spam 85
  • 87. สรางลงกเขาในเว@บ  หนาหลก, ล)งก, Add New  ควรสรางหมวดหม7ล)งกก7อน ดวยค5าสQงหนาหลก, ล)งก, ล)งกหมวดหม7  การแสดงผลล)งกใน หนาเวบใหก5าหนดดวย Widgets ชUQอ ล)งก 87
  • 88. แบบส?ารวจ (Poll)  หนาหลก, โพลล 88
  • 89. เผยแพร>โพลล  สรางเรUQองใหม7 New Post คล)กป&•ม Add Poll แลว เลUอกโพลลท4Qตองการเผยแพร7 89
  • 91. ร>วมเปpนสมาชกกบ Blog ทGBมGอย>แลว  ต)ดต7อเจาของ Blog ใหเพ)มบญช4 Q  Login เขาส7ระบบ  ป~อนขอมล 91
  • 94. 94
  • 95. 95
  • 97. การท?างานร>วมกบ Web 2.0 อLBนๆ  ท5างานผ7าน Widgets  ก5าหนดค7า Widgets แตกต7าง ตามบร)การ Web 2.0  อาจจะตองเปuนสมาช)ก บร)การ Web 2.0 ท4Qตองการก7อน 97
  • 98. เทคนคน>าร # 1  ใช Wordpress เพUอบนทwกค5าพด ขอความ Q เนUอหา ภาพ สUQอรปแบบต7างๆ เพUQอใชเปuน r คลงขอมลส7วนบ&คคล หรUอเพUอใชประกอบ Q การท5าว)จย การท5ารายงาน พรอมระบ&แหล7งท4Qมา ดวย Zotero  ควรล)งกแหล7งท4Qมา Online ผ7าน Trackbacks 98
  • 99. เทคนคน>าร # 2 – Post via e-Mail  ก5าหนด e-Mail Address ของ Wordpress.com  หนาหลก, บลอกของฉน  คล)ก “ใชงาน” จากรายการ โพสตผ7านอ4เมล 1 99
  • 100. เทคนคน>าร # 3  ปรบแกไขค7า Timestamps ของแต7ละเรUQองใหถก ตองตามจร)ง  สรางคลงจดหมายเหต&ส7วนตว  น5าเขาเนUrอหาในอด4ต  ท5าตารางก)จกรรมในอนาคต 100
  • 101. เทคนคน>าร # 4  ศwกษา/เลUอกใช Shortcode ของ Wordpress เพUอการใชงานท4Qเตมประส)ทธ)ภาพ Q  http://en.support.wordpress.com/shortcodes/ 101
  • 102. แหล>งขอมล  http://stks.or.th/wiki  http://slideshare.net/boonlert 102