abxnet

คู่มือ wordpress

abxnet — Sun, 07 Aug 2011 01:54:54 +0000

คู่มือ wordpress นี้ ถูกเขียนขึ้นเพื่อเป็นแนวทางการใช้งาน wordpress.com แต่ในรายละเอียดแล้วสามารถนำมาประยุกต์ใช้กับ wordpress.orgได้อีกด้วย โดยเนื้อหาภายในประกอบด้วย 71 หน้า รายละเอียดตามสารบัญด้านล่าง

สารบัญ

WordPress.com คืออะไร

การสมัครเพื่อขอเข้าใช้งานบล็อก

การเข้าใช้งานบล็อก

การเปลี่ยนภาษา

การจัดการหน้าหลัก

- หน้าหลัก

- ในตอนนี้

- เขียนอย่างเร็ว

- ความคิดเห็นล่าสุด

- ลิงก์เข้า

- Your Stuff

- ฉบับร่างล่าสุด

- What’s Hot

การจัดการเรื่อง

- เรื่อง

- Posts

- เขียน/เพิ่มเรื่องใหม่

- การใส่รูปภาพ

- การใส่วีดีโอ

- การใส่เพลง

- ป้ายกากับ

- Categories

- เผยแพร่

การจัดการ Categories

- สร้างหมวดหมู่ใหม่

การจัดการ Link

- ลิงก์

- เพิ่มลิงก์ใหม่

- เพิ่มลิงก์หมวดหมู่

การจัดการหน้า

- Pages

- เพิ่มหน้าใหม่

การจัดการรูปแบบบล็อก

- Themes

- ส่วนหัว

การจัดการ Widget

- Widget

- Primary Widget Area

- รายการ Widgets

- ค้นหา

- เรื่องล่าสุด

- คลังเก็บ

- หมวดหมู่

- Meta

- Akismet

- Author Grid

- Authors

- Box.net file sharing

- Custom Menu

- Category Cloud

- Flickr

- Gravatar

- Image

- Meebo

- RSS

- RSS Links

- Tag Cloud

- Top Posts & Pages

- Twitter

- Vodpod Videos

- วิธีการสมัครสมาชิก Vodpod

- คลังเก็บ

- ความคิดเห็นล่าสุด

- รายการคลิกสูงสุด

- ปฏิทิน

- ลงทะเบียนบล็อก

- ลิงก์

- สถิติบล็อก

- หน้า

- เรื่องล่าสุด

- หมวดหมู่

- ข้อความ

การจัดการผู้ใช้

- การเพิ่มผู้ใช้ใหม่

- My Public Profile

การจัดการ Personal Settings

- ตัวเลือกส่วนตัว

- Account Details

การตั้งค่า

- ตั้งค่าทั่วไป

- ตั้งค่าการเขียน

- ตั้งค่าการอ่าน

- ตั้งค่าสนทนา

- การตั้งค่าสื่อ

- ตั้งค่าส่วนตัว

- E-mail Post Change

- Web Hooks

WordPress.com Plug In / Add On

- การนำภาพ Profile จาก Facebook มาใช้แทนภาพ Author/ผู้เขียน

- การนำภาพในอัลบั้มภาพจาก Facebook มาแสดงที่บล็อก

- การนำสมุดเยี่ยมจาก Slide.com มาใส่ในบล็อก

- การนำ Chatroll มาใช้กับบล็อก

- การใช้สัญญาอนุญาตกับบล็อก

- การนำ QR Code มาใช้กับบล็อก

สามารถดาวน์โหลดฟรีที่นี้ [คู่มือ-wordpress]

wordpress คืออะไร

abxnet — Sat, 06 Aug 2011 16:19:31 +0000

wordpress คือ CMS (Content Management System) รูปแบบหนึ่งที่ได้รับความนิยมมากในปัจจุบัน ที่จะช่วยทำให้การเขียนบล็อกของเรานั้นง่ายขึ้นอย่างคาดไม่ถึง wordpress เปรียบเสมือนโปรแกรมที่คอยช่วยจัดการบทความที่เราเขียนลงให้เป็นระบบ และแสดงผลออกมาสวยงาม

wordpress ถูกเขียนขึ้นด้วยภาษา php และ MySQL ซึ่งเป็นภาษาที่ใช้งานได้ฟรี เพียง hosting ของคุณสามารถรองรับ php 4.0 ขึ้นไป และ phpMySQL

wordpress สามารถดาวน์โหลดและใช้งานได้ฟรี โดยรูปแบบการใช้งานของ wordpress สามารถแบ่งออกได้เป็นแอบพิเคชั่น 3 รูปแบบ ดังนี้

1.wordpress.com
เป็นเวบบล็อกในรูปแแบของ wordpress ที่ให้เราเข้าไปใช้งานได้ฟรีๆ โดยสามารถเข้าไปสมัครได้ที่ http://wordpress.com/ การใช้งานก็เหมือนกับเขียนเว็บบล็อกฟรีทั่วไป โดยที่ชื่อโดเมนของคุณจะเป็นซับโดเมนของ wordpress ( yourname.wordpress.com) แต่ถ้าเราอยากใช้ชื่อโดเมนเป็นของตัวเอง ทางบล็อกเขามีเตรียมไว้ให้ แต่อาจต้องเสียค่าจดทะเบียนนิดหน่อย

2.wordpress.org
เป็นสคริปต์ wordpress ที่เราสามารถดาวน์โหลดไปติดตั้งได้ที่ hostng ของเราได้ฟรี โดยรูปจะคล้ายกับที่เราไปสมัครที่ http://wordpress.c om/ แต่บล็อก wordpress ที่เราติดตั้งเขาไปเอง จะมีอิสระในการตกแต่งมากกว่า เราสามารถลง ปลั๊กอินหรือธีมของบล็อกได้อย่างหลากเลย สามารถปรับแต่งในส่วนต่างๆได้ตามใจชอบ รวมทั้งพื้นที่ในการจัดเก็บก็มากเท่าที่เราต้องการ (หรือขึ้นอยู่กับพื้นที่ของ host) สามารถดาวน์โหลดได้ที่ http://wordpress.org/

3.wordpress mu
จะคล้ายกับ wordpress.org แต่สามารถปรับเปลี่ยนรูปให้สามารถให้ผู้อื่นเข้ามาลงทะเบียนเพื่อเขียนบล็อกกับเรา โดยบล็อกที่ผู้อื่นเข้ามาเขียนจะเป็นซับโดเมนของเรา

ข้อเปรียบเทียบระหว่าง wordpress.com กับ wordpress.org

ข้อมูล	wordpress.com	wordpress.org
พื้นที่	สูงสุด 3 GB	มากเท่าต้องการ
การติดตั้ง	ไม่ต้องติดตั้ง	ต้องติดตั้งเอง
โดเมน	เป็นซับโดเมนฟรี	ต้องลงทะเบียนชื่อเอง
การตกแต่ง	ไม่สามารถทำได้มาก	ปรับแต่งได้เท่าที่ต้องการ
การถูกยกเลิก	ทันทีที่ผิดกฎ	ไม่สามารถยกเลิก

ข้อดีของการใช้ wordpress
1.ติดตั้งง่าย
2.ใช้งานง่ายมาก ไม่มีความรู้เรื่องการภาษาทางเวบ ก็ยังใช้งานได้ง่าย
3.มีผลดีต่อ SEO มาก เพราะwordpress ขึ้นชื่อว่า google ชอบมาก
4.มีธีมให้เลือกมากมาย
5.สามารถพัฒนาต่อได้ง่าย

ความนิยมใน wordpress ทั่วโลก

wordpress คืออะไร ก็คงได้คำตอบไปคร่าวแล้ว แต่อยากได้คำตอบที่แท้จริงก็คงต้องบอกว่าให้ไปทดลองใช้งานดูครับ ซึ่งในเวบ http://abxnet.com/ ก็มีบทความสอนใช้งานไว้อย่างมากมาย

title tag ใน wordpress

abxnet — Sun, 31 Jul 2011 11:59:43 +0000

Title Tag คือ ข้อความที่แสดงบน title bar ของเวบ และยังมีประโยชน์อย่างมากสำหรับ SEO เพราะว่า title tag ที่เราใส่ลงไป ยังไปแสดงผลในหน้า search result ของ google

ใน wordpress ประกอบด้วยหลายหน้า แต่เราสามารถแทรกไฟล์ title tag ในส่วนของ header.php ใน ต่อจาก และข้างล่างนี้ก็เป็น โค้ดตัวอย่างที่ผมชอบใช้ ใน theme wordpress ที่ผมสร้าง


<?php if (function_exists('is_tag') && is_tag()) {
single_tag_title('Tag Archive for "'); echo '" - ';
} elseif (is_archive()) {
wp_title(''); echo ' Archive - ';
} elseif (is_search()) {
echo 'Search for "'.wp_specialchars($s).'" - ';
} elseif (!(is_404()) && (is_single()) || (is_page())) {
wp_title(''); echo ' - ';
} elseif (is_404()) {
echo 'Not Found - ';
}
if (is_home()) {
bloginfo('name'); echo ' - '; bloginfo('description');
} else {
bloginfo('name');
}
if ($paged > 1) {
echo ' - page '. $paged;
} ?>

meta element ใน wordpress theme

abxnet — Sun, 31 Jul 2011 10:48:22 +0000

tag ที่ต่อจาก ก็ต้องเป็น ซึ่งในส่วนนี้ก็ต้องใส่ เพื่อเป็นข้อมูลที่สำคัญของบล็อก และเป็นข้อมูลให้ browser รู้ว่าข้อความที่อยู่ในบล็อกเรา เป็น content ภาษาอะไร แทรกโค้ดข้างล่างนี้ต่อจาก DOCTYPE ใน ไฟล์ header.php

DOCTYPE ใน wordpress theme

abxnet — Sun, 31 Jul 2011 05:48:43 +0000

DOCTYPE คือ การประกาศว่าบล็อกนั้นสร้างขึ้นมาโดยยึดหลักตามมาตราฐานของอะไร ระหว่าง 2 มาตรฐาน คือ
- HTML
- XHTML
ทั้ง 2 มาตราฐาน จะมีการแบ่งการพัฒนาออกเป็นไปอีก 3 ประเภท คือ
1.Transitional

2.Strict

การระบุคุณสมบัติ ต้องกระทำผ่าน CSS เท่านั้น

3.Frameset

เมื่อเรามีการออกแบบโดยมีการใช้ Frame ในการแบ่งจอของ Browser

DOCTYPE ใน wordpress theme ใช้อย่างไร?

ส่วนใหญ่แล้ว DOCTYPE ใน wordpress theme จะใช้ แบบ XHTML > Strict ตามรูปแบบด้านล่างเลยครับ

ความหมาย และหน้าที่ของ wordpress theme ไฟล์

abxnet — Sun, 31 Jul 2011 03:12:51 +0000

เมื่อเราโหลดไฟล์ wordpress theme มาแล้วจะพบว่ามีไฟล์เยอะแยะมากมายเต็มไปหมด ซึ่งแต่ส่วนก็มีความสำคัญหรือหน้าที่ไม่เหมือนกันดังนี้

มาตรฐาน

พิเศษ

หลัก

ขยะ

404.php	แสดงหน้า Error page เมื่อเข้าเยี่ยมชมเ้ขาไปยังหน้าที่ไม่ปรากฎใน URL ของเวบ
archive.php	หน้าที่แสดง บทความ ในรูปแบบแบ่งตาม วัน เดือน ปี หมวดหมู่ ป้ายกำกับ หรือผู้แต่ง
archives.php	หน้าที่แสดง search form หมวดหมู่ บทความตามเดือนที่ลง หรืออื่นๆตามที่เรากำหนด
comments-popup.php	จะปรากฎ popup comment
comments.php	แสดงข้อมูลที่ผู้เยี่ยมเวบ แสดงความคิดเห็น pingback trackbacks และ comment form
footer.php	ใช้แสดงส่วนล่างของเวบ
functions.php	เก็บฟังก์ชันพิเศษสำหรับ theme
header.php	แสดงส่วนหัวของ page
image.php	แสดงหน้าที่เป็นรูปภาพ
images	Foder – เก็บรูปภาพ
index.php	เป็นหน้าหลักในส่วนของ homepage
links.php	แสดงหน้าพิเศษที่แสดง blogroll
page.php	แสดงหน้า หรือ page
rtl.css	เป็นไฟล์ CSS พิเศษ สำหรับเก็นโค้ด “right to left”
screenshot.png	เป็้นรูปภาพ thumbnail ของ theme
search.php	แสดงผลหรับจากการค้นหา
sidebar.php	เก็บโค้ด sidebar หรือส่วนด้านข้าง
single.php	แสดงบทความเดี่ยว
style.css	เก็บข้อมูล CSS

มาเปลี่ยนข้อมูล theme wordpress กันดีกว่า

abxnet — Sun, 31 Jul 2011 00:41:51 +0000

ในหน้า theme option จะปรากฎหน้าต่างของ theme wordpress มากมาย
ที่เราเลือกเอาไว้ ในแต่ละ theme ก็จะแสดงรายละเอียดเพื่อให้เราเลือกตัดสินใจ

ส่วนที่ 1. คือรูป screenshot สามารถดูวิธีเปลี่ยนได้ที่ screenshot
ส่วนที่ 2. เป็นรายละเอียดของ theme ประกอบด้วย
ชื่อ ชื่อผู้สร้าง รายละเอียด เวบไซต์
ส่วนที่ 3. แสดง path ของไฟล์
ส่วนที่ 4. แสดง tag ใช้ช่วยเวลาค้น theme ของเรา

เราจะเปลี่ยนข้อมูล theme wordpress ได้อย่างไร

1.ให้เราเปิดไฟล์ style.css แล้วนำโค้ดข้างนี้ไปแทรกไว้ที่ ส่วนบนของไฟล์ แล้วให้เราเปลี่ยนข้อมูลด้านล่างเป็นรายละเอียดของ theme เราที่ต้องการ

/*
Theme Name: Theme Name
Theme URI: http://abxnet.com/
Description: Your Deacription
Author: Your Name
Author URI: http://abxnet.com/
Tags: super, awesome, cool, sweet, potato nuggets
*/

ใส่ screenshot ให้ wordpress theme

abxnet — Sat, 30 Jul 2011 15:25:26 +0000

อีกวิธีที่สร้างความแตกต่างให้ wordpress theme ที่เราสร้างขึ้น ก็คือการใส่รูปภาพที่แสดงถึงความเป็นตัวตนของ theme ที่เราสร้าง ในเมนูที่ใช้สำหรับเลือก theme รูปแบบบล็อก > Theme เราจะเห็น theme มากมายที่เราได้เลือกเก็บไว้ ซึ่งสิ่งหนึ่งที่แสดงความแตกต่างก็คือภาพตัวอย่างของละ theme

เราจะใส่ screenshot ให้ wordpress theme ได้อย่างไร?

1.ก่อนอื่นเราก็ต้องเตรียมรูปภาพขนาดกว้างคูณยาว 300 * 225 px ที่เป็นนามสกุล .png แล้วตั้งชื่อเป็น screenshot.png

2.ก็อปปี้ไฟล์รูปภาพที่เราเตรียมไว้เอาไปใส่ไฟล์ theme ของเรา ได้เลย แค่นี้ก็เป็นเสร็จสิ้นแล้วครับ

เพิ่มปุ่ม google +1 ใน wordpress

abxnet — Wed, 27 Jul 2011 15:31:16 +0000

เครื่องใหม่ล่าสุด ที่ดูเหมือนคุ้นๆว่าไปคล้ายๆใครมา นั้นก็คือ google +1 ซึ่งตอนนี้ถือว่าเป็นที่นิยมมาก เวบไหนก็ต้องมีไว้ เมื่อผู้เข้าชมเวบ อ่านเวบของเราแล้วตกลงปลงใจชม เขาก็อยากที่จะกดให้คะแนนเราบ้าง

เราจะเพิ่มปุ่ม google +1 ใน wordpressได้อย่างไร?

1.ก่อนอื่นก็ต้องแทรกสคริปด้านล่างนี้ลงใน theme ของเราก่อน ซึ่งก็ต้องใส่ในส่วนของ footer ก่อน tag

2.เข้าไปออกแบบรูปแบบปุ่มกดของเราได้ที่ http://www.google.com/webmasters/+1/button/

3.เมื่อเราเสร็จแล้วเราจะได้โค้ดมาลักษณะคล้ายแบบนี้

<g:plusone size="tall" callback="plusone_vote">
g:plusone>


ให้เราเอาไปใส่ในส่วนที่ต้องการใน wordpress theme ของเรา



เครื่องมือสำหรับทำเวบ ด้วย wordress
abxnet — Wed, 27 Jul 2011 14:38:23 +0000

การทำเวบด้วย wordpress เราจะต้องจัดเตรียมอุปกรณ์ให้พร้อมก่อนที่เราจะเริ่มกัน เครื่องมือที่ผมรวบรวมจะเป็นเครื่องมือที่จำเป็น ดังนี้
1.คอมพิวเตอร์ และอินเตอร์เน็ต

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

การที่จะระบุรู้ว่าเวบของเราอยู่ที่ไหน ก็ต้องมีการตั้งชื่อ ซึ่งชื่อโดเมนเราต้องไปจดทะเบียนเพื่อขอแจ้งสิทธิ์ เอาไว้ แต่ในส่วนนี้อาจต้องมีการเสียค่าใช้จ่ายสำหรับ .com และ .net ส่วนถ้าใครไม่ซีเรียสกับนามสกุลมากนัก ก็แนะนำ http://co.cc/ จะดีกว่าสำหรับคนที่เริ่มต้น
3.โฮสติ้ง

เมื่อเรามีชื่อเราก็ต้องมีที่จัดเก็บไฟล์เวบ wordpress ของเรา โฮสติ้งก็คือบริการในการจัดเก็บพื้นที่ไฟล์ของเวบเรา ตอนนี้ก็มีบริการหลายเว็บในประเทศไทย ลองค้นหาใน google เอา
4.โปรแกรมแก้ไขโค้ด

บางครั้งในการทำเวบไซต์หรือแม้กระทั่งการใช้งาน CMS ก็จำเป็นต้องมีการแก้ไขโค้ดบางช่วงบางตอนเพื่อให้สอดคล้องกับที่เราต้องการ  โปรแกรมแก้ไขโค้ดก็จำเป็น ผมเลือกใช้ notepad++  สามารถดาวน์โหลดได้ฟรีที่ http://notepad-plus-plus.org/download/v5.9.3.html
5.โปรแกรม FTP

โปรแกรมที่ช่วยเราย้ายข้อมูลจากเครื่องของเราไปยังโฮสติ้งปลายทาง ผมเลือกใช้ FileZilla สามารถดาวน์โหลดได้ฟรีที่ http://filezilla-project.org/
นี้ก็เป็นเครื่องมือเบื้องต้นสำหรับใช้งาน CMS wordpress