thaiall logomy background เวิร์ดเพรส (Wordpress) คือ บล็อกและเว็บไซต์
my town
wordpress

เวิร์ดเพรส (Wordpress) คือ บล็อกและเว็บไซต์

เวิร์ดเพรส คือ ชุดสคริปต์หรือเครื่องมือสำหรับเปิดบริการชุมชนบล็อก หรือชุมชนนักเขียนบันทึก รองรับผู้ใช้ได้หลายคน สามารถแยกหัวเรื่องตามกลุ่ม ตามแท็ก ตามผู้เขียน เป็นระบบที่ได้รับความนิยมสูงสุด
Blog | BlogACLA | สร้างเพจด้วย WP | Woo1 | Woo2 | Training | การเขียน plugin | neve | นิสิตพยาบาล
Blog
Blog คือ สมุดบันทึกแบบเว็บไซต์ เพื่อบอกเล่าเรื่องราว หรือสิ่งที่เกิดขึ้นในชีวิตประจำวัน รวมถึงแสดงความคิดเห็น บทวิจารณ์ ข่าวสารบ้านเมือง สังคม ส่วนตัว หรืออื่น ๆ ที่เจ้าของให้ความสนใจ รวมถึงการเปิดให้ผู้เยี่ยมชม แสดงความคิดเห็นต่อหัวข้อต่าง ๆ
Blog คือ แหล่งสำหรับแลกเปลี่ยนข้อมูล และเผยแพร่ข่าวสาร บนเว็บไซต์ที่ประกอบด้วยข้อมูลที่ไม่จำเป็นต้องต่อเนื่อง แสดงข้อมูลตามลำดับเวลาแบบมาหลังแสดงก่อน ทำให้เรื่องล่าสุดแสดงให้เห็นเป็นเรื่องแรก #
ปีค.ศ.1997 (พ.ศ.2540) คำว่า Blog มาจากคำว่า Web Log เริ่มถูกใช้โดย Jorn Barger และถูกบันทึกใน Oxford English Dictionary ในปีค.ศ.2003 (พ.ศ.2546) ซึ่งเป็นรูปแบบหนึ่ง ของบริการในเว็บไซต์ที่กำลังได้รับความนิยม สำหรับนักคิด นักเขียนรุ่นใหม่

ตัวอย่างเว็บบล็อก
77kaoded.com
siamtips.blogspot.com
promote_travel_by_blog [pptx]
กลุ่มเวิร์ดเพรส
กลุ่ม ชมรม คนทำเวิร์ดเพรส (16K)
กลุ่ม Wordpress Bangkok (24K)
กลุ่ม WP Freelancers & Developers (95K)
เวิร์ดเพรส (Wordpress) คืออะไร
Wordpress คือ ชุดสคริปต์หรือเครื่องมือสำหรับเปิดบริการชุมชนบล็อก (Community Blog) หรือชุมชนนักเขียนบันทึก รองรับผู้ใช้ได้หลายคน สามารถแยกหัวเรื่อง ตามกลุ่ม (Categories) ตามแท็ก (Tag) ตามผู้เขียน (Author) เป็นระบบที่ได้รับความนิยมสูงสุด ซึ่งเวิร์ดเพรสเป็นเครื่องมือหนึ่งในการจัดการความรู้ระหว่างตัวคนกับชุมชน
http://www.simplyhired.com/a/jobtrends/trend/q-wordpress,drupal,plone,dotnetnuke,phpbb,+joomla
เปรียบเทียบ CMS drupal.org/node/18834
วิเคราะห์ CMS wiki.nectec.or.th
หัวข้อที่น่าสนใจ
- เรียนรู้การใช้บริการ wordpress.com
- ตั้งค่าเป็น บล็อก หรือ เว็บเพจหน้าแรก
รวมภาพขั้นตอน การใช้งาน wordpress.com เพื่อให้นิสิตสามารถทำงานที่มอบหมายตามคำแนะนำ นั่นคือ สร้างโฮมเพจของตนเอง โดยกำหนดให้มีการค้นคว้า และสรุปข้อมูล แล้วนำมาจัดทำ page เพื่อบอกเล่าเรื่องราวอย่างเป็นระบบ
- สร้างโพสต์แรก หรือ เว็บเพจแรก - ติดตั้ง Wordpress ใน Localhost ของตนเอง
- เลือก และเปลี่ยน template เช่น neve
- เขียน plugin
ดาวน์โหลด (Download)
wp/download
wp/plugins
wp/themes
รหัสต้นฉบับ+ฟังก์ชัน
Akismet
ปลั๊กอินช่วยกลั่นกรอง Spam ลดปัญหาการจัดการขยะโดยผู้ดูแลระบบเอง มาพร้อมระบบรายงาน เลือกใช้ฟรีได้
อ่านเพิ่มเติม
ขั้นตอนการติดตั้ง wordpress รุ่น 5.5.1
FB Album / FB - โน๊ตสุดท้าย
Woocommerce บน WP
Slide : 1, 2, 3, 72, 73

wp551
woocommerce1
woocommerce2
ารติดตั้ง wordpress รุ่น 5.5.1 นั้น เริ่มต้นจากการ download : wordpress รุ่น 5.5.1 จากเว็บไซต์ wordpress.org แบบ .zip แล้ว unzip เข้าห้อง xampp \ htdocs \ wordpress จากนั้น start บริการทั้ง apache และ mysql ซึ่งใช้โปรแกรม xampp7 ที่มีโปรแกรม apache 2.0, php 7.2.26 และ mysql 5.0.12 แล้วเปิด http:// localhost / wordpress เพื่อเริ่มการติดตั้ง installation แต่พบว่ายังไม่มี database จึงต้องออกไป แล้วเปิด phpmyadmin เพื่อเข้าไปสร้าง database ชื่อ wordpress แล้วกลับไปขั้นตอนการติดตั้งผ่าน browser อีกครั้ง จนแล้วเสร็จ จากนั้นเข้า localhost / wordpress / wp-admin เพื่อบริหารจัดการ site เริ่มต้นให้ความสนใจกับการเข้า Homepage Settings แล้วเลือก A static page แทน Your latest posts แล้วเข้าจัดการ block และ media ใน page การสร้าง gallery อย่างง่าย มองส่วนของ featured image , footer และ menu ต่าง ๆ ชวนมอง Plugins ประกอบด้วยการอัพเดทกรณีล้าสมัย และการติดตั้งเพิ่มใหม่อีกมากมาย จากนั้นเข้า Appearance, Themes ปัจจุบัน Active Theme = Twenty Twenty สามารถเปลี่ยนเป็น Twenty Seventeen หรือ download theme = Oceanwp แล้วจบ slide ด้วยการจัดการ page เพื่อให้เชื่อมโยงหน้าต่าง ๆ ได้ และหน้าจอภาพชุด wp551 นี้ ใช้โปรแกรม opera browser ที่มีบริการ snapshot ช่วยจับหน้าจอได้ง่าย
Woocommerce คือ plugin ที่นำมาติดตั้งบน Wordpress กับ Theme ที่รองรับ plugin นี้ แล้วเปิดให้บริการระบบอีคอมเมอร์ซ (e-commerce) ได้โดยง่าย จากการเตรียมสไลด์ไว้แบ่งปัน พบว่า สามารถเพิ่มสินค้าใหม่ กำหนดระบบชำระเงินแบบเก็บเงินปลายทาง (COD = Cash on delivery) รองรับทั้ง 2 กลุ่ม คือ กลุ่มลูกค้าที่เป็นสมาชิกของระบบ หรือกลุ่มที่ยังไม่เป็นสมาชิก ให้สามารถใช้งานระบบตะกร้า และกดสั่งซื้อส่งข้อมูลให้ผู้ขายได้ ผู้ขายสามารถจัดการกับ order และเปลี่ยนสถานะได้ 3 แบบ ได้แก่ processing, on-hold, completed และมีระบบรายงาน แล้วยังสั่งซื้อ extension script เพิ่มเติมจากผู้ให้บริการได้ เช่น Subscriptions, Booksings, Memberships, Product Search ได้
[Keyword : demo - Wordpressdemosite@551]
บันทึกประสบการณ์กับ Wordpress
  1. สิ่งที่พบใน Dashboard
    ถ้าเข้าระบบในฐานะ admin จะพบตัวเลือกทางซ้าย 10 หัวข้อ ได้แก่ Posts, Media, Links, Pages, Comments, Appearance, Plugins, Users, Tools, Settings
  2. แก้ไข Default Theme
    เว็บเพจหน้าแรกของ Wordpress จะพบกลุ่มตัวเลือกทางขวาของ Default Theme ประกอบด้วย 5 กลุ่ม ได้แก่ Pages, Archives, Categories, Blogroll, Meta
    1) กลุ่ม Pages มีให้เจ้าของชุมชนสร้างเว็บเพจใหม่ผ่าน wordpress แต่สำหรับผมไม่ใช้บริการนี้ จึงลบ Page ที่ชื่อว่า About มีผลให้กลุ่มนี้หายไปไม่แสดงที่หน้าแรกอีก แต่ถ้าจะสร้างเพจเพิ่มก็สามารถทำได้ เช่น Contact หรือ Products เป็นต้น
    2) กลุ่ม Blogroll คือการรวม Links น่าจะเปลี่ยนชื่อจาก Blogroll เป็น Website Guides จะได้เข้าใจง่าย
  3. ติดอาวุธให้ Wordpress
    แก้ไขการแสดงผลให้เปิดแฟ้ม style.css, header.php และ footer.php ตัวอย่างเหตุผลที่ต้องแก้ไขแฟ้มดังกล่าว เช่น เพิ่ม Google Adsense, Truehits.net หรือปรับขนาด Header การแก้ไขสามารถทำผ่าน admin Dashboard, Appearance, Editor แล้วเลือกแก้ไขแฟ้มได้
  4. ประกาศ URL ให้โลกได้รับรู้
    แก้ไข Settings, Permalinks เพื่อให้เรียกชื่อ Author ผ่าน URL เช่น ครูสามารถบอก URL แก่นักเรียนในการเข้าถึง Blog ของครูโดยตรงได้ แต่ควรติดตั้ง Wordpress บน Apache เพราะใช้กับ IIS แล้วมีปัญหา โดยแก้ไขในช่อง Custom Structure เป็น /%author%/%post_id%/ แล้วใช้ editor แก้แฟ้ม Main Index Template (index.php) เพื่อเพิ่มชื่อผู้เขียนใน Blog เปลี่ยนจาก <?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --> เป็น <?php the_time('F jS, Y') ?> by <a href=<?php the_author_login() ?>><?php the_author() ?></a>
    ? ถ้า Permalinks ไม่ทำงานบน Apache เป็นไปได้ว่า httpd.conf ไม่ได้ config ให้เปิด mod_rewrite ก็เพียงแต่เปิดแฟ้ม httpd.conf แล้วเอา # หน้าคำว่า mod_rewrite ออก แล้วก็สั่ง restart apache ด้วยการเข้า services.msc แล้ว restart apache 2.2 .. ผมพบปัญหานี้ใน Appserv บางรุ่น
  5. แก้ไข Side Bar
    เมนูด้านขวาเรียกว่า Side Bar หากต้องการลบ หรือเพิ่ม Link ให้กับ Meta ให้เปิดแฟ้ม slidebar.php มาลบ link ออกได้เลย ถ้าแก้ผ่าน Dashboard ก็เลือก Appearance, Editor แล้วเลือกแฟ้มมาแก้ไข
  6. เปลี่ยนภาพ Background
    สำหรับภาพในส่วนของ Header สามารถหาภาพใหม่มาแทนภาพเดิมใน
    wp-content/themes/default/images/kubrickheader.jpg (760 * 200)
  7. กำหนด smtp ใหม่
    ในกรณีที่ web server ไม่ใช่ mail server และต้องการให้มีการติดต่อผ่าน e-mail ผ่านเครื่องบริการ จะต้องแก้ไข php.ini ให้ smtp ชี้ไปยัง mail server ที่ให้บริการ
  8. เปิด Port 80 และ 3306 ก็เพียงพอสำหรับ Wordpress
    เครื่องบริการ web server ถูก hack และ virus บ่อย ผมใช้ firewall ของ windows ที่มีอยู่แล้ว โดยเปิดให้เฉพาะ Port 80 ซึ่ง wordpress ก็ทำงานปกติ แต่ถ้าในเครื่องใช้ MySQL ก็ต้องเปิด Port 3306 ด้วย
  9. Plug In : การกรอง Spam
    Akismet คือ ปลั๊กอิน (plug in) ช่วยกลั่นกรอง Spam เมื่อเข้าระบบในฐานะผู้ดูแลให้เลือก Plugins, Add new, ค้น "akismet" เมื่อพบก็ต้องเลือกว่าจะ Update now กรณีลงนานแล้ว หรือ Install now กรณีไม่เคยลง ซึ่งมี plug in ของ automattic.com หลาย ตัวน่าสนใจ ไปเลือกมาติดตั้งได้ เมื่อติดตั้ง (install) แล้ว ดำเนินการตามขั้นตอนทั้ง 5 ดังนี้ 1) Activate : Akismet 2) ขอ API Key ใน wordpress.org เลือก การจ่ายแบบ $0 ต่อปีได้ ถ้าเข้า 3 เงื่อนไขนี้ I don’t have ads on my site. I don’t sell products/services on my site. I don’t promote a business on my site. ก็จะ subscription สำเร็จ แล้วจะส่งไปที่ e-mail 3) พบ Activate Code ใน E-mail ให้ Click เพื่อรับ E-mail ฉบับที่สอง ซึ่งมี API Key 4) เข้า Dashboard, Plugins, Akismet Configuration กรอก API Key แล้วกด Update Options 5) พบตัวเลือก Dashboard, Akismet Stats สำหรับตรวจจำนวน Spam ที่จัดการได้
  10. Plug In : Wordpress Stats
    ระบบสถิติการใช้บริการบล็อก ของ wordpress.org การใช้งานต้องใช้ API Key ที่ลงทะเบียนกับ wordpress.org ซึ่งฐานข้อมูลจะเก็บใน wordpress.org เป็นระบบที่ไม่เปิดเผยข้อมูลสถิติให้คนทั่วไป แต่เพิ่มผู้ใช้เข้าไปดูสถิติได้
  11. Plug In : Wordpress Page Numbers
    Page Numbers พัฒนาโดย jenst.se มี 4 ขั้นตอน ดังนี้ 1) Upload ทั้ง folder ของ Script ที่ download มาแล้ว เข้าไปในห้อง plugins 2) เข้าห้อง wp-content/ themes/ default/ เพื่อแก้แฟ้ม archive.php, index.php, search.php ในคำว่า next_posts_link() และ previous_posts_link() ให้เป็น <code> <?php if( function_exists('wp_page_numbers')) { wp_page_numbers(); } ?> </code> 3) แก้ไข Plugins เลือก Activate WP Page Numbers 4) เข้าตัวเลือก (Settings), Page Numbers 5) กรณีใช้ WP รุ่นใหม่ อาทิ 3.5.1 ก็จะหา previous_posts_link() ไม่พบ ก็แทรก <code> .. </code> เข้าไประหว่าง <!-- #content --> และ <!-- #primary --> ได้เลย
  12. Plug In : WP-DB-Backup
    การติดตั้งแบบคลิ๊กผ่านระบบ admin ของ wordpress : wp-admin, Plugins, Add New, "WP-DB-Backup" Search Plugins, WP-DB-Backup by Austin Matzko was founded, Install Now, goto Plugins, Activate, Tools, Backup
    download :: การติดตั้ง มี 3 ขั้นตอน ดังนี้ 1) คัดลอก folder : wp-db-backup ไปไว้ใน /wp-content/plugins/ 2) เปลี่ยนสิทธิ์ของ /wp-content ให้เป็นแบบเขียนได้ เพื่อสร้าง /wp-content/backup-* สำหรับเก็บข้อมูล 3) สั่ง Activate plugin ใน Admin -> Plugins -> Installed
    การสำรองข้อมูล
    1) Tools -> Backup จะมีให้เลือก 3 แบบ คือ
    1.1 Save to server ( ... )
    เลือก Exclude spam comments และ Exclude post revisions
    1.2 Download to your computer
    1.3 Email backup to: ...
    แล้วกด Backup Now!
    2) extract แฟ้ม .gz แล้วได้แฟ้ม .sql
    ภาษาที่ได้เป็น UTF8 ต้องใช้ Notepad++ เปลี่ยน encoding จึงจะอ่านออก
    3) เปิดด้วย word2003, conversion เป็น Unicode(UTF-8)
    4) save as .., Windows(Default)
    5) เมื่อเปิดด้วย editplus จะอ่านภาษาไทยออก
    6) สั่ง Replace url เมื่อย้ายข้อมูลไปวางใน server ใหม่
    เดิม http://www.yourwebsite.com/blog
    ใหม่ http://127.0.0.1/wordpress
    7) ลบข้อมูล wp_users และ wp_usermeta ที่สำรองมา เพราะของเดิมมีอยู่
    8) เมื่อ import ด้วย phpmyadmin ในเครื่องบริการใหม่ ให้กำหนด character set เป็น UTF8
  13. Plug In : WP-Avatar
    download | การติดตั้ง มี ขั้นตอน ดังนี้ 1) คัดลอก folder : wp-gravatar ไปไว้ใน /wp-content/plugins/ 2) สั่ง Activate plugin ใน Admin -> Plugins -> Installed 3) Admin -> Gravatar -> Author Profile Box
    3.1 Check: Place an about (the author box) ..
    3.2 Check: Place the about box before the post ..
    3.3 Check: Link to author archive
    3.4 แก้ไขข้อความใน Text ที่แสดงข้างภาพ
    3.5 แก้คำว่า Read more from this author เป็น มีอีก
    3.6 Check: Widgets, Use the Author Profile
    3.7 เปลี่ยน Page Link จาก about เป็น / เพื่อ link กลับหน้า blog
    4) Admin -> Appearance -> Widgets
    4.1 ย้าย tab Author Profile ไปไว้ใต้ Slidebar1 ทางขวา
    4.2 แก้ข้อความ Biographical Info จะเปลี่ยนข้อความข้างภาพ บนขวา
    5) แก้ไข gravatars_php.txt
    line: 950 $s.= "<a href='/author/";
    เป็น $s.= "<br><a href='/blog/";
    line: 951 $s.= $author;
    เป็น $s.= get_the_author_login();
    line: 953 $s.= $gravatar_author_archive_link;
    เป็น $s.= $author;
  14. เพิ่มชื่อผู้เขียน ตำแหน่งเว็บไซต์ และโปรไฟร์ ใต้ header
    แก้ไขแฟ้ม archive.php เพิ่มคำสั่งต่อไปนี้ใต้บรรทัดแรกนี้
    <div id="content" class="narrowcolumn" role="main">
    <?
    if(isset($_GET['author_name'])) :
    $curauth = get_userdatabylogin($author_name);
    else :
    $curauth = get_userdata(intval($author));
    endif;
    ?><table bgcolor="#dddddd"><tr><td><b>About:</b>
    <? echo $curauth->nickname; ?>
    <? if (strlen($curauth->user_url) > 8) { ?>
    <tr><td><b>About:</b> <? echo $curauth->display_name; ?><br />
    <b>Website:</b> <a href="<? echo $curauth->user_url; ?>">
    <? echo $curauth->user_url; ?></a><? } ?>
    <? if (strlen($curauth->user_description) > 5) { ?>
    <br><b>Profile:</b> <?php echo $curauth->user_description; ?>
    <? } ?></td></tr></table>

    รหัสชุดนี้ผมไม่ได้ใช้ เพราะใน thaiall.com/blog ส่วนใหญ่ผมเขียนคนเดียว
  15. เพิ่ม plug-in dm-albums ใน wordpress ซึ่งเป็นระบบ Photo Gallery ที่ขับเคลื่อนด้วย Flash แล้วไม่มี ลิงค์ให้เปิดภาพไปใช้ หรือ Save As จึงเปิด Script ชื่อ album.php มาแก้ไขบรรทัดประมาณ 693
    เดิม document.getElementById ...... ถึง anchor_close;
    ใหม่ เพิ่ม + "<hr><a target=_blank href='php/image.php?image=" + image + "&width=" + width + "'>open</a>"; ต่อจาก anchor_close
  16. ส่ง blog เข้าร่วมจัดอันดับในเว็บไซต์ต่าง ๆ
    ถ้าสนใจก็เข้าไปสมัครใช้บริการฟรี แล้วนำ code มาแปะใน footer.php
    + topblogarea.com
    + blogcounter.com
    + blogtoplist.com
    + blogrankings.com
    + truehits.net
    + stats.in.th
    ! topofblogs.com
  17. คำสำคัญ ที่กำหนดใน permalinks ส่วน tag base เป็น %3ftag%3d
    หรือ ?tag= นั้นใช้ไม่ได้ใน wp 3.0.2 (เดิมใช้ได้)
    อังกฤษเรียกได้ แต่ภาษาไทย พบ error แบบ Bad Request
  18. เติม google adsense ใน single page
    - เปลี่ยน widecolumn เป็น narrowcolumn
    - เพิ่ม code ก่อนเรียก get_footer() ในบรรทัดสุดท้าย
เพิ่ม code ข้างล่างนี้
<div id="sidebar" role="complementary">
<ul><li id="text-4" class="widget widget_text">			
<div class="textwidget"><script type="text/javascript"><!--
..
..
adsense here
..
..
</script></div>
</li></ul>
</div>
blog_composing.pptx
การโยกย้าย Wordpress ไปยังเครื่องบริการอีกเครื่องหนึ่ง ยกย้าย เป็นงานที่ต้องทำอยู่ประจำ เพื่อย้ายงานจากเครื่อง development server ไปยังเครื่อง production server จึงอยากจะเล่าประสบการณ์เรื่องการย้าย Wordpress ว่า เริ่มต้นจากการติดตั้ง Wordpress + Woocommerce บนเครื่อง development server จากนั้นก็ export database ไปเก็บในแฟ้ม .sql เพื่อจะย้ายออกไปต่างเครื่องที่เป็น production server ได้ง่าย จากนั้นคัดลอกแฟ้มทั้งหมดในห้อง wordpress เก็บเป็น .rar ซึ่งมี 3 folder หลักที่สำคัญ ได้แก่ wp-admin, wp-content, wp-includes และแฟ้มอีกจำนวนหนึ่ง เช่น wp-config.php ที่ถูกสร้างขึ้นขณะที่มีการติดตั้งระบบ เมื่อนำแฟ้ม .sql และ .rar ไปไว้ในเครื่อง production server ก็นำไปติดตั้งในตำแหน่งเดิม ๆ ที่เคยอยู่ ในส่วนของ script นั้นนำไปวางในห้อง wordpress ได้ แต่ถ้าเปลี่ยน hostname , database , user , password ก็ต้องแก้ไขใน wp-config.php ให้เรียบร้อย เช่น define( 'DB_NAME', 'wordpress' ); define( 'DB_USER', 'root' ); define( 'DB_PASSWORD', '' ); define( 'DB_HOST', 'localhost' ); แล้วทดสอบเปิด http://localhost / wordpress หรือ http://localhost / wordpress / shop ได้เลย ในส่วนของ database สามารถนำข้อมูลเข้าโดยใช้คำสั่ง C:\> mysql -u root -p wordpress < script.sql ได้
wp551_woocommerce461_database.rar
wp551_woocommerce461_scripts.rar
[Keyword : demo - Wordpressdemosite@551]
การเชื่อมโยงของ เอกสาร ผู้ใช้ และกลุ่มเรื่อง ทำความเข้าใจก่อนสำรองเวิร์ดเพรส (Before Backup)
1. สคริปต์โปรแกรม (Core Installation)
2. เพิ่มโปรแกรม (Plugins)
3. รูปแบบ (Themes)
4. ภาพและแฟ้ม (Images and Files)
5. ปรับแก้ไข (JS, PHP & others)
6. เว็บเพจที่เพิ่ม (Additional Files & Pages)
สำรองข้อมูล # | กู้ฐานข้อมูล
แหล่งดาวน์โหลดฟรีธีม (Free theme)
Themes #
Hypermart รองรับ
Godaddy รองรับ
Bluehost รองรับ
การจัดการ blog
Topofblogs ปฏิเสธให้บริการ thaiall.com/blog พบว่า topofblogs.com ปฏิเสธ blog ของ thaiall.com นี่คือภาพตัวอย่างที่ถูกแทนที่ mini banner
คัดลอกฐานข้อมูลใน MySQL ไปติดตั้งในเครื่องอื่น
1. ใช้ phpmyadmin backup ข้อมูลจากเครื่องแม่
2. นำแฟ้ม .sql ไป restore ในเครื่องลูก
3. เปิดตาราง wp_options เพื่อแก้ค่า config
4. แก้ค่า siteurl, home, upload_path
เช่น wp-content/uploads
5. เปลี่ยนรหัสผ่านในตาราง wp_users
- click แก้ไข user ที่ต้องการ
- กำหนด Function=MD5 แล้วพิมพ์รหัสผ่านใน Value
6. user ใดไม่ใช้จากการคัดลอก DB ก็ควรลบ
บล็อกจาก thaiall.com Twenty Eleven Theme Options
คำว่า theme คือชุดรูปแบบ ที่ทำให้เราเลือกรูปแบบ หรือเปลี่ยนชุดรูปแบบของเว็บไซต์ได้โดยง่าย ตัวอย่างนี้เป็น Theme ของ Wordpress ซึ่งเป็นระบบ Web log หรือ Blog สำหรับตัวอย่างเว็บไซต์ระดับประเทศที่ใช้งานระบบนี้คือ thumbsup.in.th แต่หน้าตาจะต่างกันไป เพราะพัฒนาต่อยอด เพิ่ม plug-in เพิ่มเนื้อหา โดยทีมงานขั้นหัวกระทิ ทำให้สามารถใช้เครื่องมือนี้ ต่อยอดความคิดให้เกิดพลังได้เป็นที่ประจักษ์
http://www.thaiall.com/wordpress
facebook.com
Upgrade to new version
Wordpress มีการพัฒนาตั้ง core และ plug-in ตลอดเวลา และ upgrade ผ่านระบบ admin โดยง่าย ทำให้เชื่อมั่นได้ว่า script ที่เราใช้อยู่จะมีการพัฒนาอย่างต่อเนื่อง หาก webserver, interpreter หรือ database เปลี่ยน ก็ยังใช้งานได้อยู่ ปัจจุบันมี plug-in จำนวนมาก ที่สามารถนำมาใช้ได้ทันที และส่วนใหญ่ไม่มีค่าใช้จ่าย ตัวอย่าง theme ที่มีค่าใช้จ่ายคือ wp-clear ของ solostream.com มี demo ที่ http://wp-clear-new.solostreamsites.com/
facebook.com
ห้อง Uploads กำหนดไม่ให้ส่งแฟ้มเข้าไป Upload ไม่เข้า แจ้งว่า permission ของ directory มีปัญหา เหตุเกิดโดยไม่ทราบสาเหตุทั้งที่ปกติก็ใช้งานได้ พบว่าค่าของตัวแปร Store uploads in this folder เปลี่ยนไป เมื่อแก้ค่าเป็น wp-content/uploads ก็ใช้งานได้ปกติ โดยเปลี่ยนจาก 755 เป็น 777
เปลี่ยน background ปลี่ยน background โดยใช้ภาพที่สร้างขึ้น แก้ไข wp-content/themes/default/style.css เปลี่ยนชื่อภาพ และเพิ่ม fixed no-repeat ใน body tag
Sharethis.com
#เล่าสู่กันฟัง 62-290 การเพิ่ม sharethis ใน footer.php ของ wp
30 ธ.ค.62 พบว่า sharethis.com พัฒนาบริการให้สมบูรณ์ขึ้น ประกอบกับ 1 ส.ค.61 บริการ facebook ไม่บริการ api ให้ tweet ส่งโพสต์อัตโนมัติไป facebook ส่วน facebook เองก็สนับสนุนส่งโพสต์อัตโนมัติไปสื่อสังคมอื่นที่เป็นคู่แข่งก็อาจลดลงในอนาคต ยกเว้น instagram ที่มีเจ้าของเดียวกัน เพื่อเพิ่มบริการ share post ให้ wordpress จึงเข้าไปขอใช้บริการจาก sharethis.com เลือกปุ่มสำหรับ share page จำนวน 5 ปุ่ม (ตามชอบ) แล้วนำ code จากทั้ง 2 ส่วนไปวางใน footer.php ก่อนบรรทัดเรียก function wp_footer(); ของ wordpress ผ่าน menu, appearance, theme editor พบว่าเมื่อเปิดการแก้ไข theme editor มีการแจ้งเตือนว่า ถ้าแก้ไขโค้ดอาจทำให้ผลการเปลี่ยนแปลงหายไปในอนาคต หากมีการอัพเดทรุ่น wordpress หรือเปลี่ยน theme ใหม่
ขั้นตอนการเพิ่ม sharethis.com เข้า footer.php ดังนี้
1. เริ่มจากใช้บัญชี facebook หรือ google หรือ email เข้าระบบ
2. สามารถเลือก inline share buttons เพื่อนำไปวางใน right menu ของ wordpress
3. คัดลอก div จากหน้า inline share buttons
4. คัดลอก script จากหน้า settings
5. รวม code จากข้อ 3 และ 4 ไปวางใน webpage footer.php
บล็อกจาก thaiall.com การปรับโปรแกรม dm-albums ให้ใช้เป็น album ได้อย่างปลอดภัย
10 ก.ค.53 โปรแกรม dm-albums ซึ่งเป็น plugin ของ wordpress เป็นระบบ Album ที่ดี และช่วยในการทำ Album ตามชื่อ Folder ได้อัตโนมัติทันที โดยเรียกผ่าน URL แต่ความสามารถนี้เสมือนการ Hack เข้าไปในระบบที่ไม่มีการป้องกัน นอกจากจะเปิด Folder แล้วยังสร้างห้อง .cache สำหรับเก็บ Thumbnail และ สร้างแฟ้ม browse.cap สำหรับบันทึก Caption ของแต่ละภาพ
ในกรณีไม่ต้องการใช้ dm-albums กับ wordpress แต่ต้องการใช้เป็นระบบ Album กับชื่อ Folder โดยตรงสามารถปรับแก้ดังนี้
1. deactive plugin ใน wordpress
2. ลบห้อง .cache ใน folder ที่เคยเข้าไปทดสอบ (ถ้ามี)
3. ลบแฟ้มใน wp-content/plugins/dm-albums/ คือ screenshot-1.jpg - screenshot-8.jpg และลบแฟ้มที่ขึ้นต้นด้วย wp-dm-*
4. เปลี่ยนชื่อ folder ในห้อง dm-albums จาก flash เป็น _flash จาก preview เป็น _preview จาก slidesorter เป็น _slidesorter
5. เปิดแฟ้ม db-albums.php แล้วแก้ไขส่วนท้ายของโปรแกรม
โดยเติม if($LOCAL_DIR != "/../handbill/" && $LOCAL_DIR != "/../actress/") exit;
ก่อนบรรทัด require("php/photoalbum.php");
6. การเรียกใช้ dm-albums.php ถ้าเติม autoplay=true ใน url จะทำให้มีการเปิด Slideshow อัตโนมัติ
7. พบปัญหาเครื่องบริการเปลี่ยนการกำหนด directory ทำให้ต้องอ้างอิงแบบ relative
บรรทัดสำคัญที่ต้องแก้ไขในโปรแกรม dm-albums\php\photoalbum.php อยู่ในฟังก์ชัน getfiles()
if (!is_dir($dirname)) $dirname = str_replace('../../../../../','../../../../',$dirname);
เพราะฟังก์ชันเดียวกัน เรียกใช้ 2 ส่วนของเว็บเพจเดิม แต่เรียกจากต่าง directory
/handbill/ (frame)
upgrade wordpress เป็น 3.0 5 ก.ค.53 การ upgrade wordpress ของ aclalumni.com จาก 2.9 เป็น 3.0 จะมีการตรวจสอบรุ่นของ plugin และเปิดให้มีการ upgrade automatically ก่อนทำกับตัวหลัก ซึ่งการดำเนินการควรทำการ backup ข้อมูลใน mysql ทั้งหมดเก็บไว้ก่อน เผื่อพลาด .. เพราะอะไรอะไรก็ล้วนเป็นไปได้ทั้งสิ้น .. กันไว้ดีกว่าแก้ แย่แล้วจะแก้ไม่ทัน ..
แล้วผมก็ upgrade akismet ช่วยกรอง spam ใน comment เป็นรุ่น 2.3.0 พบว่าต้องใช้ API key ที่ลงทะเบียนจากผู้ให้บริการ มองหาให้ดีจะพบว่าใช้บริการฟรีแบบ non profit ได้ ลงทะเบียนใน akismet.com แล้ว เขาจะส่ง apikey มาให้ทางอีเมล โดยไม่ต้อง verify อีเมลด้วย gthaiall ครับ
ส่วนการ upgrade เป็น รุ่น 3.0 ซึ่งปรับจาก 2.9 เป็น 3.0 ผมทดสอบแล้วไม่พบปัญหาแต่อย่างใด เนื่องจากไม่มี plugin พิเศษ หากท่านใช้ plugin หลายตัวก็ต้องพิจารณาแต่ละตัวอย่างระมัดระวัง เพราะถ้ารุ่นเดิมดีอยู่แล้ว ผมก็ไม่แนะนำให้ upgrade ครับ
theme สวยมาก แต่มี license ของ solostream.com 6 มี.ค.53 วันนี้พบเว็บไซต์หนึ่งใช้ theme สวยมาก ชื่อ wp-clear บน wordpress.com พัฒนาโดย Solostream มีรายละเอียดใน solostream.com ส่วนเว็บบอร์ดของไทยที่ให้ข้อมูลเรื่องนี้พบใน thaiseoboard.com ส่วนเว็บไซต์ของไทยที่ใช้ theme นี้ได้อย่างลงตัว คือ startupthailand.com ตอนแรกก็คิดจะ download มาทดสอบติดตั้งในเครื่องที่บ้านและเผยแพร่ต่อไป แต่เข้าไปอ่านรายละเอียดก็พบว่ามี license คือ The SOFTWARE is protected by copyright laws and international treaty provisions. จึงไม่ดำเนินการอะไรต่อครับ พบว่าราคามี 3 แบบคือ แบบใช้เว็บไซต์เดียวราคาราว 2,400 บาท แบบหลายเว็บไซต์ราคาราว 5,400 บาท แบบสำหรับผู้พัฒนาที่ไปขายให้ลูกค้าอีกต่อได้ราคาราว 8,400 บาท ถ้าผมจะหา free theme ที่นำมาใช้และไม่ผิดกฎหมายคงต้องกลับไปหาใน wordpress.org ใช้เวลาสักพักก็พบว่า themes ชื่อ news-magazine-theme-640 เป็นอะไรที่น่าสนใจมากครับ
มีผู้รู้แนะว่าถ้าใช้งาน wp-clear ต้องดำเนินการดังนี้ 1) สร้าง category ชื่อ featured แล้ว Featured Articles จะทำงานทันที 2) ติดตั้ง Regenerate-thumbnails ทำให้ภาพทั้งหมดมี thumbnail แบบ 150 และ 300 3) เมื่อ post ให้กำหนด custom field สำหรับ name = post_thumbnail และ value = /blog/wp-content/uploads/2010/03/me-150x150.jpg จึงจะแสดงภาพที่ต้องการ

wordpress.org/extend/themes/news-magazine-theme-640
thaiseoboard.com/index.php?topic=100797.msg1329038;topicseen
solostream.com/wordpress-themes/wordpress-theme-wp-clear-10/
wordpress.org/extend/themes/
แก้ top menu ของ wordpress
22 ก.ย.53 มีเหตุต้องแก้เมนูด้านบนของ word press ใน wp-clear theme จากการแกะโค้ดตามหา Top menu พบว่า ถ้าแก้แบบเพิ่มลิงค์หัวท้ายของเมนู สามารถเข้าไปแก้แฟ้ม wp-content/themes/wp-clear/header.php ได้ไม่ยาก หาคำว่า id="topnav" ก็จะมีให้แก้แบบ html แต่ถ้าในรายการของ Categories และต้องการเปลี่ยนลิงค์เฉพาะบาง item ต้องเข้าไปใน wp-includes/classes.php พบฟังก์ชัน start_el แล้วแก้ไขบรรทัดที่มี tag ว่า cat-item โดยเติม if คุมตามที่ต้องการ
แนะนำเว็บไซต์ (Website Guides)
http://codex.wordpress.org
http://codex.wordthai.com
http://www.thaiwp.com
http://th.wordpress.org
http://www.patsonic.com/wordpress/
http://www.wordpressthai.org
ขั้นตอนการติดตั้ง Wordpress
หัวข้อที่ 1 : การติดตั้งเวิร์ดเพรส 2.7.1
ขั้นตอนที่ : 1 - Download : lastest.zip 1.8 MB จาก wordpress.org
- คล้าย .zip ลงเครื่องคอมพิวเตอร์
- คัดลอกแฟ้ม wp-config-sample.php เป็น wp-config.php
- ใช้ Notepad เปิดแฟ้ม wp-config.php มาแก้ไข
define('DB_NAME', 'wordpress');
define('DB_USER', 'username');
define('DB_PASSWORD', 'password');
define('DB_HOST', 'localhost');

- upload แฟ้มทั้งหมดขึ้น web server
- อาจ upload ไปยังห้อง htdocs หรือ wwwroot
- ต้องตรวจเงื่อนไขของ web server ว่าจะสร้าง DB_NAME, DB_USER, DB_PASSWORD, DB_HOST อย่างไร เช่นผมใช้ของ hypermart.net ก็ต้องเข้าไปอ่าน QA ของเขา
- ถ้าไม่รู้ก็โทรถามผู้ดูแลระบบเลยครับ

ขั้นตอนที่ : 2
- เข้า phpmyadmin ไปสร้างฐานข้อมูลชื่อ wordpress
- หรือใช้ create database wordpress; ใน mysql prompt
ขั้นตอนที่ : 3
- ติดตั้ง ให้เข้าเว็บเพจด้านล่างนี้
เปิด http://127.0.0.1/wordpress/wp-admin/install.php
หรือ http://127.0.0.1/wordpress/
- กรอก Title และ E-mail แล้ว Click Install Wordpress
- พบ Username: admin และ Password เช่น KU%7!1nqvsyo
- Click Log in เพื่อเข้าสู่ระบบ

ขั้นตอนที่ : 4
- เข้าระบบ http://127.0.0.1/wordpress/wp-login.php
- เลือก Change your password เพื่อเปลี่ยนรหัสของ admin
- โดย click คำว่า admin จากมุมบนขวา
- Menu Bar:Options:Check Box:Anyone can register เพื่อรับสมาชิก
- Menu Bar:Presentation:Wordpress Classic 1.5 ก็ดูดีครับ

หัวข้อที่ 2 : การทดสอบระบบผู้ใช้ (Account Testing)
- Click Register เพื่อสร้างสมาชิกใหม่ 3 ราย ชื่อ test1, test2, test3
- ทดสอบสมัครสมาชิกใช้ test1 และรหัสผ่านคือ thaiabc และ test2 และ test3 โดยมีรหัสผ่านเดียวกันหมด
- ถ้าสมัครผ่านระบบปกติ โดยส่ง mail จะใช้ mail เดิมไม่ได้ และสมัครซ้ำไม่ได้ เพราะ user ถูกเพิ่มทันที
- admin สามารถเข้าไปเปลี่ยนรหัสผ่านให้กับ user ได้
- ถ้าต้องการให้ user เขียน blog ได้ ต้องกำหนดเป็น Author และผมกำหนดให้ user ทั้ง 3 เป็นหมด
- ควรสร้าง Categories จะได้มีบทความเป็นหมวดหมู่ เข้าในฐานะ Admin แล้วเลือก Manage, Categories
- admin สามารถเข้าไปย้าย Categories ของบทความได้

หัวข้อที่ 3 : การกำหนด Permalinks ผ่าน author name และ post id ตามลำดับ
- ถ้ากำหนดในส่วนของ
2.0.2 -> Custom, specify below
2.7 -> Setting, Permalinks
- เป็น /%author%/%post_id%/
- ผลที่ได้คือ http://127.0.0.1/wordpress/admin/99/
+ http://codex.wordpress.org/Using_Permalinks
หัวข้อที่ 4 : การปรับรูปแบบใน wp-content\themes\default\style.css
- ปรับขนาด header
#header
#headerimg
- ปรับรูปแบบตัวอักษร
ใหม่ ชื่อ font ใช้ Microsoft Sans Serif แทนทั้งหมด
เดิม font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
เดิม font: 95% "Times New Roman", Times, serif;
เดิม font-family: "Times New Roman", Times, serif;
เดิม font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
เดิม font: italic normal 230% 'Times New Roman', Times, serif;
เดิม font: italic normal 110% 'Times New Roman', Times, serif;
เดิม font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
เดิม font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
- เพิ่มชื่อผู้เขียน ใน index.php
เดิม <?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> -->
ใหม่ <?php the_time('F jS, Y') ?> by <?php the_author() ?>
ใหม่ <?php the_time('F jS, Y') ?> by <a href=<?php the_author_login() ?>><?php the_author() ?></a>
- ใส่ google adsense ใน header.php
หัวข้อที่ 5 : การอัพเกรดจาก Wordpress 2.02 เป็น 2.7
- Download Wordpress รุ่นล่าสุด แล้วคลายลงเครื่องเช่น Drive C เพื่อพักไว้ก่อน
- คัดลอกแฟ้ม wp-config.php ของเดิมเป็น Backup เก็บไว้ก่อน
- แล้วคัดลอกแฟ้มในห้อง wordpress ใหม่มาทับของเดิม
- คัดลอกแฟ้ม wp-config.php ที่ Backup ไว้ มาใส่ในห้อง wordpress
- เปิด http://127.0.0.1/wordpress/wp-admin แล้วเลือก Upgrade Wordpress และ Continue
การย้ายข้อมูลจากเครื่องหนึ่งไปอีกเครื่องหนึ่ง 1. ใช้ phpmyadmin เลือก export และ Save as file
+ เลือก Add DROP TABLE เพื่อสั่งลบตารางเดิมก่อนสร้าง
+ ไม่เลือกตาราง wp_users (เคยมีตารางนี้ในเครื่องเดิม)
+ จะได้แฟ้มแบบ sql เช่น x.sql (ผมได้ 6.34 MB)
2. แก้ปัญหาภาษาไทยใน x.sql ด้วยการ Encode Conversion (ถ้ามีปัญหานะ)
ข้อมูล
+ นำแฟ้ม x.sql ไป import ในเครื่องปลายทางของผม เปิด blog ไม่ขึ้น
+ Warning: preg_match() [function.preg-match]: ใน wp-includes\classes.php
เพราะไปกำหนด tag base เป็น ?tag=
เปลี่ยน ?tag= เป็น mytag จะแก้ปัญหาได้ จะไม่พบ Warning อีก
ผมเปลี่ยน tag base เพราะมีปัญหากับ tag ภาษาไทย
เครื่องต้นทางของผมยังต้องใช้ ?tag= โดย php ปิดการแสดง Warning
+ ไม่มีอะไรออกมาเลย .. ขาวไปหมด
เพราะ theme เครื่องต้นทางกับปลายทางไม่ตรงกัน
วิธีที่ 1. ใช้ notepad++
+ เปิดแฟ้ม x.sql ด้วย Notepad++
+ พบว่าอ่านภาษาไทยไม่ออก ให้เลือก Encoding, Encode in UTF8
+ พบว่าอ่านภาษาไทยออกแล้วด้วย notepad++ แล้วจัดเก็บเป็นแฟ้มชื่อเดิม
วิธีที่ 2. ใช้ MS Word 2003
+ เปิดแฟ้ม x.sql จะถามการ Conversion
+ เลือก Unicode(UTF-8) แล้วกดปุ่ม OK (เมื่ออ่านดูภาษาไทย ต้องอ่านออกนะครับ)
+ เลือก File, Save As จะถาม File Conversion อีกครั้ง ให้เลือก Windows(Default)
3. ถ้าเปิดแฟ้ม x.sql ด้วย editplus ก็จะอ่านภาษาไทยออก
+ ตรวจว่ามี DEFAULT CHARSET=utf8 หลัง ENGINE=MyISAM หรือไม่ ถ้าไม่มีต้องเพิ่ม
+ เปลี่ยน url ของภาพเป็น ip เครื่องใหม่ เพื่อให้เรียกภาพได้ถูกต้อง
เช่นของเดิม http://www.yourwebsite.com/blog
เป็นของใหม่ http://127.0.0.1/wordpress
+ download แฟ้มจากห้อง uploads มาในเครื่อง 127.0.0.1/wordpress/wp-content/uploads
4. การ import ด้วย phpmyadmin
+ ต้องกำหนด Character set of the file = UTF8 หรือ TIS620 ให้ตรงกับแฟ้ม
5. ดูว่า wp-config.php มี define('DB_CHARSET', 'utf8'); หรือไม่ ไม่มีก็ต้องเพิ่ม
ตัวอย่างเครื่องต้นทาง
MySQL charset: UTF-8 Unicode
MySQL connection collation: utf8_unicode_ci
Collation ของ Table: utf8_general_ci
Collation ของ Field(char): utf8_general_ci
ตัวอย่างเครื่องปลายทาง
MySQL charset: UTF-8 Unicode
MySQL connection collation: utf8_unicode_ci
Collation ของ Table: utf8_general_ci
Collation ของ Field(char) : utf8_general_ci
ขั้นตอนการสมัคร gravatar.com
1. เข้าเว็บไซต์ gravatar.com แล้วกดสมัครสมาชิก
2. ยืนยันตัวตนการสมัครด้วยการกรอก อีเมล เพื่อยืนยันตัวตน
3. พบอีเมลจาก gravatar ในกล่องจดหมายเข้า คลิ๊กลิงค์เพื่อยืนยัน
4. เข้าหน้ากำหนดรหัสผู้ใช้ของ gravatar.com กรอกรหัสผู้ใช้ รหัสผ่าน
5. พบเว็บเพจ My Account เพื่อ upload ภาพของตนเอง
6. ภาพจะไปแสดงในเว็บบล็อกของ wordpress ใดใดตามอีเมลที่กำหนด
เพิ่ม keywords และ description ใน header.php 1. แฟ้ม header.php อยู่ใน \wordpress\wp-content\themes\default
2. เพิ่ม tag ต่อไปในเข้าไปใน header.php
<meta name="keywords" content="<?php
if (function_exists("the_tags_nonlink")) {
add_filter('the_tags_nonlink', 'strip_tags');
echo the_tags_nonlink('', ',', ' ');
} ?> แลกเปลี่ยนเรียนรู้" />
<meta name="description" content="<?php wp_title(' ', true, 'right'); ?>" />
3. เพิ่ม 2 ฟังก์ชันในแฟ้ม category-template.php อยู่ใน \wordpress\wp-includes
function get_the_tag_list_nonlink( $before = '', $sep = '', $after = '' ) {
return apply_filters( 'the_tags_nonlink', get_the_term_list( 0, 'post_tag', $before, $sep, $after ), $before, $sep, $after);
}
function the_tags_nonlink( $before = null, $sep = ', ', $after = '' ) {
if ( null === $before ) $before = __('Tags: ');
echo get_the_tag_list_nonlink($before, $sep, $after);
}
4. ปัญหาการ upgrade จา ก 2.9.0 เป็น 3.0.1
การแก้ script เพื่อเติม keywords ทำให้หลัง upgrade ไม่ปรากฎอะไรเลย
เพราะแฟ้ม header.php เรียกใช้ category-template.php ใน \wordpress\wp-includes
แต่ category-template.php ไม่มี ฟังก์ชัน 2 ตัวที่สร้างขึ้นใหม่ ทำให้โปรแกรมหยุดทำงาน
แก้ไขโดยคัดลอก 2 ฟังก์ชันไปไว้ใน category-template.php ก็จะแก้ปัญหาได้
5. Code ใน template
- index.php คือ หน้าแรก
- single.php คือ หน้าเนื้อหาเดี่ยว
- search.php คือ หลังสืบค้น
- author.php คือ ตามชื่อผู้เขียน
- archive.php คือ ตามกลุ่มเรื่อง
- page.php คือ เลือกหน้า
วิธีติดตามเพิ่มการติดตาม Twitter ใน Wordpress + เพิ่ม Twitter Profile Widget ใน footer.php ของ /blog/wp-content/themes/default/
+ ต้องมี Twitter อยู่แล้ว เช่นมีใน http://twitter.com/thaiabc
+ นำ script มาจาก http://twitter.com/goodies/widget_profil
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 600,
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#4aed05'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('thaiabc').start();
</script>
ติดตั้ง WP-PageNavi สำหรับ WP3.3.1 : twentyeleven
หน้าจอ wordpress
ส่วนของผู้ใช้
Classic 1.5 by Dave Shea


ส่วนของผู้ดูแล 2.0.2


ส่วนของผู้ดูแล 2.7
4 มี.ค.55
1. ติดตั้ง และ activate WP-PageNavi ที่พัฒนาโดย Lester 'GaMerZ' Chan & scribu
2. เปิดแฟ้ม functions.php ของ wordpress 3.3.1 ที่ใช้ theme twentyeleven
แล้วหาฟังก์ชั่น function twentyeleven_content_nav( $nav_id )
3. จากนั้น ก็เพิ่ม <?php wp_pagenavi(); ?> เข้าไปใต้ <!-- #nav-above -->
4. สามารถลบฟังก์ชั่นการแสดง Older posts และ Newer posts ก็สามารถดำเนินการใน function นี้ได้เลย
โดยลบตั้งแต่ <nav id="<?php echo $nav_id; ?>"> ถึง </nav><!-- #nav-above -->
http://wordpress.org/extend/plugins/wp-pagenavi/

การแก้ไขคำว่า Proudly powered by WordPress
ผมเปลี่ยนเป็น scripts by wordpress ใน footer.php
ส่ง truehits.net ไม่ขึ้น เพราะ lampang.net ถูกเรียกผ่าน frame
ถ้าเปิดในหน้าใหม่ จึงจะแสดงผลตามปกติ .. ก็ได้อย่างเสียอย่างครับ
update version ของ firefox เป็น 4.0.1 13 พ.ค.54 มีการสอบถามให้ปรับรุ่นของ firefox browser อัตโนมัติ เมื่อคลิ๊กยอมรับก็จะ download และ reinstall firefox เป็น 4.0.1 พบลิงค์แนะนำให้ติดตามเกี่ยวกับ firefox.com ใน 3 แหล่งคือ
http://twitter.com/firefox
http://www.facebook.com/Firefox
http://blog.mozilla.com/ ซึ่งระบบ blog ที่ firefox ใช้คือ wordpress เหตุที่ทราบ เพราะทดสอบเข้าไปที่ http://blog.mozilla.com/wp-admin ก็พบจะหน้าตาเป็น wordpress ถ้านักพัฒนาเว็บไซต์ต้องการเผยแพร่ หรือประชาสัมพันธ์ เพื่อเป็นแหล่งให้ผู้ใช้ได้ติดตามข้อมูลข่าวสาร ก็อาจเลือกบริการ twitter ซึ่งเป็น mini blog เลือก facebook page ซึ่งเป็น fan page เลือก wordpress สำหรับบริการ blog
/blogacla/admin/362/
การใช้ mod_rewrite ใน httpd.conf 9 ก.ย.58 เลือก Permalink Settings ใน Settings (wp-admin.php) เป็น http://xxx.com/sample-post/ แล้วบอกว่า 404 ถ้ากรณีนี้เกิดกับ apache ก็จะเข้าไปแก้โดยเปิด mod_rewrite ใน httpd.conf แต่ถ้าพบกับ nginx ก็จะต้องเข้า nginx.conf หรือ bitnami.conf บน google cloud ที่ใช้ Bitnami โดยเติม try_files $uri $uri/ /index.php?$args; เข้าไปใน locathion / { } แล้วถ้าไม่รู้จัก index.php เป็น default ก็จะต้องเพิ่มเข้าไปใน index index.html index.htm; จากนั้นก็ restart service ด้วย #service nginx restart ส่วนบน google cloud ใช้ #service bitnami restart
featured image คือ อะไร featured image คือ ภาพประกอบบทความ แต่เป็นส่วนของ thumbnail ประจำบทความ เหมือนกับเป็นส่วน title ของบทความ ที่สะท้อนจุดเด่นของบทความแต่ละเรื่อง ขนาดภาพจะขึ้นกับแต่ละ theme ใน wordpress ว่าเวลาแสดงผลแล้ว จะใช้ขนาดเท่าใด อย่างไร เช่น facebook มี og:image ก็ต้องไม่น้อยกว่า 200*200 https://developers.facebook.com/tools/debug/ หากมีการเปลี่ยนภาพใน blog แล้ว ก็ต้องเข้า debug ของ facebook เพื่อขอให้มีการ สเครป อีกครั้ง (Scrape Again) ซึ่งเป็นการโหลดภาพ featured image เข้าไปเก็บใน server ของ facebook
เช่น บทความที่ 13 เปลี่ยนสีโทนเหลือง เป็นสีโทนขาว
/blogacla/burin/6028/
หรือ บทความที่ 1 เปลี่ยนภาพวาดเลายเส้นเป็นภาพถ่าย
/blogacla/burin/5854/
แอพ Wordpress ช่วยเขียน blog แอพ Wordpress คือ โปรแกรมสำหรับเชื่อมต่อกับบัญชีระบบ Wordpress หากมีหลายไซต์ หรือมีหลายบัญชีในหลายไซต์ ดังนั้นการเขียน Blog ผ่าน Wordpress ผ่านแอพ จะช่วยให้เขียนบันทึกได้ง่ายขึ้น เพราะแอพเดียวเข้าได้ทุกไซต์ ออกแบบมาให้ทำงานได้ดีบนสมาร์ทโฟน ที่มีขนาดหน้าจอจำกัด เหมือนเฟสบุ๊คที่มีแอพ ช่วยให้ทำงานได้เร็วกว่า แต่หากมีฟังก์ชันใดที่ไม่มีบริการในแอพ ก็เข้าผ่าน Browser ในโหมด Desktop แทน
wordpress.org
wordpress.com เชื่อมโดเมนเนม 630 บาทต่อปี

4,926 KB
wordpress.com/../free


เลือก theme สวยสด บน wordpress.com
# เลือก wordpress theme สำหรับเป็นเวทีเล่าเรื่อง เพื่อแบ่งปัน
- อ่านเรื่อง WordPress Themes Clean 2020 – สะอาด เบา เร็ว
- 10 WordPress Themes Clean 2020 สุดยอดธีมเวิร์ดเพรสสะอาดและดีที่สุด แถมฟรี!!
- จาก https://www.techthaitoday.com/seo/wordpress-themes-clean-2020/
- พบ 10 Themes น่าสนใจ
1. Uncode Lite - https://accesspressthemes.com/wordpress-themes/uncode/
2. Nataraj Dance Studio - https://wordpress.org/themes/nataraj-dance-studio/ 
3. Intuitive - https://wordpress.org/themes/intuitive/
4. Bekko - https://wordpress.org/themes/bekko/
5. Educational Zone - https://wordpress.org/themes/education-zone/
6. Astra  - https://wpastra.com/
7. Hello Elementor - https://wordpress.org/themes/hello-elementor/
8. Hestia - https://themeisle.com/demo/?theme=hestia
9. GeneratePress - https://wordpress.org/themes/generatepress/
10. Zakra - https://wordpress.org/themes/zakra/
11. OceanWP - https://oceanwp.org/
12. apostrophe-2 - https://wordpress.com/theme/apostrophe-2
---
# แหล่งซื้อขาย Theme ของ Wordpress 
- https://themeforest.net มีมากกว่า 486821 Theme เมื่อ 11 ก.ค.2563
- Theme : Sahifa $59
- https://themeforest.net/item/sahifa-responsive-wordpress-news-magazine-newspaper-theme/2819356
- พบการใช้งานที่ สำนักพัฒนาระบบบริหารงานบุคคลและนิติการ
- http://personnel.obec.go.th/home/
- http://personnel.obec.go.th/home/wp-admin
- Theme : vienna - $49
- https://themeforest.net/category/wordpress?term=vienna
- โรงเรียนพูลเจริญวิทยาคม
- http://www.pwschool.ac.th/main/
---
# Theme : Dsite - 1,250 บาท 
- https://demo.dsite.in.th/school/
- view-source:https://demo.dsite.in.th/school/
- Theme : h4 - $11 โรงเรียนเกล็ดแก้ว 
- https://kledkaewschool.wordpress.com/
- https://themeforest.net/item/h4-modern-html-template/20375787
- Theme : h4 + koi - mathbws สาระการเรียนรู้คณิตศาสตร์ บุญวาทย์วิทยาลัย
- https://mathbws.wordpress.com/
- ดูด้วย view-source:http://blog.nation.ac.th
---
# กลุ่มคุณครู ใช้ theme ที่น่าจะนำเข้า wordpress.com
- Theme : Mystique - Free - krupramot - ชุมชนคนเรียนรู้
- https://krupramot.wordpress.com/
- https://digitalnature.eu/themes/mystique/
- https://krupramot.wordpress.com/classroom/krutha/ (กลุ่มครูใช้ Mystique)
- Theme : Apostrophe 2 - โรงเรียนวัดราษฎร์โพธิ์ทอง
- https://watratphothongspschool.wordpress.com/
- https://wordpress.com/theme/apostrophe-2
- https://wordpress.com/support/themes/uploading-setting-up-custom-themes/
---
# Theme ที่ผมใช้ 
1. twentysixteen ใน http://www.thaiall.com/blog
2. twentysixteen ใน http://www.thaiall.com/blogacla
3. astra ใน http://www.thainame.net/edu
4. sorbet ใน http://www.lampang.net/ หรือ http://www.thaiabc.com/lampangnet
5. twentyten ใน http://blog.nation.ac.th
- วันที่ 11 กรกฎาคม 2563 เปลี่ยน theme ของ http://thaiall.wordpress.com จาก kubrick เป็น Scratchpad
https://thaiabc.wordpress.com/
# การตั้งหน้าแรกเป็น Page ใน Wordpress.com
14 ก.ค.63 เริ่มจากปรับหน้าแรกของ thaiabc.wordpress.com เป็นแบบ Home page แทนระบบ Blog แบบเดิม ซึ่ง post เดิม ย้ายไปอยู่ที่ Page แบบรวม Post ตั้งชื่อว่า Tec_topics แล้วปรับเพิ่ม Page ใน wordpress.com อีกหนึ่งเพจ ตั้งชื่อเพจว่า Course Description เมื่อจัดการจนแล้วเสร็จ ได้สั่ง Print screen ด้วย Extension ของ Chrome ชื่อ Full Page Screen Capture ทำให้ได้เว็บเพจ Save as เป็นแฟ้ม .png แบบหน้าเดียว นำไปแชร์ไว้ใน Facebook Fanpage
# การเลือก Layout สวย ๆ ที่ตรงกับเนื้อหาที่มี
การสร้าง Course description เตรียมภาพประกอบ รวม 11 ภาพ (640 * 480) ซึ่ง webpage หน้านี้ เมื่อเลือก Add new Page แล้ว จากนั้นเลือก Layout ในกลุ่ม Services (About Pages, Blog Pages, Contact Pages, Menu Pages, Portfolio Pages, Services Pages, Team pages, Home Pages) โดยก่อนหน้านี้ได้เลือก Theme ชื่อ Scratchpad แบบฟรีไว้แล้ว ถ้าเลือกจ่ายตังจะเป็นแบบ Premium และจัดการ css ได้เต็มที่ ซึ่ง Layout นี้ใช้ภาพประกอบหลายภาพในแถวเดียวกัน แล้วแบ่งเป็น block คนละ column ซึ่งแต่ละ Block จำเป็นต้องใช้ภาพที่มีขนาดใกล้เคียงกัน เมื่อแสดงผลแบบ Responsive จะทำให้สัดส่วนเป็นไปตามที่คาด ทำให้ User Experience มีการตอบสนองเชิงบวกกว่าแบบไม่จัดขนาดภาพแน่นอน ส่วน Font เลือกใช้ของ Google font แต่ที่ใช้งานได้คือ Kanit จึงได้กำหนด font ให้กับกล่องในหลายส่วน ตั้งแต่ Block เนื้อหา ไปถึงส่วน Footer widget ที่เพิ่ม Html block ทำให้เพิ่มลิงค์ออกไปได้ และสร้าง Layout ง่าย ๆ ในกล่องด้วย HTML ได้
iframe
//http://www.thaiall.com/blog/joom/
<iframe src="http://www.thaiall.com/actress/joom.htm" 
height="500px" width="100%" scrolling="yes">
</iframe>
การใช้ kanit ใน wordpress แบบติดตั้งเอง
1. เลือก Customize พบ Additional CSS WP-Admin , Appearance, Edit CSS
หรือ แล้วเพิ่ม Font ที่เรียกจาก internal หากเรียกผ่าน external จะพบปัญหา CORS (Cross Origin Resource Sharing)
2. เข้า WP-Admin , Appearance, Theme Editor เลือกแฟ้ม style.css กำหนด Font : kanit ให้กับ p
3. ผลลัพธ์ใน blog จะพบว่า font เปลี่ยนไป
4. ใช้ Developer Tools ใน Chrome แล้วเลือก block ที่จะมีการเปลี่ยนแปลง
5. เลือกแท็บ Computed
6. เข้าดู font-family พบ kanit และอ้างอิงกับแฟ้ม style.css
7. คลิ๊ก Shift+F5 เพื่อบังคับ Refresh ให้กับ css และ js
- ตัวอย่าง <style>@font-face{font-family:'kanit';src:url('/google/fonts/Kanit-Regular.ttf');font-display:swap;}</style>
- http://www.thaiall.com/google/fonts/mitr.htm
- http://www.thaiall.com/google/chrome.htm
สนับสนุนน้องม.ต้น มีโฮมเพจใน wordpress.com ต่อยอดเรียน coding

การสมัครใช้งาน site
ตัวอย่าง thaiabc.wp
ปัจจุบันนักเรียนมัธยมต้นได้รับการพัฒนาทักษะผ่านวิชาวิทยาการคำนวณ ที่เรียนเกี่ยวกับ Coding ด้วยภาษา Python ที่ต้องเรียนเกี่ยวกับภาษาโปรแกรม การกำหนดตัวแปรทางคอมพิวเตอร์ สั่งประมวลผล และแสดงผลลัพธ์ เรียนการเขียนสคริปต์ในแบบตามลำดับ การทำซ้ำ และการเลือกตามเงื่อนไข เรื่องเหล่านี้เป็นบทเรียนที่ 3 ในหนังสือวิทยาการคำนวณ ของน้องนักเรียนมัธยมศึกษาปีที่ 1 กลุ่มสาระการเรียนรู้วิทยาศาสตร์ (ฉบับปรับปรุง พ.ศ.2560)
นโลกของ Coding แล้ว ก็ยังมีโลกของ Hosting ที่ นักเรียนสามารถขอใช้พื้นที่ (Space) เพื่อเปิดเป็นเวทีสาธารณะแบ่งปันประสบการณ์จากการเรียนรู้ได้ฟรี ใช้งานผ่านอินเทอร์เน็ตความเร็วสูงของโรงเรียน หรือผ่าน 3G ที่นักเรียนเกือบทุกคนมีใช้งานกันเป็นปกติ บริการของ Wordpress.com เปิดให้สมัครเพื่อสร้างโฮมเพจ (Homepage/Site) หรือมีเว็บไซต์ (Website) เป็นของตนเองได้ฟรี นักเรียนสามารถสร้าง Page หรือ Post จัด Layout เลือก Theme สวยได้มากมาย จัด Menu ใน Header, Sidebar, Footer ได้โดยไม่ต้องเขียน Code มีรูปแบบ Block ให้เลือกใช้มากมาย จัดข้อมูลเป็น Column แทรก Image หรือ Multimedia ได้อย่างหลากหลาย นอกจากเลือก Theme ที่ออกแบบมาสวย ๆ ให้เลือกใช้แล้ว นักเรียนสามารถจัด Layout และแทรก Image สวยใน Style ของตนเองได้ คงบอกไม่ได้ว่าง่าย เพราะทุกอย่างต้องเกิดจากการเรียนรู้ และฝึกจนเกิดทักษะ ซึ่งเป็น 2 เรื่องที่สำคัญจากการใช้ Hosting

วิชาวิทยาการคำนวณ
WP Bangkok
WP กลุ่ม PLC ครูมนตรี
WP Teaching Covid-19
ารใช้งาน Hosting เป็นเรื่องของขั้นตอนที่ถือว่าไม่ยาก แต่เรื่องที่ยากกว่า คือ การได้มาซึ่งเนื้อหา (Content) ที่สนใจ มาบรรจุไว้ใน page แล้วจัดระเบียบเพื่อนำเสนอ เช่น การเลือกเรื่องที่ชอบมาเล่า กีฬา ดนตรี เพลง ฟ้อนรำ บุคคล วิทยาศาสตร์ การค้นพบ การค้นคว้าทดลองเขียนโค้ดมาแบ่งปันแลกเปลี่ยน การรวบรวมข้อมูลอาชีพที่สนใจแล้วเขียนบันทึกไว้ การเรียนรู้ที่ได้จากการอ่านฟังคิดถามเขียนแล้วสรุปไว้อย่างเป็นระบบ การสะสมภาพ ประสบการณ์ บทเรียนสำเร็จหรือผิดพลาด แล้วแบ่งปัน เพื่อใช้เป็นข้อมูลอ้างอิงในการตัดสินใจ สำหรับช่วงหัวเลี้ยวหัวต่อสำคัญ ทั้ง ม.3 ปวช. ปวส. ม.6 หรือในตอนที่สำเร็จการศึกษาจากมหาวิทยาลัยแล้วเริ่มต้นหางาน ซึ่ง Site นี่เองที่อาจกลายเป็นบันไดสำคัญก้าวสู่อาชีพในอนาคต หรืออาชีพเสริมก็เป็นไปได้
เปลี่ยนจาก เรื่องล่าสุด เป็นหน้าคงที่ คือ การเปลี่ยนจากระบบบล็อก เป็นระบบเว็บเพจ ทำให้สามารถควบคุมการแสดงเพจ และเนื้อหาได้ตามต้องการ ไม่ไหลไปตามเรื่องราวที่เข้ามาใหม่
ต.ย. การโพสต์ใน thaiabc.wordpress.com

Posting ใน wordpress.com


post ใน wp.com
นะนำน้อง ม.ต้น ที่เริ่มเรียน coding ภาษา python ว่าน่าจะใช้ hosting แบ่งปันเรื่องราว วิธีการมี 2 แบบที่จะ post ใน wordpress.com คือ สร้าง post หรือสร้าง page หากเป็น post ก็จะเป็น series แยก categories เป็นหมวดหมู่ตามความสนใจ เช่น กลุ่ม python, กลุ่ม scratch , กลุ่ม blockly , กลุ่ม html , กลุ่มทดลองวิทย์ แต่ถ้าเป็น page ก็จะเป็นเรื่องที่เข้าในกลุ่ม content หลักที่แบ่งตาม hierarchy diagram หรือเขียนเป็น site map ร้อยเรียงเรื่องราว เช่น product, order payment and shipping method, company profile, company board, history หรือ contact us
ารเตรียมเรื่องราวครั้งนี้ ผมเตรียมเป็น ภาษา markdown ใช้ # กับ - ส่วนลิงค์ทั้งลิงค์เฟสและยูทูปนั้น วางลิงค์ตรง ๆ ระบบจะรู้และดึงมา embedded ให้อัตโนมัติ ทั้งหมดนี้แทบไม่ต้องพิมพ์อะไรเลย เพียงแต่ copy แล้ว paste เท่านั้น เพราะมีจุดมุ่งหมายที่จะ repost เพื่อให้เห็นแนวทางการ post แบบ "Write once, Run Anywhere" ตามกล่าวในภาษา Java ดังนั้นเรื่องราวที่น้อง ๆ อ่าน ฟัง คิด วิเคราะห์ สังเคราะห์ กลั่นกรอง แล้วเขียนเป็นเรื่องราว เพื่อนำไปแบ่งปัน ก็จะแบ่งปันได้หลายแหล่งจากการเขียนเพียงครั้งเดียว เพราะกลุ่มเป้าหมาย หรือกลุ่มคนที่เรารู้จัก หรือรู้จักเรามาหลายกลุ่มนั่นเอง
กิจกรรม สร้างโฮมเพจของตนเอง เกริ่นนำ
ปัจจุบันการมีโฮมเพจของ รพสต. คลีนิก โรงพยาบาล ศูนย์สุขภาพ โรงเรียน บริษัท สามารถทำได้ง่ายในไม่กี่ชั่วโมง แต่ต้องมีเรื่องราวที่จะบอกเล่า เช่น ประวัติความเป็นมา สินค้า บริการ บุคลากร เครื่องไม้เครื่องมือ บรรยากาศ การเดินทาง ความรู้เท่าทันตามสถานการณ์ปัจจุบัน เช่น ข้อพึงปฏิบัติป้องกันโควิด-19 ปัจจุบันนักเรียนมัธยมต้นเริ่มเรียนเขียนโปรแกรมกันแล้ว จึงไม่ใช่เรื่องที่ซับซ้อนเกินไปสำหรับนิสิต นักศึกษา ครู หรือพนักงานในหน่วยงานต่าง ๆ ที่จะสร้างโฮมเพจไว้ให้ข้อมูลสารสนเทศแก่กลุ่มเป้าหมาย สังคม หรือเพิ่มช่องทางการติดต่อกับชุมชน นอกเหนือจาก แฟนเพจ กลุ่มไลน์ กลุ่มเฟส หรือโทรศัพท์เท่านั้น ซึ่งการทำโฮมเพจสามารถทำได้ง่าย มีขั้นตอนไม่ซับซ้อนเกินที่จะเรียนรู้ได้ หากเคยเรียนรู้ Facebook หรือ Line PC ได้ ก็ย่อมจะใช้งาน Wordpress.com สร้าง Content ได้เช่นกัน

Blogger - article-thaiall ล่าเรื่อง Blog ที่ใช้บริการของ Blogger.com แล้วได้ address ผ่าน Blogspot.com ที่ใช้โฮสชื่อ article-thaiall ใช้บริการธีมเดิม จนถึง 27 มกราคม 2564 ซึ่งธีมนี้ไม่เป็น Responsive Web Design จึงต้องเปลี่ยนธีม โดยธีมเดิมเลือก ธีม (Theme) = Simple Literate กำหนด Layout ใช้ Adsense เพิ่ม Gadget หลายรายการ ได้แก่ 1) HTML/Javascript มีลิงค์แนะนำ ได้แก่ กลุ่มผู้สูงอายุ การจัดการความรู้ และข้อมูลสุขภาพ 2) Popular posts gadget 3) Blog archive gadget 4) Blog's stats gadget 5) Translate gadget 6) Follow by email gadget
มี URL ของ FeedBurner คือ feedburner.com/blogspot/nTAIa ลือก ธีม (Theme) ใหม่ ชื่อ Emporio Porcelain ซึ่งธีมกลุ่มนี้ รองรับการทำงานแบบ Responsive และได้เปลี่ยน Font จาก Ubuntu เป็น Kanit และ Merriweather เป็น Itim โดยเลือกใช้ฟอนต์จาก googleapis.com ซึ่ง html ของ Theme นี้มี 4726 บรรทัด และเลือกเพิ่มแท็ก link เรียกใช้ font เข้าไปในบรรทัดที่ 8 ของ code ทำให้เปลี่ยนฟอนต์ทั้งหมดเป็น Kanit ในส่วนหัว และ Itim ในส่วนเนื้อหา
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit|Itim" />

theme_code_emporio_porcelain.htm (theme code หลังปรับแก้)
การจัดการ style.css ของ Twenty Sixteen ขั้นตอนการปรับ Theme : Twenty sixteen ใช้ฟอนต์จุฬาภรณ์ลิขิต
File : wp-content/themes/twentysixteen/style.css
1. ตรวจสอบ Theme
เข้าระบบด้วย Admin user
เลือก Admin , Appearance, Themes พบ Twenty sixteen : Active
เลือก Update ได้ โดยกดปุ่ม Update now
2. เพิ่มฟอนต์ใหม่ ขั้นแรก
โดย Admin, Appearance, Customize, Additional CSS
เพิ่มฟอนต์ "จุฬาภรณ์ลิขิต" ที่มีในเครื่องบริการแล้ว
@font-face{font-family:'chulabhornlikit';src:url('/web2/rsp_chulabhornlikit.ttf');}
แล้วกด Published ด้านบนเพื่อบันทึก
3. เพิ่มฟอนต์ใหม่ ขั้นที่สอง
โดย Admin, Appearance, Theme Editor
เปิด style.css แล้วเปลี่ยน font-family เป็น chulabhornlikit ทั้งหมด
4. ปรับระยะขอบ
ขอบบน ซ้าย ขวา ล่าง กว้างไป ลดเหลือ 10px
.site-header เป็น padding: 1em 1%; padding-right,padding-left: 1%;
.site-header-main เป็น padding: 1em 1%;
.site-branding, .site-header-menu, .header-image { margin-top: 0em; margin-bottom: 0em; }
5. ลด header
.entry-title { margin-bottom: 0em; }
.site-content { padding: 0 1%; }
body:not(.search-results) article:not(.type-page) .entry-content { width: 78.42857144%; }
.content-area { width: 74%; }
body, button, input, select, textarea { font-size: 1.2rem; }
.post-thumbnail img { margin-left:auto; margin-right:auto; border: 10px outset darkcyan; }
.author-avatar .avatar { height: 20px; width: 20px; }
.entry-title { line-height: 2em; background-color:#ffffdd; border: 1px solid #dddddd; }
em คือ หน่วยที่เป็นจำนวนเท่าที่กำหนดไว้ในระดับบนสุด
widget รับ truehits และ ad*sense ได้
<!--BEGIN WEB STAT CODE-->
<script>page="blog";</script>
<script src="http://hits.truehits.in.th/data/c0001941.js"></script>
<noscript><a target="_blank" href="http://truehits.net/stat.php?id=c0001941"><img src="http://hits.truehits.in.th/noscript.php?id=c0001941" alt="Thailand Web Stat" style="width:14px;height:17px;" /></a></noscript>
<!-- END WEBSTAT CODE -->

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 12 blog thaiall rsp -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-3309619467978767"
     data-ad-slot="7761800956"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 12 blog acla rsp -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-3309619467978767"
     data-ad-slot="8680130950"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
การสร้าง 2 plugins สำหรับ wordpress
3 ต.ค.64 มีโอกาสค้นข้อมูลเรื่อง การสร้างปลั๊กอิน หรือโปรแกรมเสริม (Plug-in) สำหรับ wordpress พบรายละเอียดเขียนดีมาก ทำตามได้เลย ที่ borntodev.com จึงได้ทำตามขั้นตอน แล้วผมก็ได้ plugin มาใช้งาน ซึ่งโปรแกรมเสริม (plugin) ตัวนี้มีชื่อว่า BMI Calculator เพื่อคำนวณดัชนีมวลกายจากน้ำหนัก และส่วนสูง ที่ใช้ wordpress function ชื่อ add_shortcode ที่ใช้ในการ post เมื่อ insert shortcode ก็จะเรียก code ที่กำหนดมาใช้งานได้ จากนั้นก็อ่านเรื่อง plugin เพิ่มที่ wpbeaverbuilder.com แนะนำการสร้าง plugin ชื่อ My First Plugin พบ wordpress function ชื่อ add_action ไปบน filter ที่กำหนด ซึ่งผลลัพธ์คือการแสดงข้อมูลในท้ายสุดในหน้า content
มีขั้นตอนที่ได้บันทึกไว้ ดังนี้ 1) ติดตั้ง xampp บน localhost 2) ติดตั้ง wordpress 3) ทดสอบใช้งาน http://localhost/wordpress 4) สร้าง folder ชื่อ test-plugin ใน htdocs/wordpress/wp-content/plugins 5) สร้างแฟ้ม test-plugin.php ใน folder ที่สร้างขึ้น โดยกำหนดให้เป็น utf8 6) เข้า http://localhost/wordpress/wp-admin เพื่อจัดการ 7) เข้า Plugins จาก left menu พบ BMI Calculator ตามแฟ้มและโฟรเดอร์ที่สร้างขึ้น 8) คลิ๊ก Activate 9) เรียกใช้ด้วยการสร้าง Post ใหม่ 10) สร้าง Block และ Search หา Object ที่จะใช้ ให้พิมพ์ Shortcut [/] 11) ในช่อง Write shortcode here... ให้พิมพ์ [GenBmiCal] 12) คลิ๊ก Preview หรือ Publish 13) พบ textbox ตามที่กำหนดใน php code และประมวลผลได้ปกติ 14) สามารถเลือก deactive และ delete plugin ได้ 15) ถ้ามีแฟ้ม test-plugin.zip หรือ first-plugin.zip สามารถคลิ๊ก Add New, Upload Plugin แล้ว Choose File เลือกแฟ้ม plugin ในแบบ .zip แล้ว Install Now แล้ว Activate Plugin ก็จะใช้งานได้ทันที
/**
 * Plugin Name: BMI Calculator
 * Description: BMI Calculator To Content
 */
function BmiCalculator() { return 'BMI Calculator'; }
add_shortcode('GenBmiCal', 'BmiCalculator');
// https://www.thaiall.com/perlphpasp/source.pl?key=9152
/**
 * Plugin Name: My First Plugin
 * Plugin URI: http://www.mywebsite.com/my-first-plugin
 * Description: The very first plugin that I have ever created.
 * Version: 1.0
 * Author: Your Name
 * Author URI: http://www.mywebsite.com
 */
/*
  plugin นี้จะเพิ่มข้อความต่อท้าย $content
  มีตัวอย่างโค้ดที่ https://www.wpbeaverbuilder.com/creating-wordpress-plugin-easier-think/
  ใน filter : the_content
  และมี filter อื่น ๆ ที่ https://codex.wordpress.org/Plugin_API/Filter_Reference
*/
add_action( 'the_content', 'my_thank_you_text' );
function my_thank_you_text ( $content ) { return $content .= 'Thank you for reading!'; }
การเขียน plugin
เลือกใช้ธีมของ wordpress ตัวไหนดี #neve01
มื่อ 10 พ.ย.64 มีเพื่อนถามว่าใช้ theme ของ wordpress ตัวไหนดี วันนี้ขอเสนอ ธีมเนวี (Neve theme) คือ ธีมที่รองรับหน้าจอหลายขนาด มีอีดิเตอร์ลากวาง น้ำหนักเบา เข้ากันกับเอสอีโอ มีไซต์เริ่มต้นให้เลือก ซื้อฟังก์ชันเพิ่มได้ และเป็นที่นิยม จากการสืบค้น พบว่า 1) ใน wordpress.org แนะนำธีมไว้ โดย Neve เป็น 1 ใน 9 ธีมแรก 2) ส่วน atthemes.com เขียนเรื่อง free wordpress themes แนะนำให้ Neve เป็นอันดับที่ 3 ที่น่าใช้ 3) ส่วน codeinwp.com เขียนเรื่อง best free themes พบว่า Neve เป็นแบบ Multipurpose และ Active Installs สูงถึง 200000+
4) ส่วน mustketing.com จัดให้เป็นหนึ่งในเจ็ดธีมที่ดีที่สุด มีน้ำหนักเบา และผู้สร้างเพจช่วยจัดการบล็อก ซึ่งคุณสมบัติเด่นของ Neve Theme มีดังนี้
1. ตอบสนองตามขนาดจอภาพ (responsive design)
2. รองรับ อีดิเตอร์ลากวาง (compatibility with drag-and-drop page builders)
3. ใช้ทรัพยากรไม่มาก และเข้ากันกับเอสอีโอ (lightweight and SEO friendly)
4. ตัวอย่างไซต์เริ่มต้น (30+ starter sites)
5. มีตารางราคา (pricing tables : elementor and orbitfox plugin)
6. สร้างกล่องเนื้อหาแบบซ้อนทับ (overlay content blocks)
7. มีตัวอย่างมากมาย (multiple demos)
8. มีเอฟเฟคการแสดงและโหลดเนื้อหาแบบขี้เกียจ (parallax and lazy loading effects)
เมื่อต้องการทดสอบ wp-admin โดยไม่ติดตั้ง ทดสอบใช้งานได้เลย
มีบริการที่ tastewp.com

สำหรับ ตัวอย่างไซต์เริ่มต้น (30+ starter sites) นั้น มีให้เลือกติดตั้งใช้งาน โดยเข้าผ่าน wp-admin, Dashboard, Appearance, Neve Options, Starter Sites แต่ต้อง import Cloud templateds และ pattern collection plugin ก่อน ซึ่งต้องทำการ install และ activate ก่อนแสดงรายการให้เลือก แต่ถ้าพอใจ template ที่เค้าให้มาแล้ว ก็ไม่ต้องเลือกใหม่
อกจาก Neve แล้ว ยังมี Theme ให้เลือกอีกมากมาย
ตรวจสอบว่าเราใช้ theme ของอะไรอยู่ ได้ที่ wpthemedetector.com
1. blog.nation.ac.th ใช้ Twenty ten
2. thaiall.com/blog ใช้ Twenty Sixteen
3. thainame.net/edu ใช้ Astra (! Tycoon)
4. thaiabc.com/lampangnet ใช้ Sorbet
เปรียบเทียบ wp theme ระหว่าง neve, astra, และ oceanwp
Sorbet theme : retired
ที่ thaiabc.com/lampangnet หรือ lampang.net ใช้ Sorbet Version: 1.2.3 ที่พัฒนาโดย Automattic ปรับปรุงล่าสุด 8 มิถุนายน 2560 แล้วเมื่อ 6 กุมภาพันธ์ 2565 เข้าไปที่ wordpress.com/theme/sorbet พบว่า This theme is retired ก่อนหน้านี้ได้เข้าแก้ไข style.css ผ่าน editor ใน dashboard พบว่า font ถูกเปลี่ยนอย่างถูกต้องตามที่ต้องการ แต่กลับมาพบคำว่า retired จึงต้องมองหา theme ใหม่ทดแทน แล้วก็เลือก oceanwp มาใช้งานบน lampang.net
@font-face{font-family:'ChulabhornLikit';src:url('/rsp_chulabhornlikit.ttf');}
font-family:'ChulabhornLikit' !important;
Read More
Theme : Astra
Admin, Appearance, Customize, Blog, Blog / Archive, Post Content = Excerpt
ปรับ Theme เพื่อสั่ง Print เป็น Save as PDF

WP Page Numbers
ปรับ Theme เพื่อสั่ง Print เป็น Save as PDF
thaiall.com/blog/ - Twentysixteen Theme
thaiall.com/blogacla/ - Twentysixteen Theme
thaiabc.com/lampangnet/ - Twentytwelve Theme
thainame.net/edu/ - Astra Theme (เดิม Twentyeleven Theme)
footer.php
<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>
Admin Menu, Appearance, Customize, Additional CSS
@font-face{font-family:'chulabornlikit'; src:url('/web2/rsp_chulabhornlikit.ttf');}
.entry-title {font-family: chulabornlikit;border:1px solid gray;padding:5px;}
.entry-content {font-family: chulabornlikit;}
@font-face{font-family:'kanit'; src:url('/google/fonts/Kanit-Regular.ttf');}
.entry-title {font-family: kanit;border:1px solid gray;padding:5px;}
.entry-content {font-family: kanit;width:80% !important;}
.entry-footer {width:15% !important;font-size:8px;}
.site-content article{border-bottom: 10px dotted green;}
.hentry{border-bottom: 10px dotted green;}
@media print {
.wp-block-image img {max-width:50%;}
.wp-block-embed__wrapper {display: none;}
}
@media screen and (max-width: 782px) {
.entry-footer {width:unset !important;}
.author-info{display:none;}
}
ปิดการแสดงผลเมื่อสั่งพิมพ์ และตัวเลือกเครื่องพิมพ์ บน chrome
มื่อต้องการสั่งพิมพ์ post ของ wordpress แล้วให้ได้ผลตามที่ต้องการนั้นมีอยู่หลายวิธี ซึ่งเริ่มจากการเลือกใช้ Theme ที่เหมาะสม และเลือกเครื่องมือสำหรับส่งภาพ print preview ออกไปเป็นแฟ้มรูปแบบ pdf ซึ่ง Chrome browser มีตัวเลือกปรับแต่งที่ตอบความต้องการพื้นฐานได้ในหลายตัวเลือก เช่น การแสดงส่วนหัว พื้นหลัง หรือสัดส่วนในการพิมพ์ย่อขยายด้วยค่าร้อยละ
ารสั่งพิมพ์ post ของ wordpress ที่ใช้ Astra theme และมีการแก้ไขส่วนของ Admin Menu, Appearance, Customize, Additional CSS เพื่อให้การพิมพ์มีผลลัพธ์เป็นไปตามที่ต้องการ ซึ่งการจะรู้ชื่อคลาสของแต่ละส่วนนั้น ตามภาพได้ใช้ Developer tools บน Chrome ด้วยการกดปุ่ม F12 เมื่อรู้ชื่อ class ที่ต้องการปิดการแสดงผลด้วย display:none ใน media แบบ print แล้ว ก็เข้าไปแก้ไขโดยเพิ่มโค้ด css ตามภาพลงใน Additional CSS โดยภาพตัวอย่างนี้ได้จาก thainame.net/edu
ซึ่งการเก็บผลงานแฟ้มรูปแบบ pdf ที่บันทึกออกมาอยู่นอกระบบของ Wordpress นั้น สามารถนำไปแบ่งปันในสื่อสังคม หรือ External Harddisk หรือ Cloud storage ได้อีกหลายแหล่ง เช่น โพสต์เรื่อง อ.ศักดิ์ สักเสริญ รัตนชัย ชาวจังหวัดลำปาง ได้แบ่งปันลงเป็น File ไปในกลุ่ม KM+Ebook ที่รองรับ pdf และสามารถดาวน์โหลดได้โดยง่าย เพื่อให้เพื่อนสมาชิกสามารถเข้าถึงได้โดยง่าย
/* ตัวอย่างนี้ใช้บน Astra Theme */
@media print {
.widget-area, /* widget */
.site-footer, /* footer */
.navigation, /* navigation */
.ast-single-related-posts-container /* related posts*/
{display: none;}
}
บันทึกเรื่องที่ 10721 - 10783 (PubHTML5)
เมื่อเขียนบล็อกไประยะหนึ่ง เราสามารถสั่งพิมพ์โพสต์ บน blog ที่ใช้ #wordpress ออกมาได้ มีหลาย #theme ที่สนับสนุนรูปแบบสำหรับการ print หรือบันทึกเป็น pdf แล้วส่งไปเผยแพร่แบบ #flipbook เช่น pubhtml5.com มีบริการ embeded ทั้งแบบ iframe และ lightbox ทำให้ e-book ดูน่าอ่านยิ่งขึ้น
บันทึกเรื่องที่ 10721 - 10783
1. เข้าไปหาลูกค้า กับ ลูกค้าเข้ามาหา
2. ปรับสีพื้นเทมเพจรุ่น 9.0
3. ชวนฟัง อ.kirk เล่าประวัติ
4. ทุกความพยายามมีค่าเสมอ
5. ทฤษฎีรักนิรันดร – ดูภาพยนตร์แล้วย้อนดูตน
6. Zero like
7. ทานข้าวกับเพื่อนที่อุดรนัว
8. เพื่อน2565 – ก่อนวันแม่หนึ่งวัน
9. วิ่งขึ้นดอยเนินสปิริต
10. ปฐมนิเทศน์ นิสิตใหม่
ชะตากรรมเว็บไซต์ด้านการศึกษา ใน truehits
ช้ามา 11 ธ.ค.65 ก็นึกถึงแต่เรื่อง โดเมนด้านการศึกษาของตนเอง ชะตากรรมก็คงเหมือนไซต์การศึกษาในไทย มากกว่าครึ่งที่หายไปจากสถิติใน Truehits ปี พ.ศ.2010 เคยมีมากถึง 1294 เว็บไซต์ ปี พ.ศ.2565 มีเหลือ 578 เว็บไซต์ ยิ่งคิด ยิ่งเสียดาย ก็ยิ่งเครียด พอไปดูระบบ wordpress ใน 2 เว็บไซต์นี้ พบว่า มีมากกว่า 1500 กับ 900 โพสต์ ยิ่งเสียดายเข้าไปอีก หาวิธีเก็บ แชร์ออก ก่อนจะเสียโดเมน พบว่า browser สั่ง print เป็น pdf และ theme กลุ่ม twenty ออกแบบมาให้การ print แล้วอ่านง่าย ไม่เหมือน theme ที่สวย แต่ print ไม่สวย
อนนี้ได้ปรับ ระบบบล็อกทั้ง 4 บล็อก เป็น theme กลุ่ม twenty หมดแล้ว แต่ไซต์ที่เปลี่ยน theme เลขหน้าหายไป ต้องเข้าไปแก้โค้ดส่วนของ footer เอง สรุปว่าเสียดายโดเมนด้านการศึกษา ที่ต้องปล่อยไปตามกระแสของเวลา
ลบ category มีผลให้ย้ายกลุ่มไป default category
มื่อต้องการจัดการ category ด้วยการลบ จะมีผลต่อการจัดกลุ่ม post ในอดีต ดังนั้นก่อนลบ ให้ตรวจสอบ post ในกลุ่มที่ต้องการลบ ว่ามีจำนวนเท่าใด หลังจากลบแล้ว จะถูกย้ายไปยัง default category ซึ่งในกรณีของผม มีกลุ่มชื่อ ข่าวการศึกษา เป็นค่าปริยาย เมื่อลบกลุ่มใด โพสต์ในกลุ่มนั้นจะถูกย้ายมายังกลุ่ม ข่าวการศึกษา การจัดการกลุ่มอาจเชื่อมโยงกับการนำข้อมูล category ไปแสดงใน page ก็เป็นได้
ปรับการอนุญาต เข้าถึง folder : upload มื่อมีการ Upgrade รุ่นของ Wordpress 5.9.3 เป็น 6.1.1 ผ่าน Dashboard หรือการอัพโหลดภาพที่มีการสร้าง Folder โดยอัตโนมัติ แล้วไม่สำเร็จ อาจเกิดจากสาเหตุที่ Account ไม่ได้รับอนุญาตหรือมีสิทธิในการสร้าง Folder สามารถแก้ไขโดยปรับแก้ permission โดยปรับเป็น 777 ให้กับ Folder ที่เก็บ Wordpress ทั้งส่วนของ FTP account และ Application pool group
อีกวิธีหนึ่ง ที่ทำกับ thaiabc.com/lampangnet คือ การ upgrade ผ่าน FTP บนระบบที่ใช้งานปกติ ก่อนทำควร backup ทุกอย่าง มีขั้นตอนดังนี้ 1) Download WP รุ่น 6.1.1 แล้ว unzip ให้พร้อมสำหรับการ upload 2) ดาวน์โหลดทุกแฟ้มในรูทของ wp เก็บไว้ 3) ลบหรือเปลี่ยนชื่อ wp-admin และ wp-includes แต่ wp-content ปล่อยไว้คงเดิม 4) upload wp-admin และ wp-includes และทุกแฟ้มในรูทไปแทนที่แฟ้มเดิม ยกเว้นแฟ้ม wp-config.php ที่ใช้แฟ้มเดิม 5) หลังอัพโหลด แล้วไปเข้า /wp-admin แล้วคลิก Update Wordpress Database แล้วตามด้วยคลิก Continue พบว่า ระบบทุกอย่างจะกลับมาใช้งานได้ปกติ
บว่า การติดตั้ง Plugins:Jetpack ซ้ำ เกิด error : Update failed จึงต้องลบ Folder : jetpack ออกจาก wp-content และห้อง upgrade แล้วจึงสั่ง install ใหม่
Upgrade 6.1.1 เป็น 6.2 แล้ว Critical error
อัพเกรด wordpress บน IIS กับเครื่องบริการที่เคยมีปัญหา คือ หลังสั่ง Upgrade พบว่า ทุกหน้าปรากฎข้อความเหมือนกัน ว่า There has been a critical error on this website. ซึ่งมีวิธีแก้ปัญหาหลายวิธี เช่น ลบแฟ้ม .maintenance ใน root folder กรณีอัพเกรด plugin บางตัว และวิธีแก้ที่เคยใช้ได้ผล และใช้ในครั้งนี้เช่นกัน (19 เม.ย.66) ผมใช้วิธีที่มีขั้นตอน ดังนี้ 1) หลังอัพเกรด พบว่าระบบได้มีการดาวน์โหลด scripts ทั้งหมดของรุ่น 6.2 เข้ามาในห้อง wordpress-6.2-no-content 2) ย้ายแฟ้มทั้งหมดไปในห้อง backup เพื่อเก็บไว้ก่อน ยกเว้นแฟ้มข้อมูล คือ ห้อง wp-content และ wp-config.php ให้อยู่ใน root folder เหมือนเดิม 3) ย้ายแฟ้มในห้อง wordpress-6.2-no-content มาแทนในห้อง root folder และผมใช้การย้ายผ่าน Filezilla พบว่า ทำงานได้เร็วมาก ต่างกับดาวน์โหลดสคริปต์แล้วอัพโหลดขึ้นไปใหม่ 4) เปิดหน้าแรกของ wordpress พบว่า ทุกอย่างกลับมาใช้งานได้ปกติ และอยู่บนรุ่น 6.2 เรียบร้อยแล้ว
thaiabc.com/lampangnet/
การดำเนินการอัพเดทรุ่นจาก 6.1.1 เป็น 6.3.1
30 ส.ค.66 ร่างกายเราอัพเกรดทุกวัน ผมยาวขึ้น เล็บยาวขึ้น เลือดลมไหวเวียนตลอดเวลา หายใจเข้านาทีหนึ่งก็หลายสิบครั้ง ระบบบล็อกก็เช่นกัน มีการพัฒนาอยู่ตลอดเวลาที่ไหนสักแห่ง เมื่อพัฒนาจนได้ที่ เข้าที่เข้าทาง ก็จะเปิดให้มีการปรับปรุงรุ่นครั้งใหญ่ ซึ่งผมเองก็เลือกอัพเดทในวันที่สะดวก คือ วันนี้ สรุปว่าได้ทำการปรับรุ่นของระบบบล็อก (Blog) ทุกตัวที่ดูแลอยู่ให้ทันสมัยขึ้น โดยคลิก Update to version 6.3.1 บน Dashboard ของ wordpress ในรุ่นนี้ปรับเรื่องสำคัญจึงพบข้อความแจ้งว่า Database Update Required ที่เกี่ยวกับระบบฐานข้อมูล แล้วก็ต้องคลิก Update Wordpress Database
1) บน thaiall.com/blog ไม่พบปัญหาใด ๆ และอัพเดท Theme: Twenty Sixteen ก็ไม่พบปัญหา
2) บน thaiall.com/blogacla ใช้ Theme: Twenty Sixteen อัพเดทแล้วก็ไม่พบปัญหาเช่นกัน
3) บน thainame.net/edu เป็น 6.2.2 เมื่อคลิก Update to version 6.3.1 ก็ไม่พบปัญหา ใช้ Theme: Astra อัพเดทแล้วก็ไม่พบปัญหา
4) บน thaiabc.com/lampangnet เป็น 6.2.2 เมื่อคลิก Update to version 6.3.1 พบปัญหา There has been a critical error on this website "The authenticity of wordpress-6.3.1-no-content.zip could not be verified as no signature was found." ไม่มีการ update จึงต้องดำเนินการผ่าน File manager ทั้งหมด
การอัพเดทผ่าน File Manager มีขั้นตอน ดังนี้
1. เปิด File manager บน Plesk (ของผมใช้ตัวนี้)
2. import file via url : https://wordpress.org/latest.zip ไปไว้ใน /wp631 ซึ่งเร็วมาก
3. Archive, Extract Files, latest.zip เป็นบริการของ File manager
4. ลบหรือเปลี่ยนชื่อ wp-admin และ wp-includes ในห้องเดิม แต่ wp-content ปล่อยไว้คงเดิม
5. ย้ายแฟ้มทั้งหมดใน lastest.zip ไปไว้ในห้อง wordpress ยกเว้น wp-content และ wp-config.php อย่าไปแตะ
6. เปิด thaiabc.com/lampangnet/wp-admin/ แล้วคลิก Update Wordpress Database + Continue
7. เสร็จสิ้นการ update จาก 6.2.2 เป็น 6.3.1 เปิดใช้งานสร้าง post ได้ตามปกติ
การดำเนินการอัพเดทรุ่นจาก 6.3.1 เป็น 6.4.2 8 ธ.ค.66 ได้ update รุ่นของ blog ทั้ง 4 ไซต์ พบว่า ไม่พบปัญหาใด สำหรับ thaiall.com/blog และ thaiall.com/blogacla คลิกปุ่ม Update to version 6.4.2 แล้ว Update Wordpress Database และ Continue ก็เป็นอันเรียบร้อย แต่ thainame.net/edu และ thaiabc.com/lampangnet นั้น ได้เคยเลือก Enable automatic updates for all new versions of WordPress. ทำให้รุ่นของทั้ง 2 ไซต์มีการ update เป็น 6.4.2 ไปเป็นที่เรียบร้อยแล้ว ไม่ต้องคลิกปุ่มใดอีก
อีบุ๊ก pubhtml5 ใน wordpress ด้วย custom html รณีต้องการนำ ebook จาก pubhtml5.com ไปวางใน wordpress สามารถเลือก custom html แล้ว paste code ที่ copy มาได้
เปลี่ยนจาก https เป็น http ของ og:image ใน YoastSEO
นื่องจากได้ สร้างโพสต์เรื่อง เมืองปานโมเดล ของมหาวิทยาลัยราชภัฏลำปาง ใน thainame.net/edu แต่ og:image ไม่สามารถโหลดได้ เมื่อตรวจสอบผ่าน ตัวแก้ไขจุดบกพร่องการแชร์ ของ Facebook เพราะ Plugin Yoast SEO กำหนดค่า default ของ image เป็น https จึงต้องแก้ไข code ด้วยการ add_filter 2 ตัว คือ wpseo_opengraph_image, wpseo_opengraph_url และ wpseo_canonical ซึ่งโค้ดข้างล่างนี้ ถูกเพิ่มใน wp-seo-main.php ใน plugin Yoast SEO
// แก้ไขผ่าน Plugin File Editor : Yoast SEO
// edit : wp-seo-main.php
// ภาพ

add_filter('wpseo_opengraph_image','my_opengraph_image');
function my_opengraph_image( $url ){
return str_replace('https://','http://',$url);
}

// ลิงก์ของโพสต์
add_filter('wpseo_opengraph_url','my_opengraph_url');
function my_opengraph_url( $url ){
return str_replace('https://','http://',$url);
}

// ระบุเพจหลักให้ Search Engine ทราบ ป้องกันการทำ Index เพจอื่นที่มีเนื้อหาคล้ายกัน
add_filter('wpseo_canonical','my_canonical');
function my_canonical( $canonical ){
return str_replace('https://','http://',$canonical);
}
Header image 1200 * 280
ติดตั้งแอปเวิร์ดเพรสบนเครื่องที่ปิด xmlrpc
xmlrpc xmlrpc
นโรงเรียน แบ่งปันพื้นที่ให้คุณครู ในห้องเรียนแบ่งปันพื้นที่ให้นักเรียน ในกลุ่มศิษย์เก่าแบ่งปันพื้นที่ให้เพื่อน ในครอบครัวแบ่งปันพื้นที่ให้สามีภรรยาและลูกหลาน ได้เข้าไปเขียนเรื่องราวบันทึก สร้างเพจข้อมูล เพื่อเปิดเวทีให้เกิดการแลกเปลี่ยนเรียนรู้ ซึ่งสามารถทำได้ง่ายด้วยการติดตั้งแอปพลิเคชั่น Wordpress หรือ Jetpack - Website builder แล้วนำ Account ไขเข้าสู่ระบบ และใช้งานเครื่องบริการ เป็นการใช้เทคโนโลยีสารสนเทศสอดคล้องตามกระแสนิยมที่ชาวโลกเข้าใช้ประโยชน์จากสื่อดิจิทัลและเครือข่าย เพื่อการสื่อสารกัน
ต่ มีเครื่องบริการบางตัวปิดกั้นการใช้บริการ XMLRPC ด้วยเหตุผลเรื่องความปลอดภัยที่สำคัญ เมื่อครู นักเรียน ศิษย์เก่า ทำการเชื่อมต่อก็จะได้รับข้อความปฏิเสธว่า Couldn't connect. Requested XML-RPC methods are missing on the server. ซึ่งวิธีแก้ไขกรณีนี้ คือ ต้องเปิดให้เข้าถึงได้จากสมาชิก ด้วยการติดตั้ง plugin : Rename XMLRPC แล้ว admin ก็ต้องเข้าไปเปลี่ยนชื่อแฟ้ม xmlrpc.php เป็น xmlrpc2.php ในตอนที่ติดตั้ง plugin ซึ่งวิธีนี้ช่วยให้สมาชิก สามาถเข้าไปเขียน post หรือสร้าง page ได้โดยง่าย เพราะทุกคนมี smartphone ที่พร้อมใช้งาน
Blog หาย ทั้งหน้าแรก และ controlpanel
blank
thaiabc.com/lampangnet เมื่อพฤศจิกายน 2566 ใช้ wordpress รุ่น 6.3.2 พบปัญหาหน้า home และ controlpanel หายไป เข้าไม่ได้ตามปกติทั้ง 2 หน้า ปรากฎรหัสต้นฉบับเพียง 5 บรรทัด ทั้งสองหน้าแสดงหน้าว่างเปล่า พบรายงานใน wp-content/debug.log ต้องแก้ไขโค้ด โดยเปลี่ยนชื่อหรือลบฟังก์ชัน หรือ upgrade เพื่อหยุดการใช้งาน
1. ใน \wp-includes\script-loader.php บรรทัด 3227
จาก function _wp_theme_json_webfonts_handler() {
เป็น function __wp_theme_json_webfonts_handler() {
2. ใน \wp-includes\theme-templates.php บรรทัด 109
จาก function _the_block_template_skip_link()
เป็น function __the_block_template_skip_link()
Thaiall.com