ตอบกระทู้
-
ข้อความ
-
ลองดูที่บอร์ดใหม่เรานะคร้าบ
https://circle.seedwebs.com/c/wordpress-plugin/loco-translate
ขออภัยที่ตอบล่าช้าครับ
หลักการคือลง WordPress Multisite นี่แหละครับ แต่ตอนสมัคร เราจะแก้ CSS แค่หน้าสมัครก็ได้
หรือใช้ปลั๊กอินเช่น https://gravityforms.com/ หรือ https://restrictcontentpro.com/ เพื่อให้สมัครเสร็จแล้วไปสร้างเว็บให้อัตโนมัติก็ได้เช่นกันครับ
ถ้าใข้ Amazon Lightsail ผมโน้ตไว้ดังนี้
- สร้าง Instance เลือก WordPress
- สร้าง Static IP ใน Network แล้วเชื่อมกับ Instance นี้
- ใข้ Cloudflare สร้าง A ชี้มาที่ Static IP
- เข้า Terminal ของ Instance
- พิมพ์ cat bitnami_application_password เพื่อได้รหัสผ่าน ใช้กับผู้ใช้ : user
- พิมพ์ sudo /opt/bitnami/apps/wordpress/bnconfig –disable_banner 1
- พิมพ์ sudo /opt/bitnami/ctlscript.sh restart apache
WordPress Multisite
- แก้ hostname ก่อน https://docs.bitnami.com/aws/apps/wordpress-multisite/configuration/configure-wordpress-multisite/
- ติดตั้ง SSL https://lightsail.aws.amazon.com/ls/docs/en_us/articles/amazon-lightsail-enabling-https-on-wordpress
- แก้ให้เป็น subdirectory จัดการง่ายกว่า https://docs.bitnami.com/aws/apps/wordpress-multisite/administration/use-directories/
แต่ถ้าเป็น Server ที่เป็น Windows ไม่แน่ใจว่าจะมีปัญหาหรือเปล่า ยังไงลองค้นประมาณ วิธีลง WordPress Multisite ก็น่าจะได้แล้วนะครับ
โอ้ว งั้นตรงนี้ปลั๊กอินน่าจะไม่ได้รองรับเพราะไม่ได้คิดกรณีนี้ไว้นะครับ ยังไงเดี๋ยวเอาไปพัฒนาเพิ่มครับ
ส่วนถ้าต้องการ export ตอนนี้ แนะนำให้ใช้ https://wordpress.org/plugins/wp-all-export/ คิดว่าน่าจะ export ได้อยู่นะครับ
ดูในโค้ด ขึ้นว่าคลาส WC_order ไม่เจอ อันนี้ใช้ WooCommerce เวอร์ชั่นอะไรหรอครับ? ล่าสุดหรือเปล่าครับ?
ยังไงขอ user/pass ทางเมลเดี๋ยวให้ทีมเข้าไปช่วยดูนะครับ
ถ้าใช้ hosting ทั่วไปมักมีปัญหานี้นะครับ แนะนำว่าใช้ระบบส่งเมลต่างหากจะดีกว่า
แบบฟรีก็ใช้ Gmail / G Suite
ลองดูบทความที่นี่ครับ
- Sort code ในที่นี้ใช้แทนสาขาไปเลยครับ
- IBAN / BIC / Swift ปกติถ้าไม่โอนข้ามประเทศ เราจะไม่ใช้กันครับ ดังนั้นผมคิดว่าไม่น่าได้ใช้อยู่แล้ว เพราะถ้าเป็นลูกค้าอยู่ต่างประเทศ จ่ายเงินทางอื่นจะสะดวกกว่า ค่าธรรมเนียมน้อยกว่าครับ
เรื่องการหาแบบต่อเนื่องกันนี้ เรียกว่า hierarchy นะครับ ซึ่ง Search & Filter Pro ยังไม่รองรับซักที ผมเองเลยใช้อีกตัวครับ ดีมากเลย แต่มันไม่มี unlimited เลยไม่ได้เชียร์เท่าไหร่ ลองดูลิงก์นี้ครับ
ตัว hierarchy คือตัวนี้ครับ
ในห้องสมุดมีให้ลองนะครับ
ใน direct admin จะมีช่องตรง SSL ให้แก้ได้อยู่แล้วครับ ถ้าใช้ Comodo ก็เลือก Custom แล้วเอาโค้ดแปะไปได้ครับ
Seed 1.2.6
หลักๆ คือเพิ่มตัวแปรใน functions.php นะครับ เพื่อให้สามารถปรับแต่ง layout ได้หลากหลายขึ้น
- New: SEED_BLOG_LAYOUT สามารถเลือกได้ว่าจะแสดงหน้าบล็อกแบบเต็มความกว้าง มี Sidebar ด้านซ้ายหรือขวา (full-width, leftbar, rightbar)
- New: SEED_BLOG_COLUMNS เลือกจำนวนคอลัมน์ของบล็อกได้ (1,2,3,4,5,6) ถ้าหลายคอลัมน์จะแสดงแบบ Card
- New: SEED_SHOP_LAYOUT ตั้งค่า Layout สำหรับแสดงสินค้าของ WooCommerce (full-width, leftbar, rightbar)
- New: SEED_SHOP_MAINPAGE ตั้งค่าว่าจะใช้หน้าหลักร้านค้า เป็นแบบมาตรฐานของ WooCommerce หรือจะใช้ Page Builder จัดเอง
- Fix: Use WooCommerce shop_catalog size instead of shop_thumbnail size.
- Fix: Dropdown not show if choose SEED_HEADER = standard.
Berry 1.1.1
- ปรับค่าตัวแปรใน functions.php ให้ตรงกับที่เพิ่มใน seed นะครับ ไม่ต้องโหลดใหม่ก็ได้นะครับ แค่ก๊อบบรรทัดที่เราต้องการทับค่าไปครับ (ตามรูป)
Seed 1.2.5
- Fix: ปรับโค้ดให้สามารถรันใน Server ที่ PHP ต่ำกว่า 5.5 ได้ (แม้จะไม่แนะนำนะครับ เพราะ เวิร์ดเพรสแนะนำ PHP 5.6 ขึ้นไป เก่ากว่านั้นจะมีปัญหาความปลอดภัยได้ครับ)
- New: เพิ่ม CSS สำหรับคนที่อยากใช้ WordPress Comment
หน้าสมาชิก: ชิ้นส่วน: ฟอนต์เมล็ดพันธุ์ น้ำหนักมาตรฐาน
เพิ่มฟอนต์เมล็ดพันธุ์สำหรับใช้กับคอมพิวเตอร์ให้แล้วนะครับ ฟอนต์นี้จ้างทีมงานคัดสรรดีมากทำในราคาประมาณรถยนต์ 1 คัน / มี 3 น้ำหนักคือ Light/Regular/Bold
SeedThems จะขายในราคาน้ำหนักละ 8,000 บาท (ส่วนน้ำหนักมาตรฐาน/Regular แถมฟรีในชุดคิทนะครับ) ใช้งานได้ไม่จำกัด ทั้งเอาไปทำงานกราฟฟิค/เว็บ/แอพ/Corporate Identity ครับ
ที่ตั้งราคานี้ เพราะไม่อยากให้กดราคาคนอื่นๆ มากเกินไป เนื่องจากเจ้าอื่นๆ คิดค่าเว็บฟอนต์ (@font-face) ดังนี้
- คัดสรรดีมาก ราคา 18,000 บาท/น้ำหนัก/เว็บ
- กระทัดรัด 9,800 บาท/น้ำหนัก/เว็บ
- ดีบี 5,000-50,000/ชุด/เว็บ
- พีเอสแอล เริ่มต้นที่ 80,000 บาท
Berry 1.10
- ปรับให้โค้ดโล่งขึ้น (ตามรูป)
- เพิ่มตัวแปร 3 ตัวแปร ถ้าใส่ตัวแปรในนี้ จะไปแทนค่าของ Seed
- SEED_LAYOUT เพื่อจัดการรูปแบบ Layout (full-width/boxed)
- SEED_HEADER จัดการ Header (fixed/standard)
- SEED_MENU (ยังไม่เปิดใช้) ในอนาคตไว้จัดการระบบเมนู (off-canvas/dropdown)
ถ้าลองเลือก layout แบบ boxed จะได้ตามรูปแนบนะครับ สามารถเปลี่ยนพื้นหลังได้ในหน้า Appearance (รูปแบบบล็อก) -> Background (พื้นหลัง) ได้เลยครับ
Seed 1.2.4
- New: เพิ่มระบบอัพเดทธีมอัตโนมัติ (ดู License จากหน้าสมาชิก SeedThemes)
- New: เพิ่มตัวแปรใน functions.php
- SEED_LAYOUT เพื่อจัดการรูปแบบ Layout (full-width/boxed)
- SEED_HEADER จัดการ Header (fixed/standard)
- SEED_MENU (ยังไม่เปิดใช้) ในอนาคตไว้จัดการระบบเมนู (off-canvas/dropdown)
- New: WooCommerce Breadcrumb.
- New: Landing Page Template – เทมเพลตเปล่าๆ สำหรับทำหน้า Landing / Promotion (มี body class เป็น landing page ให้)
- Tweak: ปรับให้ค่ามาตรฐานเป็น Fixed Header ดังนั้นใครที่ใช้ Headbar ในเวอร์ชั่นเก่าแล้วไม่ต้องการ Fix ให้ลงธีม Berry 1.1.0 แทนนะครับ
ชี้แจง: ทำไมต้องใช้ตัวแปร ไม่สร้าง Theme Option ไปเลย?
เพราะว่าธีม Seed จะเป็นธีมแม่ หากมี Theme Option ต่อไปหากสร้างธีมลูกอีก ระบบจะกลายเป็นต้องตั้งค่า 2 ที่ เลยคงให้เป็นตัวแปรไว้ก่อน จะทำ Theme Option / Customizer ในธีมลูก หรือ copy ธีม Seed ไปใส่ ก็สามารถทำได้ทั้งสิ้น
Seed Social 1.2.4 – 1.2.5
URL: https://wordpress.org/plugins/seed-social/
- ปรับแต่ง: ให้แสดงชื่อเรื่อง แทนคำว่า Line It! เวลาแชร์ผ่านมือถือ
- ปรับแต่ง: ให้ตัวเลขในปุ่ม Facebook เป็นยอดแชร์+ยอดแสดงความเห็น (เนื่องจาก Facebook ปรับ API ใหม่ ไม่ให้ยอดรวม share + comment + like แล้ว เลยทำให้ต้องใช้ 2 ยอดนี้แทน เพราะถ้าต้องการยอด like ด้วย ระบบจะต้องซับซ้อนอีกมาก)
Seed Fonts 1.1.1
URL: https://wordpress.org/plugins/seed-fonts/
เพิ่มการตั้งค่าให้สามารถเลือกฟอนต์สำหรับส่วนเนื้อหา (body) ได้แล้ว เลยเพิ่มฟอนต์ที่เหมาะสม รวมเป็นมีทั้งหมด 8 ฟอนต์ให้เลือกละครับ
Seed 1.2.3
- Fixed: Sidebar layout on search.php
- Maledpan font: Final version.
- Change CSS to match Maledpan font.
- Add more content template: content-product-card, content-product-list to display WooCommerce Products with SiteOrigin Post Loop.
หลักๆ คือเพิ่ม content-product-card.php และ content-product-list.php ไว้แสดงสินค้าด้วย Post Loop ได้นะครับ จะทำให้สามารถจัดคอลัมน์ได้อิสระขึ้นมากครับ
ไม่งงละครับ
แต่ถ้าแบบนี้ มันผิดความหมายที่ WooCommerce ตั้งไว้ครับ เพราะเค้าตั้งว่า On Process หรือกำลังดำเนินการ แปลว่าร้านค้ากำลังดำเนินการ ผู้ซื้อไม่ต้องทำอะไร ให้รอเฉยๆ
แต่กรณีนี้ เราต้องการให้ผู้ซื้อจ่ายเงินนะครับ ถ้ายังไม่จ่าย ก็ยังไม่ส่งของ เราต้องเป็นคนเช็คว่าเค้าจ่ายหรือยัง ถ้าจ่ายแล้วก็มาเปลี่ยนสถานะเองครับ
ซึ่งถ้าจะเปลี่ยน flow ของมัน ก็อาจจะต้องลองหาปลั๊กอินดูครับ คำค้นน่าจะประมาณ woocommerce payment auto status change
หรืออีกวิธีคือ หาทางให้ระบบส่งเมลมา เมื่อมีคนกดสั่งซื้อทันที น่าจะมีปลั๊กอินอยู่นะครับ
Layer Slider นี่เทพมากครับ 😀
ส่วนปลั๊กอินตามเว็บที่ให้มา ลอง inspect ดู จะพบว่าเค้าใช้ Smart Slider 3 ครับ เป็นปลั๊กอินฟรีที่เจ๋งมากเลย 😀
Page Builder ผมยังไม่เจอ effect แบบนี้นะครับ คิดว่าต้องแก้โค้ดเองสะดวกสุด
จะลองดูโค้ดจากเว็บผมก็แนวเดียวกันนะครับ Menn Studio จะเห็นว่า เมื่อ “เลื่อนหรือ Scroll เมาส์ถึงจุดนึง ส่วน header จะเปลี่ยนสีได้”
หลักการคือ
- เราจะกำหนดให้ header มีคลาสได้ 2 แบบ
- แบบแรกไม่ใส่อะไรเลย ก็แสดงปกติ
- แบบที่สอง ใส่คลาสเป็น active (หรือชื่ออื่น) ก็แสดงอีกค่านึง เช่น เปลี่ยนสีพื้นหลัง เปลี่ยนความสูง ฯลฯ
- แล้ว เราก็ไปเขียน jQuery เช็คว่า “มีการเลื่อนเมาส์ไปกี่ px แล้ว? ถ้าถึงจุดที่กำหนด ให้ใส่คลาส active ไปนะ
ลองดูโค้ดตามนี้ครับ
See the Pen Header แบบ Fixed และวื้บๆ by SeedThemes ( @SeedThemes) on CodePen.
- ไฟล์ HTML: ไม่ต้องแก้ครับ ธีม Seed ใช้คลาส site-header อยู่แล้ว
- ไฟล์ CSS: ไปแก้ที่ไฟล์ css/head.css (อย่าลืมว่าบรรทัดบนๆ คือสำหรับมือถือ บรรทัดล่างๆ @media (min-width:992px) สำหรับ desktop)
- ไฟล์ JS: ไปแก้ที่ไฟล์ js/main.js ก๊อบโค้ดไปใส่ตรงช่องว่างกลางๆ ช่วงบรรทัด 17-18 ได้เลยครับ
หมายถึง กระทู้นี้ ที่ถามเรื่อง Maintenance ใช่มั้ยครับ ประเด็นนั้นน่าจะได้คำตอบไปแล้ว
ส่วนประเด็นการย้าย Host ไม่ได้นี้
1) อันดับแรกคือ การ Export Website อันนี้ทำถูกต้องแล้วครับ ได้ไฟล์นามสกุล .wpress แบบนี้ถูกต้องแล้ว
2) แต่การ Import ไปเว็บปลายทาง ไม่ได้ใช้ปลั๊กอิน All-in-One WP Migration นะครับ มันเลย import เข้าไปไม่ได้ครับ ต้องติดตั้งปลั๊กอิน All-in-One WP Migration ที่ปลายทางก่อน แล้วเลือก Import นะครับ
(ในรูปคือ การใช้ระบบ import ของทาง Hosting ซึ่งเป็นคนละวิธีกับที่สอนไปครับ)
ลองดู vdo นี้อีกทีนะครับ
หน้าสมาชิก: ชิ้นส่วน: เว็บตัวอย่างแบบที่ 1 (v4: 21MB)
อัพเดทให้รองรับปลั๊กอิน All-in-One WP Migration เวอร์ชั่นล่าสุด (4.5.3)
ตอบสั้นๆ คือ ได้ครับ ถ้าเรารู้ว่าจะแก้ html/css ตรงส่วนไหน มันก็อิสระอยู่แล้วครับ
แต่ปัญหาส่วนใหญ่คือ พอเราจะแก้ บางทีเราต้อง “เผื่อ” ว่า ตำแหน่งนั้นๆ
- จะเปิดให้แก้ข้อมูลหลังบ้านเองได้มั้ย? ถ้าได้ จะให้ user ใส่เนื้อหาอย่างไร?
- ตำแหน่งที่เราใส่ไปเพิ่มนั้น จะไปปรากฏทุกหน้าเลยหรือเปล่า? หรือแค่บางหน้า ด้วยเงื่อนไขไหน?
ถ้าทำเว็บหน้าเดียว มันก็ไม่ต้องคิดเรื่องนี้เยอะ ก็จะอิสระเต็มที่ พอทำหลายหน้าก็ต้องคำนึงถึงภาพรวมเยอะหน่อยน่ะครับ
ลองดูแนวทางการเปลี่ยนจาก html/css เป็น WordPress Theme ตาม vdo ด้านล่างครับ
เพิ่มเติม:
ถ้าอยากปรับการแสดง/ซ่อน ให้ละเอียดก็กว่านี้ ก็ใช้คลาสของ Bootstrap ได้ครับ ตามลิงก์นี้ http://getbootstrap.com/css/#responsive-utilities
“ส่วนมากเจอแต่วิธีทำให้เมนูเป็น accordion”
ที่ส่วนใหญ่ใช้เมนูกัน เพราะว่ามันจะจัดลำดับหมวดหมู่ได้สะดวกกว่าน่ะครับ ดังนั้นโจทย์นี้ผมก็แนะนำให้ใช้เมนูมากกว่านะครับ เมนูสามารถใส่ category ลงไปได้ และจัดลำดับได้ตามต้องการครับ
ถ้ามองเป็นเมนู ก็ค้นคำว่า wordpress plugin accordion menu widget ก็จะเจอหลายตัวเลย เช่น
- Nextend Accordion Menu
- WPB Accordion Menu or Category (เห็นตัวนี้บอกว่าเลือก category ก็ได้ ลองดูครับ)
ส่วนถ้าเจอ js หรือ jQuery plugin ที่ชอบ อยากเอามาใส่ ก็ upload ไปไว้ใน /vendor/xxx/ แล้วก็ไปแทรกโค้ดตามรูปได้ครับ
“ตำแหน่งใหน หน้าเวปมีคนดูบ่อยสุด” อันนี้ปกติคือการวิเคราะห์ด้วย heat map นะครับ ซึ่งมีหลายตัวมากครับ
ค้นคำว่า wordpress heatmap plugin จะเจอบล็อกนี้รวมไว้ 9 ตัว น่าสนใจเหมือนกัน 9 Best Heatmap Tools and Plugins for Your WordPress Site
ที่ผมเคยใช้เมื่อหลายปีก่อน ใช้ของ crazyegg ซึ่งเป็นตัวเสียตังค์ครับ ดีเหมือนกัน แต่ระยะเริ่มต้นน่าจะเลือกตัวฟรีตัวอื่นก่อน เช่นของ heatmap.me ที่มีปลั๊กอินเรียบร้อย
หรือถ้าจะดูผ่าน Google Analytics ก็ได้นะครับ Google เรียกว่า In-Page Analytics ครับ ก็สมัคร Google Analytics แล้วติดตั้งปลั๊กอินเช่น Google Analytics Dashboard for WP ก็ได้ครับ
ส่วนสถิติอื่นๆ ดูผ่าน Google Analytics ก็จะละเอียดสุดครับ
