Left sidebar under main content on Mobile

การกำหนดให้เนื้อหาแสดงผลก่อนไซด์บาร์บนอุปกรณ์โมบาย

การทำร้านค้าออนไลน์ ให้แสดงผลบน Mobile Devices ในส่วนที่เป็นหน้ารวมสินค้า ถ้าดีไซน์มาเป็น right sidebar อยู่แล้วคงไม่มีปัญหาเวลาดูบนอุปกรณ์โมบาย เพราะ sidebar จะปัดไปอยู่ล่าง main content อยู่แล้ว แต่ในกรณีที่ดีไซน์มาเป็น left sidebar เวลาลูกค้ากด add to cart เราคงไม่อยากให้ sidebar ขึ้นมาอยู่ก่อน main content ในขั้นตอนการไปสู่หน้า cart และหน้า checkout

วิธีแก้ปัญหา

ผมแก้ปัญหาโดยใช้วิธีง่ายๆ โดยให้ sidebar อยู่ล่าง main content และกำหนดให้ #sidebar float:left และ #main float:right บนหน้าจอตั้งแต่ 981px ขึ้นไปตามโค้ดด้านล่างครับ

Left sidebar under main content on Mobile

Contact Form 7 Responsive

Making Contact Form 7 Responsive

The css – put in style.css


/* Contact Form 7 Responsive */

div.wpcf7 .wpcf7-form-control max-width: 100%;


refer : https://wordpress.org/support/topic/making-contact-form-7-responsive

Tag : Contact Form 7

Contact Form 7 Responsive

WooCommerce Extensions

รวมปลั๊กอินที่ใช้ร่วมกับ WooCommerce (Plugins Pack)

WooCommerce คือ ปลั๊กอินใช้ทำร้านค้าออนไลน์ใน WordPress ซึ่งได้รับความนิยมเป็นอย่างมาก จึงทำให้มีนักพัฒนาทำส่วนเสริม Extension เพื่อเพิ่มประสิทธิภาพและเติมส่วนที่ขาดไป โดยทำเป็นปลั๊กอินที่สามารถ Install ลงไปแล้วใช้งานได้ทันที ซึ่งผมได้รวบรวมตัวที่น่าสนใจไว้ดังนี้ครับ

ปลั๊กอินที่จะทำให้ชีวิตง่ายขึ้นเมื่อใช้ร่วมกับ WooCommerce

1. WooCommerce Product Archive Customiser

WooCommerce Product Archive Customiser

ปลั๊กอินที่ช่วยให้คุณสามารถปรับแต่งหน้า Shop และหน้าหมวดหมู่สินค้า ของ WooCommerce กำหนดจำนวนของคอลัมน์สินค้าและจำนวนของสินค้าที่แสดงต่อหน้า และกำหนดการแสดงผลของส่วนต่างๆ

Author : Jameskoster

Detail & Download

2. WooCommerce Product Details Customiser

WooCommerce Product Details Customiser

อีกตัวที่ใช้คู่กันเลยเป็นปลั๊กอินที่ช่วยให้สามารถกำหนดการแสดงผลในหน้าสินค้าเดี่ยว (Single Product) เช่น ให้แสดงแท็บด้านล่าง แสดงสินค้าที่คล้ายกัน (Related Products) เป็นต้น

Author : Jameskoster

Detail & Download

3. WooCommerce Menu Cart

WooCommerce Menu Cart

ปลั๊กอินนี้จะติดตั้งปุ่มตระกร้าสินค้า (Cart) ไปยังเมนูบาร์ที่คุณเลือก

Author : Jeremiah & Ewout

Detail & Download

4. WooCommerce Smart Sale Badge

WooCommerce Smart Sale Badge

สำหรับสินค้าที่มีการใส่ราคา Sale จากราคาปกติจะมีป้ายบอกว่า Sale และปลั๊กอินนี้จะเปลี่ยนป้าย Sale ให้แสดงว่าลดไปเท่าไหร่

Author : Hugh Lashbrooke

Detail & Download

5. WooCommerce RRP

WooCommerce RRP

ช่วยให้สามารถเพิ่มข้อความก่อนราคาปกติและราคาขายของสินค้า เช่น ราคาปกติ / ราคาพิเศษ

Author : Brad Davis

Detail & Download

6. WooCommerce Custom Currencies

WooCommerce Custom Currencies

ปลั๊กอินที่ช่วยให้คุณสามารถกำหนดการแสดงผลหน่วยสกุลเงินให้เป็นในแบบที่คุณต้องการ เช่น THB

Author : GalalAly

Detail & Download

7. WooCommerce Remove Quantity Text

WooCommerce Remove Quantity Text

หากคุณขายสินค้าที่ไม่จำเป็นต้องกรอกจำนวนในการสั่งซื้อ เช่น การดาวน์โหลด การบริการ ปลั๊กอินนี้จะนำกล่องใส่จำนวนออกไป

Author : raviraiya

Detail & Download

8. WooCommerce Custom Price

WooCommerce Custom Price

ปลั๊กอินใช้ในการตั้งค่าให้แสดงข้อความตามต้องการสำหรับสินค้าที่ไม่ใส่ราคา เช่น สอบถามราคา

Author : azhkuro & maxim.s.barabash & WPMonkeyATL

Detail & Download

9. YITH WooCommerce Compare

YITH WooCommerce Compare

ช่วยให้ลูกค้าสามารถเปรียบเทียบสินค้าต่างๆในร้านค้าได้ โดยการคลิ๊กปุ่ม Compare ที่ตัวสินค้าที่ต้องการจะเปรียบเทียบ

Author : YITHEMES

Detail & Download

10. YITH WooCommerce Wishlist

YITH WooCommerce Wishlist

รายการโปรด (Wishlist) คือ รายการสินค้าที่บันทึกไว้ในบัญชีผู้ใช้งาน เป็นรายการที่สนใจหรืออยากได้ เพื่อกลับมาดูใหม่ในภายหลัง หรือรายการสินค้าที่คุณซื้อบ่อยๆ ซื้อใช้เป็นประจำ พูดง่ายๆก็คือรายการบุ๊คมาร์คนั่นเอง

Author : YITHEMES

Detail & Download

WooCommerce Extensions

WooCommerce

https://dl.dropboxusercontent.com/u/23305819/etoys24/documentation/index.html

WooCommerce

Wordpress ถาม ftp

แก้ปัญหา WordPress ถาม ftp username / password

วันนี้ไปเจอวิธีใหม่ในการแก้ปัญหา WordPress ถามหา ftp เวลาอับเดทหลังบ้าน

โดยไม่ต้องใส่ค่า ftp เลย

ใส่โค้ดในไฟล์ wp-config.php บรรทัดเดียวแค่นี้ครับ

ก็อบปี้ได้ที่นี่ครับ


define('FS_METHOD', 'direct');


credit : http://stackoverflow.com/questions/17922644/wordpress-asking-for-my-ftp-credentials-to-install-plugins

Tag : WordPress ถาม FTP

Wordpress ถาม ftp

จัดกลาง elements หน้า shop woocommerce

จัดกลางทุก elements ในหน้า shop ของ woocommerce

ด้วย css สั้นๆ เพียงไม่กี่บรรทัดแค่นี้ครับ


info : http://www.primathemes.com/documentation/centering-product-elements-on-shop-page/

จัดกลาง elements หน้า shop woocommerce

หาลูกค้าให้ตรงตามกลุ่มเป้าหมายด้วย โฆษณา Facebook

เมื่อคุณทำเว็บไซต์แล้ว หรือมีเว็บไซต์แล้ว คำถามคือใครจะเข้ามาดูล่ะ

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

ออกแบบดี แต่ไม่มีคนเข้าเว็บ

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

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

โฆษณา Facebook ช่วยคุณได้

สิ่งที่น่าคิดคือ เราพยายามทำเว็บไซต์ออกมาให้ดีที่สุด สวยงามที่สุด แล้วจะมีคนเข้ามาชมเว็บไซต์คุณได้อย่างไร คำถามคือ คนอยู่ที่ไหนกันล่ะ ผมคิดว่า facebook น่าจะเป็นคำตอบที่ดีที่สุดในเวลานี้ เฟสบุ๊คมีผู้ใช้งานเยอะมาก และใช้งานกันวันละหลายครั้ง ลองสังเกตง่ายๆครับ เราเปิดเฟสบุ๊คบ่อบกว่าเช็คเมลเสียอีก ดังนั้นการทำเว็บไซต์ให้เชื่อมโยงกับเฟสบุ๊คเป็นสิ่งจำเป็นที่สุดแล้วในเวลานี้ ไม่ว่าจะใช้เครื่องมือช่วยโพสลงเฟสบุ๊ค หรือการเอาลิ้งเว็บไซต์ในหน้าต่างๆ มาแปะวางแล้วโพสโดยตรง ก็ทำให้มีโอกาสที่คนจะเห็นเว็บเรามากขึ้น หรือถ้าใครมีทุนมากหน่อยการลงโฆษณากับ facebook ก็ช่วยได้มากครับ

เมื่อลงโฆษณากับเฟสบุ๊คนั้น ท่านสามารถเลือกกลุ่มเป้าหมายให้เห็นโฆษณาได้ ไม่ว่าจะเป็น เพศ ช่วงอายุ ถิ่นที่อยู่อาศัย ฯ ซึ่งสิ่งต่างๆ เหล่านี้ช่วยให้โฟกัสคนที่จะเห็นโฆษณาได้ตรงกับสินค้าหรือบริการของเรา เช่นถ้าท่านทำเว็บขายสินค้าสุภาพสตรี ก็เลือกคนที่จะเห็นโฆษณาให้เป็นเพศหญิง เป็นต้น

หาลูกค้าให้ตรงตามกลุ่มเป้าหมายด้วย โฆษณา Facebook