วิธีการทำ WordPress Multisite – WPMU

• ขั้นแรก ไปโหลด wordperss มาก่อนครับ ที่เว็บ wordpress.org (สามารถทำ wpmu ได้ทุกเวอร์ชั่นครับ)เมื่อได้ไฟล์มาแล้วให้แตก .zip ออก  เข้าไปแก้ไขไฟล์ชื่อ wp-config-sample.php เปลี่ยนชื่อเป็น wp-config.php ครับ และแก้ไขข้อมูลด้านในโดยเพิ่มโค้ดนี้ลงไปดังนี้

define( ‘WP_ALLOW_MULTISITE’, true );

• สังเกตง่ายๆ ใส่ไว้ใต้ข้อความนี้ครับ /* That’s all, stop editing! Happy blogging. */
• หลังจากแก้ไขเสร็จแล้ว ก็อัพไฟล์ wordpress ขึ้นโฮสได้เลย และเตรียมรัน URL ติดตั้ง WordPress ให้เสร็จตามปกติ จากนั้นล็อกอินเข้าระบบรอไว้เลยครับ

• เมื่อเข้าหลังบ้านมาแล้ว ให้ไปที่เมนู Tools >  Network Setup

• เลือก Sub-domains หรือจะเลือก Sub-directories ก็แล้วแต่ครับ

• ระบบจะสั่งให้เพิ่มโค้ดในส่วนที่แสดงตามภาพด้านบนนี้ลงไปในไฟล์ 2 ไฟล์คือ wp-config.php และ .htaccess

• เมื่อเพิ่มเสร็จแล้ว ให้กด Refresh ครับ ระบบจะให้ล็อกอินใหม่อีกรอบ และเมื่อเข้ามาแล้ว จะเป็นแบบภาพด้านล่าง

• ผมทดลองสร้าง Site ขึ้นมาใหม่ โดยใช้ชื่อว่า demo1 ใส่รายละเอียดลงไป เมื่อกด Add site เสร็จ ลองรัน URL ดู (ยกตัวอย่าง http://demo1.domain.com โดเมนของใครของมันนะจ๊ะ)

• เมื่อรันแล้วจะพบว่า Server not found แน่นอน เราต้องเข้าไปแก้ไขในส่วนของ Wildcard DNS ซึ่งในส่วนที่ผมจะทำ โฮสของผมเป็น Direct Admin และผมใช้ VPS จึงสามารถจัดการในส่วนนี้ได้ หากใช้ Share Host ทั่วไป คงต้องแจ้งทางโฮสให้แก้ไขให้นะครับ

• เมื่อล็อกอินเข้าโฮส ขึ้นแรก ให้ไปที่เมนู 1 : DNS Administration ก่อน

• เลือกโดเมนที่ต้องการทำ ตามภาพด้านบน

• เลื่อนมาด้านล่าง ในช่อง Add domain Records ให้ใส่ * ตามภาพ และ ใส่ IP ของโฮส จากนั้นกด Add ได้เลย
• เสร็จจากตรงนี้ ให้กลับไปหน้า Home ให้เลือกที่เมนู 2 : Extra Features ==> Custom HTTPD Configurations แล้วเลือกโดเมนที่จะทำ Wildcard DNS อีกครั้ง

• ใส่ค่า ServerAlias *.|DOMAIN| ในช่องว่างได้เลย แล้วกด Save
• จากนั้นกลับไปที่หน้า Admin ของ WordPress อีกรอบ

• หากลองรัน demo1 อีกรอบ มันก็จะไม่ได้เหมือนเดิมครับ ต้องทำการสร้างซับใหม่ขึ้นมา
• ผมสร้าง Sub domain ขึ้นมาใหม่อีกอัน ให้ชื่อว่า Demo2 แล้วลองรัน URL ดูครับ

• เสร็จแล้ว วิธีทำ WordPress Multisite – WPMU แบบละเอียด มีแค่นี้แหละครับ ไม่ยากเลยใช่มั๊ย ลองเอาไปใช้งานดูครับ

ข้อควรระวัง WPMU

WPMU มันจะใช้ฐานข้อมูลก้อนเดียว รันทุก sub-domain ทำให้ขนาดของฐานข้อมูลเพิ่มขึ้นเร็วมากหลายเท่าตัว และหากฐานข้อมูลมีปัญหาหรือเสีย มันจะพังทั้งหมดนะครับ ดังนั้น การวางแผนที่ดีและการสำรองข้อมูล จึงจำเป็นอย่างมาก คิดให้ดีก่อนทำนะครับ

ปล. หากรูปในหน้าเว็บมันเล็กไป ก็คลิกซูมเอานะครับ เต็มจอแน่นอน

บทความโดย tsupaman.com

The post [WordPress] วิธีการทำ WordPress Multisite – WPMU appeared first on TsupamaN.com.

วันนี้ก็เป็นอีก 1 เคส ที่ผมขอยกตัวอย่างให้ดู นั่นคือ การตั้งค่า RSS/Feed ไม่ทำงาน ซึ่งอาจจะดูไม่สำคัญ แต่มันกระทบถึงการใช้งาน Sitemap ของระบบเลย จึงปล่อยเฉยไว้ไม่ได้ซะแล้ว

ผมไปค้นวิธีแก้ปัญหาหาก Rss / Feed ไม่ทำงาน ได้วิธีที่คิดว่าง่ายมาแนะนำครับ

• อย่างแรกเลย หากตรวจพบว่า Sitemap หรือ RSS/Feed ไม่ทำงาน ไม่ว่าจะเกิดปัญหาอะไร ลองโหลดไฟล์นี้ดูก่อนครับ >> wejnswpwhitespacefix.zip
• อันนี้จะเป็นวิธีการใช้งาน นั่นคือ แตกไฟล์ zip แล้วเอาไปวางไปใน Root ของ wordpress ครับตามรูป

• จากนั้นให้เปิดไฟล์ index.php ที่อยู่ใน root เดียวกัน ตามรูปด้านบนครับ ทำการแก้ไขดังนี้

• ใส่โค้ด include(“wejnswpwhitespacefix.php”); ลงไปในส่วนหัวของไฟล์ตามรูปครับ จากนั้น Save แล้วลองไป Refresh เว็บไซต์ดูครับ

ปล. การตั้งค่าของ WordPress จะต้องเป็นไปตามหลักการที่ถูกต้องก่อนนะครับ แล้วค่อยมาใช้วิธีนี้

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

บทความโดย TsupamaN

The post [WordPress] วิธีแก้หาก Sitemap – Rss/Feed ไม่ทำงาน appeared first on TsupamaN.com.

เข้าเรื่องกันเลย เวลาผมจะใช้งาน Date Format ในแต่ละที ต้องมาเปิด google หรือคู่มือต่างๆ ว่าไอตัวย่อที่มีมาให้ มันใช้อย่างไร 555+ เรื่องของเรื่องคือ ขี้เกียจนั่งจำ (ไม่ควรทำตามนะครับ) วันนี้ผมเลยเอามาเขียนใส่ Blog เตือนความจำเอาไว้ซะเลย เวลาต้องการจะใช้ จะได้ไม่ต้องไปค้นหาที่อื่น มาเปิดเว็บตัวเองนี่แหละ

การใช้งาน WordPress Date Format ต่างๆ

ในการประกาศค่าวันที่ ส่วนใหญ่ผมจะใช้ง่ายๆ เลยก็ Date เช่น  the_time()  หรือ the_date() โดยตัวอักษรที่จะสื่อความหมายของมันจะเป็น

l, F j, Y

เวลาใช้งาน ค่าที่ได้ ก็จะประมาณนี้ : the_date(“l, F j, Y”);

Friday, July 28, 2016

อธิบายรายละเอียดคร่าวๆ ตามตารางด้านล่างนี้ครับ

* ข้อมูลจาก wordpress format (https://codex.wordpress.org/Formatting_Date_and_Time)

ยกตัวอย่าง

• F j, Y g:i a – November 6, 2010 12:50 am
• F j, Y – November 6, 2010
• F, Y – November, 2010
• g:i a – 12:50 am
• g:i:s a – 12:50:48 am
• l, F jS, Y – Saturday, November 6th, 2010
• M j, Y @ G:i – Nov 6, 2010 @ 0:50
• Y/m/d \a\t g:i A – 2010/11/06 at 12:50 AM
• Y/m/d \a\t g:ia – 2010/11/06 at 12:50am
• Y/m/d g:i:s A – 2010/11/06 12:50:48 AM
• Y/m/d – 2010/11/06

อยากใช้อย่างไร ก็เลือกได้เลยครับ หากจะเปลี่ยนปี คศ เป็นปี พศ ล่ะก็ ผมมีฟังก์ชั่นง่ายๆ มาแนะนำ

$thai_year = get_the_time('Y')+543;  //ปี คศ บวกด้วย 543 จะได้เป็นปั พศ
the_time('j F '.$thai_year);   // ฟังก์ชั่นแสดงค่า

แค่นี้เองครับ ขึ้นอยู่กับว่า ใครเอาไปใช้งานอย่างไร หากมีฟังก์ชั่นดีๆ เอาไว้จะมาบอกต่อนะครับ การทำเว็บ wordpress หรือทำเว็บด้วย PHP ไม่ใช่เรื่องยาก อีกต่อไป

บทความโดย tsupaman

The post [WordPress] การใช้งาน Date Format ต่างๆ appeared first on TsupamaN.com.

วิธีการใช้งาน WP Mail SMTP

• ให้ดาวน์โหลดไฟล์ปลั๊กอินมาก่อน จากลิงค์ด้านบนที่ผมแนบไว้ให้ แล้วติดตั้งได้เลยครับ
• จากนั้นก็ตั้งค่าตามภาพด้านบนได้เลย แล้วลองส่งเมลดูใหม่ครับ

หากติดตั้งปลั๊กอินแล้ว เมลยังไปเข้าที่เมลขยะอีกล่ะก็ ลองสมัคร mandrill.com และ verify domain ซะก่อน หลังจากนั้น ตั้งค่าเปลี่ยนการ sendmail ใน WordPress เป็น SMTP แล้วก็กรอกรายละเอียด mandrill อีกครั้งครับ

บทความโดย TsupamaN

The post WordPress : แก้ปัญหา ส่งเมลแล้วไปเข้า Junk appeared first on TsupamaN.com.

WordPress : สร้าง Relate Posts ไม่ให้โพสปัจจุบันแสดง

<h3 class="title"><span> Relate Posts</span></h3>
<div class="list">
	<ul>
	<?php 
		$category = get_the_category();
		$category_id = $category[0]->cat_ID; 
							
		$my_query = new WP_Query(array(
			'showposts' => 4,                    //โชว์แค่ 4 พอ
			'orderby' => 'rand',                 //แสดงผลแบบสุ่ม
			'cat' => $category_id,               //หมวดหมู่ปัจจุบัน
			'post__not_in' => array($post->ID)   //ไม่ให้โชว์โพสปัจจุบันที่มันแสดงอยู่
		));;
		while ($my_query->have_posts()) : $my_query->the_post();
	?>
		<li>
			<a href="<?php the_permalink() ?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail('thumb_relate'); } ?></a>
			<p><a href="<?php the_permalink() ?>"><?php title_short('...',  120); ?></a></p>
		</li>
	<?php
		endwhile;
	?>
</ul>
</div>

ลองเอาไปใส่ในไฟล์ single.php ดูครับ ส่วนเรื่องการปรับแต่ง CSS ก็ตัวใครตัวมันนะ 555+

บทความโดย TsupamaN

The post WordPress : สร้าง Relate Posts ไม่ให้โพสปัจจุบันแสดง appeared first on TsupamaN.com.

ในการเขียน Theme wordpress ขึ้นมาเองนั้น เราสามารถเขียนคำสั่ง หรือฟังก์ชั่นเสริมเข้าไปได้ เพื่อเพิ่มความสามารถให้กับ Theme WordPress นั้นๆ เพียงแค่เราเข้าใจหลักการ และขั้นตอนการเขียนโปรแกรมให้สอดคล้องกับการทำงานของ WordPress อย่างเช่นตัวอย่างที่ผมจะนำมาให้ดูกันครับ

WordPress ฟังก์ชั่นนับจำนวน Post ใน Category

ถามว่ามันจำเป็นมั๊ย 555+ ตอบได้เลยว่า ถ้าไม่มี ก็ไม่เดือดร้อนครับ แต่บางโอกาส อาจจะมีบางคนต้องการก็เป็นได้ครับ วันนี้ผมเลยมาแนะนำฟังก์ชั่นง่ายๆ ใช้งานง่ายๆ มาฝากกันครับ เริ่มกันเลย

ขั้นตอนแรก : ใส่โค้ดเหล่านี้ในไฟล์ functions.php

function wp_get_cat_postcount($id) {
    $cat = get_category($id);
    $count = (int) $cat->count;
    $taxonomy = 'category';
    $args = array(
      'child_of' => $id,
    );
    $tax_terms = get_terms($taxonomy,$args);
    foreach ($tax_terms as $tax_term) {
        $count +=$tax_term->count;
    }
    return $count;
}

แค่นี้แหละครับ ที่เหลือก็แค่ววิธีการใช้งาน สมมุติไปที่ไฟล์ header.php ไปที่เมนูละกัน

เราแค่ใส่ตัวเลขไอดีของหมวดหมู่นั้นๆ ลงไปยกตัวอย่างเลข 2 :: <?php echo wp_get_cat_postcount(2); ?>

แค่นี้ ระบบก็จะแสดงจำนวนของ Post ที่มีทั้งหมดในหมวดหมู่นั้นๆ ออกมาแล้วครับ หวังว่าฟังก์ชั่นนี้ จะมีประโยชน์กับผู้ที่ต้องการนะครับ

บทความโดย : TsupamaN

The post WordPress ฟังก์ชั่นนับจำนวน Post ใน Category appeared first on TsupamaN.com.

ต่อจากบทความนี้นะครับ สร้างอัลบั้มด้วย Responsive Lightbox Plugin ขั้นเทพ ในการสร้างอัลบั้มของ wordpess นั้น ภาพอัลบั้มที่ได้มักจะเป็นสี่เหลี่ยมจัตุรัสไม่มีความสวยงามเอาซะเลย ตัวอย่างเช่น

หากจะปรับแต่งต้องไปแก้ที่ไฟล์ CSS เพิ่มเติมยุ่งยาก ถ้าคนที่ไม่รู้ Programming ล่ะ จะไปปรับยังงัย วันนี้ผมมีวิธีปรับเล็กๆน้อยๆมาฝากครับเกี่ยวกับ วิธีปรับขนาดของภาพใน Gallery ของ WordPress ไม่ให้มันเป็นสี่เหลี่ยมจัตุรัสอีกต่อไป มาดูกันครับ

วิธีปรับขนาดของภาพใน Gallery ของ WordPress

• ก่อนอื่น Login เข้า Admin ของ Wordpres ก่อนเลย แล้วไปที่เมนู Settings -> Media ครับ

• จะเห็นว่าภาพ Thumbnail size มีขนาดเริ่มต้นอยู่ที่ 150×150 Pixel ให้แก้เป็นขนาดที่ต้องการครับ
• จากนั้นไปที่การสร้าง Gallery ในส่วนของ Add Post เมื่อสร้างเสร็จแล้ว ให้  View code ดู แก้ไขตามนี้ครับ

• ใส่ size=”thumbnail” เพิ่มเติมลงไป เท่านี้ของรูปภาพในอัลบั้ม ก็ไปเป็นไปตามที่เราต้องการแล้วครับ ไม่ต้องทนเห็นมันเป็นสี่เหลี่ยมจัตุรัสอีกต่อไป

หากต้องการปรับแก้ขนาดอีก ก็ทำแบบเดิมครับ เท่านี้ก็จะได้ขนาดที่ดูสวยงามกว่าสี่เหลี่ยมจัตุรัสแล้ว ลองดูตัวอย่างได้ที่เว็บไซต์ www.firedub.com ผมใช้หลักการจากบทความนี้แหละครับ

ขอบคุณรูปภาพและข้อมูลจาก amethystwebsitedesign.com

The post วิธีปรับขนาดของภาพใน Gallery ของ WordPress appeared first on TsupamaN.com.

ฟังก์ชั่นที่ใช้ในการควบคุมเมนู Custom Menu ของ wordpress คือ ฟังก์ชั่น wp_nav_menu หากเราใช้มันเป็น มันเหมือนเสือติดปีกดีๆ นี่เอง มาดูพารามิเตอร์ของฟังก์ชั่นนี้กันก่อน

$defaults = array(
    'theme_location'  => '',
    'menu'            => '',
    'container'       => 'div',
    'container_class' => '',
    'container_id'    => '',
    'menu_class'      => 'menu',
    'menu_id'         => '',
    'echo'            => true,
    'fallback_cb'     => 'wp_page_menu',
    'before'          => '',
    'after'           => '',
    'link_before'     => '',
    'link_after'      => '',
    'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
    'depth'           => 0,
    'walker'          => ''
);
 
wp_nav_menu( $defaults );

มันมีพารามิเตอร์เยอะมาก เอาแค่ที่ใช้จริงๆ มีไม่กี่ตัวที่ผมใช้ประจำ ก็มีตามตัวอย่างด้านล่างครับ

wp_nav_menu( array( 'theme_location' => 'top-menu' , 'menu_class' => 'sf-menu' , 'container' => 'none'));

• theme_location : กำหนดว่าให้ส่วนไหนแสดง ไปกำหนดได้ใน Appearance > Menus แล้วตั้งค่าเอา
• menu_class : บางทีก็จะใช้ menu_id ขึ้นอยู่กับว่า css เราเขียนอะไรมา
• container : เป็นค่า none คือ ยกเลิกการใช้แท็กของ wordpress ให้ใช้แท็ก CSS ของเราเองครับ
• ค่าอื่นๆ ก็ใช้บ้างในบางโอกาสครับ ขึ้นอยู่กับ theme นั้นๆ

เมื่อเรา config ตัวเมนูไปแล้ว ก็ต้องมากำหนดค่าที่ไฟล์ functions.php ด้วยครับ

function register_my_menus() {
    register_nav_menus(
        array(
            'top-menu' => __( 'Top Menu' )
        )
    );
}
add_action( 'init', 'register_my_menus' );

ที่เหลือก็แค่ไปใช้งาน Appearance > Menus ให้เป็นก็จบขั้นตอนแล้วครับ ไม่ต้องไปใช้ plugin ให้เว็บไซต์เราต้องโหลดงานหนักกว่าเดิม แค่นี้ก็สามารถใช้ Custom Menu ร่วมกับ Theme ที่เราเขียนเอง ได้อย่างสบายใจแล้วล่ะ

บทความโดย tsupaman

The post ฝึกใช้ Custom Menu ร่วมกับ Theme ที่เราเขียนเอง appeared first on TsupamaN.com.

วันนี้ ผมเอาฟังก์ชั่น wordpress นับจำนวนคนอ่าน บทความแบบง่ายๆ มาให้เอาไปใช้กันครับ โดยที่คุณจะลืมไปเลยว่า Plugin ที่ชื่อ wp_pageview นั้น หน้าตาเป็นอย่างไร

เปิดไฟล์ functions.php ขึ้นมา แล้วใส่โค้ดด้านล่างนี้ลงไปครับ

function getPostViews($postID){
    $count_key = 'post_views_count';
    $count = get_post_meta($postID, $count_key, true);
    if($count==''){
        delete_post_meta($postID, $count_key);
        add_post_meta($postID, $count_key, '1');
        return '1 View';
    }
    return $count.' Views';
}

// function to count views.
function setPostViews($postID) {
    $count_key = 'post_views_count';
    $count = get_post_meta($postID, $count_key, true);
    if($count==''){
        $count = 1;
        delete_post_meta($postID, $count_key);
        add_post_meta($postID, $count_key, '1');
    }else{
        $count++;
        update_post_meta($postID, $count_key, $count);
    }
}

// Add it to a column in WP-Admin - (Optional)
add_filter('manage_posts_columns', 'posts_column_views');
add_action('manage_posts_custom_column', 'posts_custom_column_views',5,2);
function posts_column_views($defaults){
    $defaults['post_views'] = __('Views');
    return $defaults;
}
function posts_custom_column_views($column_name, $id){
    if($column_name === 'post_views'){
        echo getPostViews(get_the_ID());
    }
}

 จากโค้ดด้านบน จะอธิบายคร่าวๆดังนี้นะครับ

• ฟังก์ชั่น setPostViews() จะทำการ “นับ” หากเราเปิดหน้าบทความนั้นๆขึ้นมา
• ฟังก์ชั่น getPostViews() จะทำการ “แสดง” ค่าที่นับเข้ามา

งงมั๊ยเอ่ย ถ้างง มาดูกันต่อ

การใช้งานฟังก์ชั่นทั้งสอง setPostViews() และ getPostViews()

ผมยกตัวอย่างในไฟล์ single.php ละกัน

<?php if (have_posts()) : ?> 
<?php setPostViews(get_the_ID()); ?>
<div class="grid_8_bg">
	<?php while (have_posts()) : the_post(); ?> 
	<div class="content">
		<div class="page-breadcrumbs"><?php if(function_exists('bcn_display')){ bcn_display(); }?></div>
		<div class="page-title"><h2><?php the_title(); ?></h2></div>
		<div class="page-detail">
                     <?php echo human_time_diff( get_the_time('U'), current_time('timestamp') ) . ' ago'; ?> </b> (<?php echo getPostViews(get_the_ID()); ?>)
                </div>
		<div class="page-content">
			<?php the_content(''); ?>	
		</div>
		<div class="page-content-tag">
			<span>Tags (คำค้นหา)</span>
			<span class="img-tag"><img src="<?php bloginfo('template_url'); ?>/images/tags.png"/></span><p><?php the_tags( '', ', ', ''); ?></p>
		</div>
		<div class="clear"></div>

	</div>
	<?php endwhile; ?>
</div>
<?php else : ?>
<div>
     <div style="width:640px;text-align:center;padding:50px 10px;font-size:24px;">ขออภัย! ยังไม่มีเนื้อหาสำหรับหมวดนี้....</div>
</div>
<?php  endif; ?>

ลองดูตัวอย่างแล้วงงอีก คอมเม้นต์ถามกันมาได้นะครับ สำหรับการใช้ฟังก์ชั่นทั้งสองนี้ แล้วคุณจะไม่ต้องนึกถึง plugin wp_pageview อีกเลย ลองเอาไปใช้กันดูสำหรับ WordPress : นับจำนวนคนอ่านบทความ แบบไม่ใช้ Plugin

บทความโดย : tsupaman

The post WordPress : นับจำนวนคนอ่านบทความ แบบไม่ใช้ Plugin appeared first on TsupamaN.com.

WordPress การตั้งค่า Permalink ให้ URL ภาษาไทยยาวๆ

หากเราเขียนเว็บขึ้นมาเองสักตัวนึง เราสามารถกำหนดให้ url ของเราในรูปแบบไหนก็ได้ จะยาว จะสั้น จะภาษาไทย หรือภาษาอังกฤษนั้นไม่ใช่เรื่องยาก หากเรารู้วิธีการใช้ .htaccess แต่ใน wordpress นั้น เราไม่จำเป็นต้องทำอะไรมากเลย นอกจากการ config ระบบง่ายๆแค่ไม่กี่ขั้นตอน เพียงแค่คุณรู้เท่านั้น อย่างแรกที่ต้องทำคือ

/%postname% , /%postname%.html , /%postname%.htm , /%category%/%postname%.html

The post WordPress : ตั้งค่า Permalink ให้ URL ภาษาไทยยาวๆ appeared first on TsupamaN.com.