เอกสารการใช้งาน

คู่มือการติดตั้งและใช้งาน Thaiweb SEO Theme

1. การติดตั้ง

ติดตั้งผ่าน WordPress Admin

  1. ดาวน์โหลดไฟล์ธีม (.zip) จากหน้า ดาวน์โหลด
  2. เข้า WordPress Admin → Appearance → Themes → Add New → Upload Theme
  3. อัปโหลดไฟล์ .zip แล้วกด Install Now
  4. หลังติดตั้งเสร็จ กด Activate

ติดตั้งผ่าน FTP

  1. แตกไฟล์ .zip ออกมา
  2. อัปโหลดโฟลเดอร์ thaiweb-seo ไปที่ wp-content/themes/
  3. เข้า WordPress Admin → Appearance → Themes → Activate "Thaiweb SEO"

2. การตั้งค่าเริ่มต้น

หลัง Activate ธีมแล้ว ไปที่ Appearance → Customize → Thaiweb SEO ตั้งค่า

3. การตั้งค่า SEO

SEO Meta Box (ทุกโพสต์/เพจ)

ตอนเขียนโพสต์หรือเพจ จะมีกล่อง "Thaiweb SEO — ตั้งค่า SEO" ให้ใส่:

XML Sitemap

ธีมสร้าง sitemap อัตโนมัติที่ /sitemap.xml ไม่ต้องลงปลั๊กอิน

Schema.org

ธีมเพิ่ม Structured Data อัตโนมัติ:

4. การใช้ Elementor

Elementor (Free)

ติดตั้งปลั๊กอิน Elementor แล้วใช้แก้ไขเพจได้ทันที ธีมจะปรับเลย์เอาต์เป็นเต็มจออัตโนมัติ

Elementor Pro (Theme Builder)

ไปที่ Templates → Theme Builder สร้างเทมเพลต:

Custom Widgets (หมวด "Thaiweb SEO")

  1. ไปที่ Appearance → Menus
  2. สร้างเมนูใหม่ ตั้งชื่อ เช่น "เมนูหลัก"
  3. เพิ่มหน้า/โพสต์/หมวดหมู่ที่ต้องการ
  4. กำหนดที่ "Display location" เลือก "เมนูหลัก"
  5. กด Save Menu

6. การตั้งค่า Widgets

ไปที่ Appearance → Widgets ธีมมีพื้นที่ Widget:

7. การอัพเดทธีม

อัพเดทอัตโนมัติ

ธีมจะเช็คเวอร์ชั่นใหม่ทุก 12 ชั่วโมง ถ้ามีอัพเดทจะแสดง notification ใน WordPress Admin

  1. ไปที่ Appearance → Themes
  2. จะเห็นป้าย "Update Available" บนธีม
  3. กด "Update" เพื่ออัพเดท

เช็คเวอร์ชั่นด่วน

ในหน้า Themes จะมีปุ่ม "เช็คเวอร์ชั่นใหม่" กดเพื่อเช็คทันที (ไม่ต้องรอ 12 ชั่วโมง)

ตั้งค่า API URL

ไปที่ Customize → Thaiweb SEO ตั้งค่า → การอัพเดทธีม

8. การปรับแต่งธีม

เปลี่ยนสี

ไปที่ Customize → Thaiweb SEO ตั้งค่า → สี ปรับสีหลัก สีรอง สีเน้น

เพิ่ม Custom CSS

ไปที่ Customize → Additional CSS

/* ตัวอย่าง */
.tw-header { background: #your-color; }
.tw-btn { border-radius: 8px; }

Child Theme (แนะนำ)

ถ้าต้องการแก้ไขไฟล์ธีม แนะนำให้สร้าง Child Theme:

// wp-content/themes/thaiweb-seo-child/style.css
/*
Theme Name: Thaiweb SEO Child
Template: thaiweb-seo
*/
// wp-content/themes/thaiweb-seo-child/functions.php
<?php
add_action( 'wp_enqueue_scripts', function() {
    wp_enqueue_style( 'thaiweb-seo-parent', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'thaiweb-seo-child', get_stylesheet_uri() );
});