การเขียนบทความลง wordpress เบื้องต้น

1. เลือกหัวข้อของบทความว่าจะเป็น Page หรือ Post
2. ทำการเลือก Add new หากเป็นบทความใหม่ หรือ Edit หากเป็นการแก้ไขบทความที่เราเคยเขียนไว้แล้ว

3. เขียนบทความลง wordpress โดยระบบนั้นจะสร้างกรอบพื้นที่ในการเขียนบทความพร้อมทั้งเครื่องมือการใช้งานที่จะช่วยในการเขียนบทความด้วย โดยจะแบ่งออกเป็น 2 ส่วน คือ HTML กับ Visual

โดย HTML : เราสามารถนำ code html ที่เราเขียนมาใส่ได้เลย

Visual : เป็นเครื่องมือที่ทาง wordpress มีไว้ให้ โดยหลักการทั่วไปจะเหมือนการเขียนข้อมูลใน Microsoft word

4. หากเป็นหัวข้อของ post ยังสามารถจัด-จำแนกบทความออกเป็นหมวดหมู่ Categories ได้อีกด้วย

นอกจากนั้น Wordpress ยังเตรียมระบบ upload รูปภาพให้กับเราด้วย

การ Upload รูปลง wordpress

1. กดปุ่ม Add An Image

2. ทำการเลือก file รูปที่จะทำการ Upload เข้าสู่ระบบ จากนั้นกดปุ่ม Upload

3. กรอกรายละเอียดต่างๆ

โดย Title : ชื่อรูปที่ใส่ ไม่จำเป็นต้องเป็นชื่อเดียวกับรูปก็ได้
Alternate Text : ชื่อคำอธิบายรูป
Size : เลือกรูปที่จะใช้แสดงโดยมี 3 ขนาดให้เลือก
Alignment : กำหนดตำแหน่งของรูปที่จะให้แสดง

4. กดปุ่ม Insert เพื่อทำการเพิ่มรูปลงในความของเรา หรือ กด save เพื่อทำการ save ลงสู่ระบบ

1. ระบบจะส่ง user และ password เริ่มต้นการใช้งานมาให้ทาง E-mail ที่เราได้ทำการใส่ไว้ตอนติดตั้งระบบ

2. ทำการเข้าระบบ wordpress ผ่านทาง Url ” http://www.domainname.com/wp-login.php”

3. เมื่อเข้าระบบเรียบร็อยแล้ว ในครั้งแรกที่เราเข้าไปใช้งานนั้น ระบบจะแจ้งให้เราทำการเปลี่ยนรหัสผ่าน

4. ทำการเปลี่ยนรหัสผ่านใหม่ โดยไปที่เมนู Admin ด้านบน

5. ทำการใส่รหัสผ่านใหม่ และกดปุ่ม Update Profile เพื่อทำการยืนยันรหัสผ่านใหม่ที่ได้แก้ไขในครั้งนี้

1. สร้างฐานข้อมูลสำหรับจัดเก็บข้อมูลของ wordpress ให้เข้าไปหน้าจัดการเว็บไซต์ (cPanel) คลิกที่ MySQL Database

2. ทำการสร้างฐานข้อมูล (Database) และผู้ใช้งาน (User)

3. ทำการเชื่อมโยง database และ user ที่สร้าง

4. ทำการดาวน์โหลด wordpress จาก http://wordpress.org/

5. นำไฟล์ที่โหลดมาได้ นำมาแตกไฟล์ zip
6. ภายใน folder wordpress จะมีประกอบด้วยไฟล์ต่างๆ

7. ใช้โปรแกรม FTP เพื่อ Upload ไฟล์ ไปยัง Web Hosting ที่เราใช้บริการอยู่ โดยให้ upload ข้อมูลภายใน folder wordpress ทังหมด ไปยัง folder public_html ที่ Web Hosting

8. จากนั้นให้เปิดไฟล์ wp-config-sample.php เพื่อทำการแก้ไข โดยจะใส่รายละเอียดในการติดต่อฐานข้อมูล โดยระบุชื่อ Database, User และ Password

9. เมื่อทำการแก้ไขเสร็จแล้วให้บันทึกไฟล์เป็น wp-config.php และทำการ upload ขึ้นไปยัง Web Hosting อีกครั้ง
10. ทำการติดตั้งระบบ wordpress โดยเปิดโปรแกรมเว็บเบราเซอร์ (IE,Firefox) และพิมพ์ www.yourdomain.com/wp-admin/install.php เข้าไป (yourdomain = ชื่อเว็บไซต์ของเรา)

11. กรอกข้อมูลให้ครบถ้วน และกดปุ่ม Install
12. เมื่อติดตั้งระบบเรียบร้อยแล้ว ระบบจะส่งข้อมูลในการเข้าสู่ระบบมาให้ เท่านี้ก็เป็นอันเสร็จเรียบร้อยแล้วครับ โดยสามารถ Login เข้าสู่ระบบเพือ่ทำการจัดการข้อมูลต่างๆได้แล้วครับ

หลากหลายเหตุผลที่ว่า ทำไมถึงต้องทำเว็บไซด์ด้วย CMS Wordpress

CMS ย่อมาจาก Content Management System ซึ่งก็คือ ระบบของเว็บไซด์ที่ทำให้ผู้ใช้สามารถ แก้ไข หรือเพิ่มหน้าของ Website ได้อย่างง่ายๆ
เช่น เว็บของ iSchool เรานี่หล่ะครับ ถ้าอยากจะเพิ่ม blog เรื่องการสอนทำเว็บ ผู้สอนก็แค่ Click เพิ่มหน้า 1 click แล้วพิมพ์ข้อความที่ต้องการก็จะได้หน้า Web เพิ่มมาแล้ว

CMS ที่เป็นที่นิยมมีหลายตัวครับ เด่นๆก็จะมี Wordpress, Joomla, Dupal ซึ่งทั้งสามตัวนี้เป็น Open-source ทั้งหมด
วันนี้เรามาดูข้อดีของ Wordpress กัน

1. WordPress เป็นระบบ CMS ที่ให้ใช้ฟรีครับ .. และมีการพัฒนาอย่างต่อเนืองอาจจะเรียกได้ตลอดเวลาเลยก็ได้ครับ
2. WordPress เป็นระบบ CMS ง่าย สะดวก ไม่ว่าจะเป็นการติดตั้ง การใช้งาน แถมยัง มีการใช้งาน WordPress Control Panel ที่เป็นภาษาไทยด้วย
3. WordPress ดาวน์โหลดมาติดตั้งบนเว็บโฮลของเราได้อย่างง่ายดาย ใส่ลูกเล่นอะไรได้มากเพราะมีระบบส่วนเสริม หรือ plugin ให้เลือกใช้หลากหลายครับ
4. WordPress เป็นระบบ CMS ทีได้มีการจัดการเรื่องการโปรโมตหรือการทำ SEO ให้กับเว็บบล็อก เพราะมีเครื่องมือช่วยในลักษณะของ Plugin เพรียบเลือกใช้ตามความสะดวก ติดตั้งก็ง่ายอีกแหละ แตกไฟล์ FTP เข้าโฟลเดอร์ Plugin ปรับแต่งใช้งานจริงๆ
5. WordPress เป็นระบบ CMS ที่รองรับการใช้งาน Beautiful Url หรือการตั้ง Url ตามใจเรา ซึ่งเป็นผลดีกับ SEO อย่างมาก
6. WordPress มี WordPress Theme สวยๆ ให้เลือกมาใช้งานได้ฟรี ตามความต้องการ แต่ถ้าหากต้องการ Theme แบบ Professional กันหน่อยอาจจะต้องลงทุนซื้อมาใช้ครับ  แต่สำหรับผมแล้ว Theme ที่ให้ใช้งานได้ฟรีก็มีให้เราได้เลือกใช้กันอย่างหลากหลายแล้วครับ
7. WordPress มีระบบจัดการ WordPress Control Panel ที่ใช้ง่ายทำให้สามารถจัดการเว็บบล็อกได้อย่างมีประสิทธิภาพและได้ตามความต้องการ มีการจัดการ Theme Winget แบบคลิกๆ ลากๆก็สามารถใช้งานได้แล้วครับ
8. WordPress มีระบบจัดการการโพสอัตโนมัติ หรือที่เรียกว่า Timestamp ดังเวลาล่วงหน้า ย้อนหลัง โพสเอง หรือโพสผ่านเมลล์ยังได้อีก  สามารถเขียนโพสทิ้งไว้สัก 4-5 เรื่องเอาไว้ล่วงหน้าไว้ก่อนได้ครับ และตั้งเวลาในการโพสขึ้นหน้าเว็บ อย่างนี้เว็บเราก็จะดูเหมือนว่า Update ทุกวันไงครับ
9. WordPress สามารถเพิ่มข้อมูลอื่นๆ ซึ่งอาจจะอยู่ในรูปของไฟล์วีดีโอ ออดิโอ หรืออาจจะเป็น Gallery รูปภาพได้ง่ายๆเพียงติดตั้ง Plugin เพิ่มเข้าไป ก็สามรถใช้งานได้แล้วครับ
10. WordPress โครงสร้างการทำงานของ WordPress เป็นที่เข้าใจและชื่นชอบของ Web Search Engine โดยเฉพาะ Google ครับ
11. WordPress เป็นระบบ CMS มี่มีคนใช้เยอะครับและสิ่งที่ตามมาก็คือแหล่งข้อมูล แหล่งความรู้  สำหรับที่เป็นภาษาไทยก็เยอะเลยครับ
12. WordPress มีระบบ plugin ที่ใช้ทำ Google Adsense และ Amazon Associate หรือ Amazon Affiliate  จะได้หยิบมันขึ้นมาทำเงิน เหมือนที่มีใครต่อใครในบ้านเรากอบโกยเอาเงินจากทั้ง Google และ Amazon มาแล้วครับ

เดี๋ยวตอนหน้าเรามาเรียนวิธีติดตั้ง Wordpress กันครับ

WordPress เป็นโปรแกรมสำหรับทำบล็อก พัฒนาด้วยภาษา PHP และใช้งานร่วมกับฐานข้อมูล MySQL มีการใช้งานที่ง่าย มีความยืดหยุ่นสูง เป็นที่นิยมของบล็อกเกอร์ทั่วโลกรวมทั้งชาวไทยด้วยเช่นกัน มีผู้พัฒนาปลั๊กอิน และธีม (รูปแบบการแสดงผล) ให้เลือกใช้แบบฟรี ๆ อยู่เป็นจำนวนมาก

Wordpress ถือได้ว่าเป็น CMS ( Contents Management System ) ตัวหนึ่งที่มีความสามารถในการสร้างบล็อกโดยเฉพาะ โดยระบบการจัดการที่ง่ายสะดวกต่อการใช้งาน โดยมีความง่ายตั้งแต่การติดตั้ง จนกระทั่งการเขียน blog หรือการเปลี่ยนรูปแบบดีไซน์ หรือธีมของ blog ก็สามารถทำได้สะดวกง่ายดาย จึงเป็นที่นิยมอยู่ในขณะนี้ ซึ่ง wordpress นี้มีความสามารถในการทำ SEO ที่ดีเยี่ยม นอกจากนี้ Wordpress ยังได้แตกหน่อออกมาเป็น WordpressMU เพื่อให้ผู้ใช้งานสามารถนำไปใช้สร้างเว็บบล็อก เพื่อให้ผู้อื่นใช้งานได้อีกด้วย

WordPress ยังได้มีการพัฒนาระบบต่างๆ ( Plugin ) ที่ช่วยแต่งเติมสีสันของบล็อก ทั้งในส่วน gallery SEO ฟอร์มเมล์ ่รูปภาพต่างๆ เป็นต้นอีกด้วย

พัฒนาการของ Wordpress

WordPress นี้พัฒนาต่อยอดมาจาก b2\cafelog ที่พัฒนาโดย Michel Valdrighi และชื่อ WordPress นี้ก็ได้มาจากการแนะนำของ Christine Selleck ซึ่งเป็นเพื่อนกับหัวหน้าทีมพัฒนา นั่นคือ Matt Mullenweg โดยปรากฏโฉมครั้งแรกในปี 2546 ซึ่งเป็นความร่วมมือกันระหว่าง Matt Mullenweg และ Mike Little เพื่อที่จะสร้าง fork ของ b2

ในปี 2547 บริษัท Six Apart ผู้พัฒนา Moveable Type ได้มีการคิดค่าใช้งาน ทำให้ผู้ใช้หันมาใช้ WordPress กันเป็นจำนวนมาก

WordPress กับการใช้งานในปัจุบัน

ปัจจุบัน Worpress ก็ยังเป็น CMS ตัวหนึ่งที่มีความสามารถในการสร้างบล็อกโดยเฉพาะ ได้มีการนำเอา WordPress มาดัดแปลงเพื่อใช้ในการสร้า้งเว็บไซน์ ซึ่งเจ้า WordPress ก็เป็นที่ตอบโจทย์อย่างดีเยี่ยม มีการนำเอาประโยชน์จาก SEO จากระบบ Wordpress มาช่วยสร้างอันดับให้กับเว็บของเรา มีระบบ Upload ที่เป็น Tool เข้าช่วย ทำให้การ upload รูป หรือ media ต่างๆง่ายเพียงแค่ปลายนิ้ว มีระบบ Back end หรือ ระบบหลังบ้าน ที่ช่วยให้เราสามารถเข้าไปแก้ไขเนื้อหาภายในเว็บได้ตลอด ทำให้ช่วยลดเวลาในการเขียนลงอย่างมาก จึงเป็นทีชื่นชอบของเหล่านักเขียนเว็บเป็นอย่างมาก

แล้วอย่างนี้ควรใช้ Table เมื่อไหรดี

เราจะให้ table ก็ต่อเมื่อ เนื้อหาในเว็บไซน์มีการแสดงผลแบบเป็นแถว เป็นคอลัมน์ แบบเป็นตารางข้อมูล สถิติ คล้ายๆ เอกสารแบบ Excel การใช้ table ก็ยังสะดวกกว่าการใช้ div อย่างมาก

ตัวอย่างการเปรียบเทียบการการเขียนโครงสร้างแบบ Table Layout และ Tableless Layout

การเขียนโครงสร้างแบบ Table

<table width=”100%” >
<tr><td height=”86″>Banner + Logo</td></tr>
<tr><td height=”71″>Menu</td></tr>
<tr>
<td><table width=”100%”>
<tr>
<td height=”152″>Sidebar</td>
<td>Content</td>
</tr>
</table></td>
</tr>
</table>

การเขียนโครงสร้างแบบ Tableless

<div>
<div>Banner + logo</div>
<div>Menu</div>
<div>Sidebar</div>
<div>Content</div>
</div>

เริ่มจาก ยุคสมัยของ Table

ในช่วงนี้นั้น หลักการของ css ยังเป็นเรื่องแปลก ผู้คนยังไม่ค่อยจะรู้จักเท่าไหร่มากนัก การเขียนเว็บไซน์จึงใช้หลัก Table Layout คือ การเขียนโครงสร้างโดยใช้ table เป็นหลัก อยากได้อะไร ตรงไหน ก็สร้าง table ซ้อนทับขึ้นมาเรื่อยๆ หรืออาจกล่าวได้ว่า Table Layout นี้เป็นคำตอบเดียวที่จะสามารถจัดวางหน้าเว็บให้อยู่ถูกที่ ถูกทางตามที่ Designer ออกแบบมาให้ใกล้เคียงที่สุดและด้วยการช่วยเหลือของ Adobe Image Ready ด้วยแล้ว การตัดภาพออกมาก็ง่ายมากแค่กระดิกนิ้ว แถมยังบอกได้อีกว่า การสร้า้งเว็บสมัยนี้เป็นที่ชื่นชอบของเหล่า Designer เลยที่เดียว

เมื่อ Table ถูกลดความสำคัญลง

ความเปลี่ยนแปลงเริ่มเกิดขึ้น เมื่อ Google เข้ามามีบทบาทในกระแสของการทำเว็บไซน์ การเข้าถึงข้อมูลง่ายและรวดเร็ว เริ่มเป็นที่ติดปาก กระแส SEO หรือ Search engine optimization เริ่มเป็นที่ติดหู จะทำอย่างไรเพื่อที่จะทำเว็บให้ติดอันดับ “การค้นหาของ Google” ง่ายขึ้น วิธีการเขียนหน้าเว็บไซน์ จึงเริ่มเปลี่ยนไป ภาษา XHTML+CSS เริ่มถูกนำเข้ามาใช้ และ Table ถูกลดความสำคัญลงอย่างชัดเจน

ยุคสมัยของ CSS หรือ CSS2

แนวความคิดที่จะใช้โครงสร้าง Table ในการเขียนเว็บให้น้อยลง หลักการ Tableless Layout จึงเริ่มเข้ามา Tableless Layout คือ การใช้ table ให้น้อยลง แต่ไม่ใช่ว่าจะไม่ใช้เลย แต่ใช้เท่าที่จำเป็น ใช้ CSS เข้ามาเขียนโครงสร้างแทน Table แบบเดิมๆ ซึ่งการเขียนโครงส้รางแบบนี้ ทำให้บรรดา Search engine เช่น Google เข้าถึงข้อมูลได้ง่ายขึ้นและใช้เวลาโหลดหน้าเว็บรวดเร็วขึ้นด้วย

ยุคสมัยของ CSS ในอนาคต หรือ CSS3

ใน CSS2 นั้น จะใช้ Float ในการกำหนดโครงสร้างว่าจะอยู่ซ้ายหรือขวา แต่เจ้า CSS3 นั้นจะใช้หลักการของ ของ Selector ในการกำหนดโครงสร้างเข้ามาช่วย ซึ่งจะขอยกไปบทความถัดไปครับ

• Campaign Monitor – 30 FREE HTML Newsletter Templates
  ที่นี่มี web template ให้เลือกกว่า 30 แบบ ที่มีการทดสอบระบบทั้งจากตัวโปรแกรมส่งเมล์และจากเว็บมาแล้ว เช่น Outlook,Thunderbird และ Gmail มีระบบจัด template ซ้ายขวา แบบเดี่ยว หรือแบบคอลัมป์อีดด้วย

  

• Carbon Graffiti – 10 Free email marketing templates
  ดีไซน์เรียบง่ายด้วยโทนสีเดียว มี 10 email marketing ให้คุณเลือกใช้
  

• Aweber: – 5 Awesome Functional Newsletter Templates
  ดีไซน์สวยหรู ฟังชั่นสุดเริ่ด กับ 5 theme ไปลองใช้
  Download
• 

• Welcome
  เอาไว้สำหรับส่งเมื่อคุณมี member ใหม่เข้ามาในระบบ

  

  Blog Newsletter
  ถ้าคุณเป็นคนเขียน blog แล้วละก็ template นี้ไ่ม่ควรพลาด มันจะช่วยคุณ share ข้อมูลและอัพเดทต่างๆให้คนอ่านของคุณ
  

อ่านเพิ่มเติมได้ที่ hongkiat ครับ

ปัจจุบันการทำเว็ปเริ่มเปลี่ยนรูปแบบไปจากเดิมมากเหมือนกันครับ โดยคนเริ่มหันมาเรียนทำเว็บด้วย CSS กันแล้ว แล้ว CSS คืออะไร?

CSS ย่อมาจาก Cascading Style Sheets เป็นคำสั่งช่วยแสดงผลของ HTML ครับ ซึ่งมันจะช่วยแก้ปัญหาหลายอย่างที่เดิมเว็ปไซต์ต้องประสบ ไม่ว่าจะเป็นเรื่อง FONT เอย, เรื่องหน้าเอย ซึ่ง CSS จะช่วยแก้ปัญหาเหล่านี้ได้ครับ สำหรับข้อดีของการใช้ CSS แทนการทำเว็ปด้วยระบบเก่าๆ ผมได้น้ำบทความจากเว็บ Ic-seo.com มาให้อ่านกันครับ  เขียนได้สั้น กระชับ และเข้าใจง่ายดีครับ

——————————————————————-

ข้อดีของการใช้ CSS

1. การใช้ CSS ในการจัดรูปแบบการแสดงผล จะช่วยลดการใช้ภาษา HTML ในการตกแต่งเอกสารเว็บเพจ ทำให้ code ภายในเอกสาร HTML เหลือเพียงส่วนเนื้อหา ทำให้เข้าใจง่ายขึ้น การแก้ไขเอกสารทำได้ง่ายและรวดเร็ว

2. เมื่อ code ภายในเอกสาร HTML ลดลง ทำให้ขนาดไฟล์เล็กลง จึงดาวน์โหลดได้เร็ว และที่สำคัญ Google track keyword ได้เร็วกว่า Html  แบบ  table  มากๆ

3. สามารถกำหนดรูปแบบการแสดงผลจากคำสั่ง style sheet ชุดเดียวกัน ให้มีผลกับเอกสาร HTML ทั้งหน้า หรือทุกหน้าได้ ทำให้เวลาแก้ไขหรือปรับปรุงทำได้ง่าย ไม่ต้องไล่ตามแก้ที่ HTML tag ต่างๆ ทั่วทั้งเอกสาร

4. สามารถควบคุมการแสดงผลให้เหมือนกัน หรือใกล้เคียงกัน ได้ในหลาย Web Browser

5. สามารถกำหนดการแสดงผลในรูปแบบที่เหมาะกับสื่อชนิดต่างๆ ไม่ว่าจะเป็นการแสดงผลบนหน้าจอ, บนกระดาษเมื่อสั่งพิมพ์, บนมือถือ หรือบน PDA โดยที่เป็นเนื้อหาเดียวกัน

6. ทำให้เป็นเว็บไซต์ที่มีมาตรฐาน ปัจจุบันการใช้ attribute ของ HTML ตกแต่งเอกสารเว็บเพจ นั้นล้าสมัยแล้ว W3C แนะนำให้เราใช้ CSS แทน ดังนั้นหากเราใช้ CSS กับเอกสาร HTML ของเรา ก็จะทำให้เข้ากับเว็บเบราเซอร์ในอนาคตได้ดี

บทความโดย : Ic-seo.com