หมวดไฟฟ้า/อิเล็กทรอนิกส์/คอมพิวเตอร์ => WordPress => Programming => ห้องคอมพิวเตอร์ => Theme WP => ข้อความที่เริ่มโดย: Auto Man ที่ 05 ตุลาคม 2569, 13:56:20
-
เมนู ปรับแต่ง (Customize) ใน WordPress สำหรับใส่โค้ด CSS เพิ่มเติม อยู่ที่เมนู ลักษณะที่ปรากฏ (Appearance) > ปรับแต่ง (Customize) แล้วเลือกหัวข้อ Additional CSS (CSS เพิ่มเติม)
วิธีเข้าสู่เมนู CSS ใน WordPress
• ไปที่ แดชบอร์ด WordPress (Dashboard) ของคุณ
• ไปที่แถบเมนูด้านซ้าย เลือก ลักษณะที่ปรากฏ (Appearance)
• คลิกที่ ปรับแต่ง (Customize) (หรือไปที่ การตั้งค่า > ปรับแต่ง ในบางระบบ)
• เลื่อนมองหาเมนูด้านล่างสุดจะพบกับหัวข้อ CSS เพิ่มเติม (Additional CSS)
(หมายเหตุ: หากคุณใช้ธีมแบบ Block Theme รุ่นใหม่ๆ เมนูนี้อาจเปลี่ยนไปอยู่ที่ ตัวแก้ไขไซต์ (Site Editor) > รูปแบบ (Styles) > CSS เพิ่มเติม แทน)
------------------------------------------------------------------------------------------------------
ซ่อนคำว่า เกี่ยวกับเรา (About) ท้ายหน้า
" ไม่มีวิธีซ่อนด้วยฟีเจอร์ธีมครับ
แต่อาจจะใช้เป็น css ช่วยได้ครับ
แต่ไม่แน่ใจว่า เกี่ยวกับเรา นี่หมายถึงแค่ไหน ในที่นี้ผมจะซ่อนแค่หัวข้อนะครับ
1. ไปที่ เมนู ปรับแต่ง(ด้านบนของ wordpress)
2. กดเมนู CSS เพิ่มเติม (Additional CSS)
3. ใส่โค้ด CSS นี้ลงไปครับ
โค๊ด: [Select]
.footer .logo,
.footer .title-about {
display: none !important;
}
4.กดบันทึก "
*หากมี cache ใดๆที่ทำให้ยังไม่เห็นผลลัพธ์ ต้องเคลียร์แคชก่อนครับ
-------------------------------------------------------------------
- shortcode คืออะไร ในธีม indymall
Shortcode ใน WordPress และธีม IndyMall คือรหัสสั้นๆ ที่อยู่ในเครื่องหมายวงเล็บเหลี่ยม (เช่น [shortcode_name]) ซึ่งใช้เป็นคำสั่งลัดในการเรียกใช้งานฟังก์ชัน เทมเพลต หรือองค์ประกอบการแสดงผลที่ซับซ้อน (เช่น ปุ่มสวยๆ กรอบข้อความ ตาราง หรือการจัดวางเลย์เอาต์) โดยไม่ต้องเขียนโค้ด HTML หรือ CSS ยาวๆ ซ้ำๆ
วิธีที่ A: ครอบด้วย HTML Tag (ง่ายและใช้ได้กับทุกปลั๊กอิน)
ให้สลับโหมดการแก้ไขหน้าเพจเป็นแบบ Code / HTML Editor (หากใช้ Block Editor ให้เพิ่มบล็อกที่ชื่อว่า Custom HTML หรือ โค้ด HTML ที่กำหนดเอง) จากนั้นให้นำโค้ด HTML ไปครอบ Shortcode ไว้แบบนี้:
html
<div id="my-target">
[ใส่รหัส shortcode ของคุณตรงนี้]
</div>
ใช้โค้ดอย่างระมัดระวัง
(คำว่า my-target สามารถเปลี่ยนเป็นชื่ออะไรก็ได้ตามใจคุณ เช่น product-section หรือ promotion-box แต่ห้ามเว้นวรรค)
- ใช้ Shortcode WordPress ง่ายๆ ด้วยปลั๊กอิน Shortcodes Ultimate
https://www.indytheme.com/blog/wordpress-shortcode-plugin/
- เว็บเดโมของธีม indymall
https://demo.indytheme.com/indymall/
- เว็บหลัก
https://www.indytheme.com/themes/indymall/
-เว็บบอร์ดซัพพอร์ต
https://support.indytheme.com/index.php
-
การสร้างแคตทากอรี่
>WooCommerce
- Products
- Categories
การแอดสินค้า
https://support.indytheme.com/index.php/topic,810.0.html
- ถ้าลูกค้า add สินค้าผ่าน wordpress เรียบร้อยแล้ว มันจะมาขึ้นในหมวดหมู่ทั้งหมดอัตโนมัติครับ
--------------
ถ้าลูกค้า add สินค้าผ่าน wordpress เรียบร้อยแล้ว
สามารถเอามาโชว์ในคอลัมน์หน้าแรกได้ตามนี้เลยครับ
https://youtu.be/nYPfWIuPqeY
หรือดูวิดีโอทั้งหมดได้ที่
-
- การเพิ่มหน้าหมวดหมู่สินค้า และหน้า Single Products ข้างใน
เข้า Indymall Manager
- กดเลือกสินค้า เลือกทั่วไป
ปลั๊กอินฟิลเตอร์โปรดักซ์ เช่น
- Advanced AJAX Products Filters By BeRocket
>>> การปรับแต่งหน้าสินค้า และหน้าหมวดหมู่ - IndyMall
>>> การจัดหมวดหมู่สินค้า
( ) การสร้าง Product Category [คู่มือสอน Woocommerce 2020]
- สินค้าหลัก - คู่มือซ่อมรถจักรยานยนต์
สินค้าย่อย - Hond
ตัวสินค้า - Wave110i
-
ใส่วิดีโอในหน้ารายละเอียดสินค้า แล้ววิดีโอไม่แสดง
แนวทางการแก้ไข
วิธีแก้เบื้องต้น
1. ไปที่ เมนู ปรับแต่ง(ด้านบนของ wordpress)
2. กดเมนู CSS เพิ่มเติม (Additional CSS)
3. ใส่โค้ด CSS นี้ลงไปครับ
โค๊ด: [Select]
.embed-responsive {
padding-top: 56.25%;
}
4.กดบันทึก
*หากมี cache ใดๆที่ทำให้ยังไม่เห็นผลลัพธ์ ต้องเคลียร์แคชก่อนครับ