เราคิดอะไรแปลกๆได้ ก็ต้องมีคนที่คิดแปลกๆเหมือนเราแล้วก็เขียน plugin ให้เราใช้งานตลอดเช่นกัน ทำให้คนที่ใช้ CMS ตัวนี้แล้วก็ต้องติดใจครับ

Plugin ของ wordpress มีเยอะจริง ปัญหามันอยู่ที่ การติดตั้ง และการตั้งค่า ว่าเราทำเป็นหรือไม่

วันนี้ผมมาแนะนำ plugin ตัวหนึ่ง ผมคิดว่าต้องมีคนคิดแบบผมว่าอยากให้เว็บ wordpress ของเรา support 2 ภาษา ต้องทำอย่างไรดี ?

นี้เลยครับ   QTRANSLATE    WORDPRESS PLUGIN

ไปหา download ได้เลยที่ https://wordpress.org/plugins/qtranslate/

เมื่อได้มาแล้วก็ทำการติดตั้งบนเว็บของเรา Upload ไปไว้ที่ /wp-content/plugins แล้วสั่ง Active

* แนะนำว่าก่อน active plugin อะไรใหม่ๆควร Backup database ไว้ก่อนนะครับ เผื่อมันไม่เข้ากับ wordpress version ที่เราใช้งานอยู่

ก่อนอื่นเราต้องเพิ่มภาษาเข้าไปก่อนนะครับ มาที่ setting > Languages

เห็นภาษาที่มีไว้ให้ไหมครับ มีเยอะมาก

แต่ถ้าภาษาที่เราเลือกไม่มีในรายการ ก็ต้องเพิ่มเข้าไปครับ

ในที่นี้ผมจะเพิ่มค่าภาษาไทยก่อนนะครับ

ตั้งค่าดังนี้เลยครับ

– Language Code: TH
(หรือเข้าไปดูภาษาอื่นๆได้ที่ http://www.w3.org/WAI/ER/IG/ert/iso639.htm#2letter)
– Flag : th.png
– Name : Thai
– Locale : th_TH
– Date Format : F j, Y
(ดู format อื่นๆได้ที่ http://th1.php.net/manual/en/function.strftime.php)
– Time Format : H:i
– Not Available Message : ขออภัยรายการนี้จะใช้ได้เฉพาะในภาษา %LANG:, : และ %.
กดปุ่ม Add Language

หลังจากนั้นก็ Enable ภาษาที่เรา add เข้าไป

ตั้งค่า ภาษา DEFAULT

วิธีการป้อนข้อมูล

ถ้าเป็น post ทั่วไปให้ป้อนแบบนี้ครับ

ภายใต้แท็ค  <!–:TH–>   ข้อความภาษาไทย <!–:–><!–:en–> English Language <!–:–>

TH คือภาษาไทย (จะแสดงข้อความใน tag เมื่อเลือกภาษาไทย)

en คือภาษาอังกฤษ (จะแสดงข้อความใน tag เมื่อเลือกภาษาไทย)

สามารถใช้ได้ตั้งส่วนหัวเรื่อง และเนื้อข้อความเลยนะครับ

ส่วนเมนูถ้าต้องการสองภาษาก็ใช้วิธีป้อนดังนี้ครับ

[:en]Home [:TH]หน้าหลัก

หลังจากนั้นเมื่อเราได้ content เรียบร้อยแล้ว ก็มาถึงการใส่ Widgets เพื่อใช้เลือกภาษา

วิธีใส่ WIDGETS

สามารถลาก wedgits qTranslate Language Chooser ไปวางในตำแหน่งที่ต้องการได้เลยครับ และตั้งค่าการแสดงผลตามที่ต้องการได้เลยครับ

ส่วนถ้าต้องการ Hard code ลงไปใน theme เลยในตำแหน่งพิเศษ

insert header.php

Change qTranslate text – qtrans_generateLanguageSelectCode(”)

//แบบโชว์ธงชาติ
<p>Language </p><?php if ( function_exists( ‘qtrans_generateLanguageSelectCode’ ) ) qtrans_generateLanguageSelectCode( ‘image’ );



//แบบโชว์ตัวย่อ
<?php echo qtrans_generateLanguageSelectCode(‘text’); ?>
<script>jQuery(document).ready(function(){ jQuery(‘.lang-en a span’).html(‘EN’); jQuery(‘.lang-fr a span’).html(‘FR’); })</script>

insert .css

div.social_links_area p {float: left; margin-bottom: 0; margin-top: 10px; width: 35px;}
#qtranslate-chooser { list-style-type:none; float:right; margin:10px; }
#qtranslate-chooser li { float : left; margin-right: 6px; margin-top: 3px; }

จบ

ลองทำกันดูนะครับ เพิ่มเว็บไซต์ wordpress ของคุณให้ได้ประสิทธิภาพสูงสุด

The post ทำ wordpress 2 ภาษา qTranslate appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

ตัวอย่าง mata ของ Mindphp.com

<meta property=”og:locale” content=”th_TH”/>
<meta property=”og:type” content=”article”/>
<meta property=”og:title” content=”Home | Mindphp.com”/>
<meta property=”og:url” content=”http://www.mindphp.com/”/>
<meta property=”og:site_name” content=”Mindphp.com”/>
<meta property=”og:image” content=”http://www.mindphp.com/images/mindphp-logo.png”/>

ส่วนของ og:image จะใช้เป็น ภาพของแต่ละบทความ หรือ logo หลักของเว็บก็ขึ้นอยู่กับเว็บเราเอง อย่างเช่น pantip.com เค้าจะให้แสดง logo ของเว็บทุกการแชร์

ข้อมูลจาก http://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/34-joomla/2915-share-facebook-host.html

The post กำหนดภาพและข้อมูลสำหรับไว้แชร์เว็บ appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

จึงได้เอาไปหาใน google ได้วิธีทำไม่ยากเลยดังนี้

1. สร้างไฟล์ maintenance.txt

2. ใน txt ไฟล์ให้ใส่ code ดังนี้

<?php 
	function is_user_logged_in() { 
		$loggedin = false; 
		foreach ( (array) $_COOKIE as $cookie => $value ) { 
			if ( stristr($cookie, ‘wordpress_logged_in_’) ) $loggedin = true; 
			} return $loggedin; 
		} 
		if ( ! stristr($_SERVER['REQUEST_URI'], ‘/wp-admin’) && ! stristr($_SERVER['REQUEST_URI'], ‘/wp-login.php’) && ! is_user_logged_in() ) $upgrading = time(); else $upgrading = 0; 

?>

3. ใช้โปรแกรม FTP ไปวางไฟล์ที่ root directory ของ WordPress

4. เปลี่ยนชื่อไฟล์จาก maintenance.txt  เป็น .maintenance  (มีจุดข้างหน้าด้วยนะครับ)

เพียงแค่นี้ก็ไม่มีใครเข้ามาดูเว็บเราได้แล้ว

แต่เราสามารถ login ผ่าน wp-admin/ ได้ปกติ และสามารถ preview เว็บได้แต่ต้อง login ค้างอยู่นะครับ

และเมื่อไรที่อยากจะเปิดเว็บให้ใครๆได้ชมก็แค่ ลบไฟล์ .maintenance ออกก็สามารถใช้ได้แล้วครับ

The post วิธีปิดเว็บ wordpress ชั่วคราวเพื่อปรับปรุงเว็บ appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

มาดูวิธีกันนะครับ (ตัวอย่างเว็บ www.octokidsshop.com)
1. Export Database จาก localhost ก่อนนะครับ จะได้ไฟล์ .sql

2. เอาไฟล์ sql ที่ได้ไปเปิดด้วยโปรแกรม text editor แล้วทำการ Find หาคำว่า “Localhost” และ Replace ด้วยชื่อเว็บแทน “www.octokidsshop.com” (ถ้าเว็บไซต์ใครอยู่ใน sub อีกทีก็ใส่เพิ่มได้ครับ เช่น “www.octokidsshop.com/web”) เมื่อ Replace แล้วให้ทำการ Save ทับไฟล์เดิมไปเลยครับ

3. หลังจากนั้นไปสร้าง Database บน Hosting ได้เลยครับ

4. Import sql ที่ Replace แล้วเข้าไปบน Database ใหม่ได้เลยครับ

5. เอาไฟล์เว็บ WordPress ทั้งหมด Upload ขึ้น Hosting ได้เลยครับ

6. แก้ไขไฟล์ wp-config.php ตรงส่วนของ DB_NAME, DB_USER, DB_PASSWORD ให้ถูกต้อง

7. ส่วนใครที่เปิดฟังก์ชั่น SEO / url friendly ต้องแก้ไขไฟล์ .htaccess ให้ถูกต้องด้วย

8. Upload ไฟล์ config.php และ .htaccess ไปทับบน Hosting จริง

9. เปิด premission ของ /wp-content/uploads ให้เป็น 777

เพียงเท่านี้เว็บไซต์คุณก็สามารถ online ได้อย่างสวยงามเหมือนใน localhost ของคุณทุกประการ
ผิดพลาดประการใดแนะนำได้นะครับ
WEBSITELOB.COM

The post การย้าย WordPress จาก Localhost ไป Hosting appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

ถ้ายังไม่มีให้ไป download จาก wordpress.org ได้เลยนะครับ โดย search หาดูนะครับ

เมื่อได้ไฟล์มาแล้วก็ FTP ติดตั้งเข้า SERVER และทำการสั่งให้ทปลั๊กอินทำงาน

หลังจากผ่านการติดตั้งมาได้แล้ว ก็ไปถึงการตั้งค่านะครับ

จะมีเมนู ติดต่อเพิ่มเข้ามาด้านซ้าย คลิกได้เลยครับ

จะเห็นว่ามีตัวอย่างอยู่แล้ว 1 ฟอร์ม คุณจะเลือกแก้ไข หรือสร้างใหม่ก็ได้

เมื่อคลิกเข้ามาจะเจอ code แบบฟอร์มอยู่ด้านซ้าย และป้ายกำกับอยู่ข้างขวา

ให้ทำการเพิ่มตามตัวอย่างเป็นการเพิ่ม CAPTCHA เข้าที่ฟอร์มของเรา

(ต้องติดตั้งปลั๊กอินเพิ่ม) สังเกตุที่ป้ายกำกับ เมื่อเวลาเลือกเพิ่มอะไรก็จะมีคำอธิบายไว้แล้ว

ให้ Copy code ตามที่บอกมาไว้ด้านซ้ายตามตำแหน่งที่ต้องการ [text* your-name]

คือ text box รับค่า ชื่อว่า yout-name

ส่วนเนื้อ E-mail ดูได้จากบล็อกข้างล่างลงมา

จะมีแบบ เนื้อe-mail ให้เอา [your-name]  ไปวางในตำแหน่งที่ต้องการให้แสดง

* ดูตามชื่อที่ตั้งไว้นะครับ

แล้วทำการบันทึก จะได้ code [contact-form7…

หลังจากนั้นก็มาสร้างหน้า contact us แล้วให้ Copy code มาวางภายใต้เนื้อหาของหน้า

หลังจากนั้นสร้างเมนูเพื่อเข้าหน้า contact us

แค่นี้ก็ได้ Contact form ตามที่เราต้องการแล้วครับ

ขอจบเพียงเท่านี้ครับ มีข้อสงสัยสามารถ contact มาได้นะครับ

The post การทำ contact form จาก wordpress appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

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

เช่น theme ที่เราเลือก แสดงสินค้า แถวละ 3 ชิ้น ผมจะให้แสดง 4 แถว 3×4 = 12 ต่อหน้า แล้วค่อน next หน้า 2 ต่อไป

แต่มันกับแสดงสินค้า 10 ชิ้นต่อหน้า ทำให้แถวที่ 4 ของผมมีสินค้า อยู่ชิ้นเดียว

ผมจึงพยายามหาวิธีการตั้งค่า ใน wordpress แต่มันก็ไม่เป็นผล

เลยไปหาวิธี hard code *จริงๆแล้วไม่ควรทำครับ

วิธีการมีดังนี้

เข้าไปหา folder ของ theme ที่เราใช้งานอยู่ แล้วหาไฟล์ชื่อว่า functions.php

/wp-content/themes/themename/functions.php

หลังจากนั้นก็ download ลงมาไว้ในเครื่อง

ใช้โปรแกรม Editor เปิดไฟล์  ( ! ส่วนนี้ควรต้องระวัง หาลบ หรือแก้ไขส่วนอื่นๆ )

*** หลังจากนั้นก็ แทรก Code นี้ลงไปในบรรทัดทุดท้าย  เห็น ‘return 12′ ไหมครับ แก้ได้ครับ อยากให้แสดงจำนวนสินค้าเท่าไรต่อหน้า ก็แก้ไขแล้วก็ save นะครับ ***

add_filter( ‘loop_shop_per_page’, create_function( ‘$cols’, ‘return 12;’ ), 20 );

*********

สุดท้ายก็ upload เข้าไปทับที่เดิมเลยครับ แค่นี้ก็เรียบร้อยดั่งใจคิด

แต่ในบาง theme ที่เราเลือก ก็มีส่วนให้เราตั้งค่าได้อย่างสะดวกนะครับ ลองหาดูก่อนนะครับ ก่อนที่จะใช้วิธี  hard code

The post Woo Commerce ตั้งค่าจำนวนสินค้าต่อหน้า appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.