add widget

7
วิธีการเพิ่ม widget (โปรแกรมเล็ก ๆ) ให้กับบล็อกของเรา 1. เข้าสู่ระบบ เพื่อเข้าไปจัดการบล็อกของเรา 2. เลือก หน้าหลัก เลือกเมนู รูปแบบบล็อก --> Widgets

Upload: nunnaphat-chadajit

Post on 12-Jul-2015

2.792 views

Category:

Education


3 download

TRANSCRIPT

Page 1: Add widget

วิธีการเพ่ิม widget (โปรแกรมเล็ก ๆ) ให้กับบล็อกของเรา

1. เข้าสู่ระบบ เพื่อเข้าไปจัดการบล็อกของเรา

2. เลือก หน้าหลัก เลือกเมนู รูปแบบบล็อก --> Widgets

Page 2: Add widget

3. จะปรากฏหน้าต่างให้เราจัดการ Widgets ซึ่งจะอยู่กับรูปแบบบล็อก (theme) ที่เราเลือกใช้ ซ่ึง

บล็อกที่นักเรียนสร้างขึ้น เราเลือกใช้ twenty eleven

4. นักเรียนจะเห็น Widgets ที่เราสามารถเลือกน ามาใช้กับบล็อกของเราได้ อยู่ทางซ้ายมือ ส่วนด้าน

ขวามือเป็นต าแหน่งที่จะน า widgets ไปใช้งาน เมื่อนักเรียนต้องการจะใช้ widgets ไหน ให้ใช้

mouse เลือกและเลื่อนไปยังต าแหน่งที่ต้องการ เช่น นักเรียนต้องการจะใส่ ปฏิทินในหน้าบล็อก ก็ให้

เลือก widgets --> ปฏิทิน แล้วน าไปวางที่ Main slidebar ที่อยู่ทางด้านขวา

เมื่อวาง widgets เรียบร้อยแล้ว ให้นักเรียนก าหนดหัวข้อ ให้กับปฏิทิน พร้อมกับกดปุ่มบันทึก

และลองเรียกหน้าบล็อกของตนเองดู จะพบว่ามีปฏิทินเกิดขึ้นที่ ต าแหน่ง Main Slidebar

Page 3: Add widget

5. Widgets ที่จะเราจะลองเพิ่มเข้าไปในบล็อกของเรา ก็คือ รูปภาพ

อันดับแรก นักเรียนจะต้องท าการupload รูปที่ต้องการที่ใช้งานไปไว้ที่คลังสื่อให้เรียบร้อยเสียก่อน

โดยการเลือก เพิ่มไฟล์ใหม่ที่เมนูสื่อ

ให้นักเรียนท าการคัดลอกต าแหน่งที่ตั้งของรูปท่ีต้องการแสดงบนบล็อก

Page 4: Add widget

แล้วกลับมาที่เมนู รูปแบบบล็อก --> widgets แล้วเลือก widgets ข้อความ ลากไปวางยังต าแหน่ง

ที่ต้องการ

ให้นักเรียนใส่หัวข้อให้กับรูปภาพและ

ในส่วนของช่องข้อความด้านล่าง ให้

ใส่ code html

<img src = ต าแหน่งของรูปท่ี

คัดลอกมา >

อย่าลืมเครื่องหมาย <>

กดปุ่มบันทึก

Page 5: Add widget

6. ส าหรับที่ต้องการใส่นาฬิกาหรือปฏิทินรูปแบบต่าง ๆ สามารถเข้าไปที่

http://wpbtips.wordpress.com/ แล้วเลือกที่ widgets

จะมีรายการขึ้นมาให้เลือก หากนักเรียนต้องการใส่นาฬิกาดิจิตอล ก็ให้เลือก ล าดับที่ 2

Page 6: Add widget

แล้วก็เลือกรายการที่สนใจ

.ให้นักเรียนท าการคัดลอก code ที่อยู่ในกรอบสีแดง ไปวางที่ widgets โดยเลือก widgets --> ข้อความ

ส่วน widgets ที่มีค าว่า resizeable นักเรียนสามารถจะลดขนาดของwidgets นั้นลงได้อีก

Page 7: Add widget

เสร็จเรียบร้อย กดปุ่ม บันทึก นักเรียนก็จะได้ นาฬิกาไว้ที่หน้าบล็อกเรียบร้อยแล้ว

ลองเข้าไปเลือกดูรายการอ่ืน ๆ ด้วยนะคะ ในเว็บไซต์ที่แนะน าไปนะคะ

krununnaphat2011.wordpress.com