SlideShare a Scribd company logo
1 of 23
Background


• Widget or Gadget is?
• Widget of Wordpress
• Use of Widget
• How to use Widget for Website?
Gadget  ของ  Google
• Miniature objects made by Google users like you
  that offer cool and dynamic content that can be
  placed on any page on the web.

• Gadgets might come in handy when you 're at
  work (to-do list, currency converter, calendar), at
  school (calculator, Wikipedia, translation tool), or
  just passing time (news, blogs, games). You can
  add gadgets

• you like to iGoogle and, if you have Google
  Desktop installed, you can also add gadgets to
  your computer's desktop.


                              ที่มา :  http://www.google.com/webmasters/gadgets/
Widget  ของ  Yahoo
• Yahoo! Widgets are small, specific applications that
  you can run on your Windows or Mac OS desktop. We
  keep them small and specific for convenience and
  performance reasons. Because they are so small,
  Widgets need another application to run. It's the
  Yahoo! Widget application, and you can download
  the application and a starter set of Widgets to your
  PC or Mac from widgets.yahoo.com.

• A Widget can do almost anything from displaying a
  weather forecast to playing a game. Widgets
  generally sit on your desktop and don't look like
  applications as we're used to seeing them in a
  standard window. Instead, Widgets tend to look like
  small pictures or animations.
                         ที่มา :  http://help.yahoo.com/l/us/yahoo/widgets/basics/basics-01.html
Widget  ของ   Wikipedia

• Widget   คือ ชุดคำาสั่งโปรแกรมคอมพิวเตอร์ขนาดเล็ก หรือ
• โปรแกรมสำาหรับการควบคุมในการทำางานของเครื่องคอมพิวเตอร์
   ในแบบต่าง ๆเช่น เป็นหน้าต่าง เล็ก ๆ (windows),(popup)
   เพื่อให้ผู้ใช้สามารถควบคุมหรือสั่งการเครื่องคอมพิวเตอร์ให้
   ทำางาน ในรูปแบบต่าง ๆ เช่น  เรียกใช้งานเครื่องคิดเลข ใน
   วินโดวส์ ลีนุกซ์ หรือ โอเอสทู เป็นต้น โดยทีสามารถสั่งงานให้
                                               ่
   โปรแกรมย่อย ๆ เหล่านันทำางานด้วยการกดปุ่มคำาสั่ง ด้วยเมาส์
                           ้
   แทนการพิมพ์

• ชุดคำาสั่ง ซึ่งผูใช้งานสามารถติดต่อสื่อสารกับเครื่องคอมพิวเตอร์
                   ้
   ได้อย่างสะดวกง่ายดาย
   (คำาว่า  Widget  มาจากคำาภาษาอังกฤษว่า  gadget)

          ที่มา  :   http://th.wikipedia.org/wiki/%E0%B8%A7%E0%B8%B4%E0%B8%88%E0%B8%B4%E0%B8%97
สรุป
• Gadget และ  Widget  ความหมายก็เหมือน ๆ  กัน  หมายถึง
   ชุดคำาสั่งโปรแกรมคอมพิวเตอร์ขนาดเล็ก เป็นหน้าต่างเล็ก ๆ 
   ให้ผู้ใช้ใช้สั่งการเครื่องคอมพิวเตอร์ให้ทำางานในรูปแบบต่าง ๆ 
   เช่น  ข่าวสาร  นาฬิกา  เครื่องคิดเลข  ตารางการทำางานประจำา
   วัน (Day Planner)  ภาวะอากาศ  อัลบัมภาพ  เป็นต้น

• Google จะเรียกว่า  Gadget   ส่วน Yahoo จะเรียกว่า 
   Widget 
Widgets
 wordpress.com
Widget of Wordpress
• Widget is a fancy word for tools or
  content that you can add, arrange,
  and remove from the sidebar(s) of
  your blog.

• Widgets make it easy to customize
  the content of your sidebar(s). You
  can learn more about the widgets we
  offer by checking out the Related
  links on the right.
ประโยชน์ของ  Gadget / Widget  


• 1.  อำำนวยควำมสะดวกในกำรใช้งำน  ไม่ตองหำโปรแกรมใหญ่
                                      ้
  ๆ  มำใช้

  2.  ใช้งำนง่ำย  ส่วนมำกจะอยู่ทหน้ำจอคอมพิวเตอร์  หรือใน
                                 ี่
  เว็บไซต์  หรือ บล็อก  เป็นหน้ำต่ำงเล็ก ๆ ปรำกฏให้เห็น ไม่กิน
  เนื้อทีมำก  และเป็นควำมต้องกำรของผูใช้ทต้องกำรใช้งำน และ
         ่                               ้   ี่
  หลำกหลำยรูปแบบ

  3.  โลกเรำทุกวันนี้ มีข้อมูลข่ำวสำรมำกมำยเกิดขึ้นทุกมุมโลกและ
  ตลอดเวลำ จำำเป็นต้องคัดเลือกทีเป็นประโยชน์  สั้น ๆ  ย่อ ๆ 
                                   ่
  กระทัดรัด ไม่กินเนื้อที่มำก   Gadget / Widget  จึงเกิดขึ้นมำ
  เพื่อสนองควำมต้องกำรดังกล่ำว
You can access your widgets from the
Appearance -> Widgets screen in your Dashboard.
Adding Widgets
• To add a widget, drag the widget from the Available
  Widgets or Inactive Widgets area on the left into the
  Sidebar area on the right. When you see a dashed
  line appear, you can drop the widget into place.
Configuring Widgets
• Each widget has configuration
  options. To make changes to a widget
  in the sidebar, click on the triangle on
  the right side.
Configuring Widgets
• This will open up the options for the widget.
  Each widget will be different. Here is an
  example of the Archives widget.




• After you have have configured the widget, click
  the Save button. Clicking the Close link will
  minimize the configuration options again.
Removing Widgets
• If you would like to remove a widget
  from the sidebar, click the Delete link
  in the configuration options as show
  above.
Widgets » Calendar Widget
• Here’s what the Calendar Widget looks like
  when activated on a blog sidebar:




• Settings:Once you add the widget to your
  sidebar from Appearance -> Widgets, you’ll
  see that the widget settings look like this:
Widgets » Blog Stats Widget
• The Blog Stats Widget displays the total number of
   views to your blog (not including your own views).
   It’s a nice way of showing off how popular your blog is.

• Here’s an example what it looks like when it’s activated
   on a blog sidebar:
• Settings
  • Once you add the widget to your sidebar from
     Appearance -> Widgets, you’ll see that the widget
     settings look like this:




  • Title: Set the title to use above the blog stats count. (i.e.
     Stats, Traffic Love)

  • 123,45: Set the word(s) to use along with the number.
     “hits” and “views” are popular choices, but feel free to
     get creative and make up your own.
Widgets »
      Categories Widget
• The Categories Widget organizes your posts by category
   in your blog’s sidebar. This can be handy for readers
   who want to find more of your posts about certain
   topics.

• Here’s what it looks like when it’s activated on a
   blog sidebar:
Once you add the widget to your sidebar from
Appearance -> Widgets, you’ll see that the widget settings
look like this:




 • Title – Sets the title that will display above the
    categories in the sidebar. (i.e. Categories)
Show as dropdown – Check this box to display the
categories in a drop down menu rather than as a li
st. This is handy if you want to save space or hav
e a lot of categories.
Show post counts – If this box is checked, the the total
number of published posts for that particular category wil
l be displayed next to the link. You can show post counts
with both the list and dropdown menu formats.
Show hierarchy – If you have parent and child categories
(subcategories within main categories) you can choose to d
isplay the hierarchy (pictured below) or just leave the li
st “flat,” without indicating which subcategories fit insi
de your main categories (pictured above). You can show cat
egory hierarchies with both the list and dropdown menu for
mats.
• Category Order
• If you need to show your
 categories in a certain order,
 you can build a Custom Menu
 then adding a
 Custom Menu Widget instead.

More Related Content

Similar to Day06_widget

ผลงานนักเรียนกลุ่ม 2การจัดการ Widgets
ผลงานนักเรียนกลุ่ม 2การจัดการ  Widgetsผลงานนักเรียนกลุ่ม 2การจัดการ  Widgets
ผลงานนักเรียนกลุ่ม 2การจัดการ Widgetsเขมิกา กุลาศรี
 
เอกสารประกอบการเรียนหน่วยที่ 8
เอกสารประกอบการเรียนหน่วยที่  8เอกสารประกอบการเรียนหน่วยที่  8
เอกสารประกอบการเรียนหน่วยที่ 8เขมิกา กุลาศรี
 
เนื้อหา8
เนื้อหา8เนื้อหา8
เนื้อหา8kaimmikar123
 
คู่มือ Dreamwever 8
คู่มือ Dreamwever 8คู่มือ Dreamwever 8
คู่มือ Dreamwever 8duangnapa27
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2beauten
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2beauten
 
20100903 joomla-book-library-extension
20100903 joomla-book-library-extension20100903 joomla-book-library-extension
20100903 joomla-book-library-extensionBoonlert Aroonpiboon
 
คู่มือการใช้โปรแกรม google sketchup 8
คู่มือการใช้โปรแกรม google sketchup 8คู่มือการใช้โปรแกรม google sketchup 8
คู่มือการใช้โปรแกรม google sketchup 8Kru ChaTree
 
ใบความรู้ที่ 7 การสร้างรายงาน (Report)
ใบความรู้ที่ 7 การสร้างรายงาน (Report)ใบความรู้ที่ 7 การสร้างรายงาน (Report)
ใบความรู้ที่ 7 การสร้างรายงาน (Report)krunueng1
 
ระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯkachornchit_maprang
 
ระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯkachornchit_maprang
 
ระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯkachornchit_maprang
 

Similar to Day06_widget (20)

ผลงานนักเรียนกลุ่ม 2การจัดการ Widgets
ผลงานนักเรียนกลุ่ม 2การจัดการ  Widgetsผลงานนักเรียนกลุ่ม 2การจัดการ  Widgets
ผลงานนักเรียนกลุ่ม 2การจัดการ Widgets
 
เอกสารประกอบการเรียนหน่วยที่ 8
เอกสารประกอบการเรียนหน่วยที่  8เอกสารประกอบการเรียนหน่วยที่  8
เอกสารประกอบการเรียนหน่วยที่ 8
 
เนื้อหา8
เนื้อหา8เนื้อหา8
เนื้อหา8
 
คู่มือ Dreamwever 8
คู่มือ Dreamwever 8คู่มือ Dreamwever 8
คู่มือ Dreamwever 8
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2
 
6widgets
6widgets6widgets
6widgets
 
20100903 joomla-book-library-extension
20100903 joomla-book-library-extension20100903 joomla-book-library-extension
20100903 joomla-book-library-extension
 
Caren
CarenCaren
Caren
 
Caren
CarenCaren
Caren
 
Caren
CarenCaren
Caren
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Sketch up 8
Sketch up 8 Sketch up 8
Sketch up 8
 
คู่มือการใช้โปรแกรม google sketchup 8
คู่มือการใช้โปรแกรม google sketchup 8คู่มือการใช้โปรแกรม google sketchup 8
คู่มือการใช้โปรแกรม google sketchup 8
 
MediaWiki extension
MediaWiki extensionMediaWiki extension
MediaWiki extension
 
ใบความรู้ที่ 7 การสร้างรายงาน (Report)
ใบความรู้ที่ 7 การสร้างรายงาน (Report)ใบความรู้ที่ 7 การสร้างรายงาน (Report)
ใบความรู้ที่ 7 การสร้างรายงาน (Report)
 
การเขียนโปรแกรมด้วย Vb 6.0
การเขียนโปรแกรมด้วย Vb 6.0การเขียนโปรแกรมด้วย Vb 6.0
การเขียนโปรแกรมด้วย Vb 6.0
 
ระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯ
 
ระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯ
 
ระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯระบบปฏิบัติการคอมพ์ฯ
ระบบปฏิบัติการคอมพ์ฯ
 

Day06_widget

  • 1. Background • Widget or Gadget is? • Widget of Wordpress • Use of Widget • How to use Widget for Website?
  • 2. Gadget  ของ  Google • Miniature objects made by Google users like you that offer cool and dynamic content that can be placed on any page on the web. • Gadgets might come in handy when you 're at work (to-do list, currency converter, calendar), at school (calculator, Wikipedia, translation tool), or just passing time (news, blogs, games). You can add gadgets • you like to iGoogle and, if you have Google Desktop installed, you can also add gadgets to your computer's desktop. ที่มา :  http://www.google.com/webmasters/gadgets/
  • 3. Widget  ของ  Yahoo • Yahoo! Widgets are small, specific applications that you can run on your Windows or Mac OS desktop. We keep them small and specific for convenience and performance reasons. Because they are so small, Widgets need another application to run. It's the Yahoo! Widget application, and you can download the application and a starter set of Widgets to your PC or Mac from widgets.yahoo.com. • A Widget can do almost anything from displaying a weather forecast to playing a game. Widgets generally sit on your desktop and don't look like applications as we're used to seeing them in a standard window. Instead, Widgets tend to look like small pictures or animations. ที่มา :  http://help.yahoo.com/l/us/yahoo/widgets/basics/basics-01.html
  • 4. Widget  ของ   Wikipedia • Widget   คือ ชุดคำาสั่งโปรแกรมคอมพิวเตอร์ขนาดเล็ก หรือ • โปรแกรมสำาหรับการควบคุมในการทำางานของเครื่องคอมพิวเตอร์ ในแบบต่าง ๆเช่น เป็นหน้าต่าง เล็ก ๆ (windows),(popup) เพื่อให้ผู้ใช้สามารถควบคุมหรือสั่งการเครื่องคอมพิวเตอร์ให้ ทำางาน ในรูปแบบต่าง ๆ เช่น  เรียกใช้งานเครื่องคิดเลข ใน วินโดวส์ ลีนุกซ์ หรือ โอเอสทู เป็นต้น โดยทีสามารถสั่งงานให้ ่ โปรแกรมย่อย ๆ เหล่านันทำางานด้วยการกดปุ่มคำาสั่ง ด้วยเมาส์ ้ แทนการพิมพ์ • ชุดคำาสั่ง ซึ่งผูใช้งานสามารถติดต่อสื่อสารกับเครื่องคอมพิวเตอร์ ้ ได้อย่างสะดวกง่ายดาย (คำาว่า  Widget  มาจากคำาภาษาอังกฤษว่า  gadget) ที่มา  :   http://th.wikipedia.org/wiki/%E0%B8%A7%E0%B8%B4%E0%B8%88%E0%B8%B4%E0%B8%97
  • 5. สรุป • Gadget และ  Widget  ความหมายก็เหมือน ๆ  กัน  หมายถึง ชุดคำาสั่งโปรแกรมคอมพิวเตอร์ขนาดเล็ก เป็นหน้าต่างเล็ก ๆ  ให้ผู้ใช้ใช้สั่งการเครื่องคอมพิวเตอร์ให้ทำางานในรูปแบบต่าง ๆ  เช่น  ข่าวสาร  นาฬิกา  เครื่องคิดเลข  ตารางการทำางานประจำา วัน (Day Planner)  ภาวะอากาศ  อัลบัมภาพ  เป็นต้น • Google จะเรียกว่า  Gadget   ส่วน Yahoo จะเรียกว่า  Widget 
  • 7. Widget of Wordpress • Widget is a fancy word for tools or content that you can add, arrange, and remove from the sidebar(s) of your blog. • Widgets make it easy to customize the content of your sidebar(s). You can learn more about the widgets we offer by checking out the Related links on the right.
  • 8.
  • 9. ประโยชน์ของ  Gadget / Widget   • 1.  อำำนวยควำมสะดวกในกำรใช้งำน  ไม่ตองหำโปรแกรมใหญ่ ้ ๆ  มำใช้ 2.  ใช้งำนง่ำย  ส่วนมำกจะอยู่ทหน้ำจอคอมพิวเตอร์  หรือใน ี่ เว็บไซต์  หรือ บล็อก  เป็นหน้ำต่ำงเล็ก ๆ ปรำกฏให้เห็น ไม่กิน เนื้อทีมำก  และเป็นควำมต้องกำรของผูใช้ทต้องกำรใช้งำน และ ่ ้ ี่ หลำกหลำยรูปแบบ 3.  โลกเรำทุกวันนี้ มีข้อมูลข่ำวสำรมำกมำยเกิดขึ้นทุกมุมโลกและ ตลอดเวลำ จำำเป็นต้องคัดเลือกทีเป็นประโยชน์  สั้น ๆ  ย่อ ๆ  ่ กระทัดรัด ไม่กินเนื้อที่มำก   Gadget / Widget  จึงเกิดขึ้นมำ เพื่อสนองควำมต้องกำรดังกล่ำว
  • 10. You can access your widgets from the Appearance -> Widgets screen in your Dashboard.
  • 11. Adding Widgets • To add a widget, drag the widget from the Available Widgets or Inactive Widgets area on the left into the Sidebar area on the right. When you see a dashed line appear, you can drop the widget into place.
  • 12. Configuring Widgets • Each widget has configuration options. To make changes to a widget in the sidebar, click on the triangle on the right side.
  • 13. Configuring Widgets • This will open up the options for the widget. Each widget will be different. Here is an example of the Archives widget. • After you have have configured the widget, click the Save button. Clicking the Close link will minimize the configuration options again.
  • 14. Removing Widgets • If you would like to remove a widget from the sidebar, click the Delete link in the configuration options as show above.
  • 15. Widgets » Calendar Widget • Here’s what the Calendar Widget looks like when activated on a blog sidebar: • Settings:Once you add the widget to your sidebar from Appearance -> Widgets, you’ll see that the widget settings look like this:
  • 16. Widgets » Blog Stats Widget • The Blog Stats Widget displays the total number of views to your blog (not including your own views). It’s a nice way of showing off how popular your blog is. • Here’s an example what it looks like when it’s activated on a blog sidebar:
  • 17. • Settings • Once you add the widget to your sidebar from Appearance -> Widgets, you’ll see that the widget settings look like this: • Title: Set the title to use above the blog stats count. (i.e. Stats, Traffic Love) • 123,45: Set the word(s) to use along with the number. “hits” and “views” are popular choices, but feel free to get creative and make up your own.
  • 18. Widgets » Categories Widget • The Categories Widget organizes your posts by category in your blog’s sidebar. This can be handy for readers who want to find more of your posts about certain topics. • Here’s what it looks like when it’s activated on a blog sidebar:
  • 19. Once you add the widget to your sidebar from Appearance -> Widgets, you’ll see that the widget settings look like this: • Title – Sets the title that will display above the categories in the sidebar. (i.e. Categories)
  • 20. Show as dropdown – Check this box to display the categories in a drop down menu rather than as a li st. This is handy if you want to save space or hav e a lot of categories.
  • 21. Show post counts – If this box is checked, the the total number of published posts for that particular category wil l be displayed next to the link. You can show post counts with both the list and dropdown menu formats.
  • 22. Show hierarchy – If you have parent and child categories (subcategories within main categories) you can choose to d isplay the hierarchy (pictured below) or just leave the li st “flat,” without indicating which subcategories fit insi de your main categories (pictured above). You can show cat egory hierarchies with both the list and dropdown menu for mats.
  • 23. • Category Order • If you need to show your categories in a certain order, you can build a Custom Menu then adding a Custom Menu Widget instead.