Page Builder WordPress 2022

มือใหม่มากๆ เริ่มสร้างเว็บด้วย WordPress เริ่มต้นยังไง ?

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

สิ่งจำเป็นในการสร้างเว็บ?  หากจะสร้างเว็บไซต์สิ่งที่จำเป็นจะต้องมีก็คือ 6 ข้อต่อไปนี้

  1. Hosting (โฮสติ้ง) คือ Server สำหรับวางไฟล์เว็บไซต์เพื่อให้คนเข้าถึงเว็บเราได้จากทุกที่ ทุกเวลา >> อ่านเพิ่มเรื่อง ใช้ Cloud Hosting เจ้าไหนดี ?
  2. Domain (โดเมน) คือ ชื่่อเว็บไซต์ที่เราต้องการ เช่น  aaa.com หรือ aaa.co.th  >> อ่านเพิ่มเรื่อง  “ตั้งชื่อ Domain อะไรดี ?
  3. WordPress (เวิร์ดเพรสส์) คือ ไฟล์ติดตั้งเว็บ CMS สำเร็จรูปที่ใช้สร้างและจัดการเนื้อหาเว็บไซต์ >> อ่านเพิ่มเรื่อง “รอเขียน”
  4. Theme (ธีมส์) คือ หน้าดีไซด์ของเว็บไซต์ ประกอบไปด้วย เมนู  รูปแบบ สี ชุดควบคุมการทำงาน >> อ่านเพิ่มเรื่อง  “รีวิวซื้อธีม Astra Pro Growth Bundle
  5. Plugin (ปลั๊กอิน) คือ Add-On ฟังก์ชั่นเสริมที่ทำให้ WordPress เป็นเว็บอะไรก็ได้อย่าง Blog, News, E-Commerce  เช่น WooCommerce, Ninja Forms, Elementor, Bricks builder >> อ่านเพิ่มเรื่อง  “รู้จัก License key ของ WordPress!!
  6. Page Builder (เพจ บิลเดอร์) คือ ปลั๊กอินเวิร์ดเพรสส์ ที่ช่วยจัดการคอนเทนต์และหน้าตาบนเว็บไซต์ >> อ่านเพิ่มเรื่อง Page Builder WordPress มีกี่ตัว

ทั้ง 6 ข้อนี้คือสิ่งที่เราต้องเลือก เมื่อต้องการสร้างเว็บไซต์ด้วย WordPress ทีนี้มาเข้าเรื่องอธิบายแต่ละหัวข้อกันต่อครับว่ามีอะไรบ้างในรายละเอียดที่ลึกขึ้นครับ

เรื่องที่ต้องรู้ License Key ปลั๊กอิน WordPress !!

ผมซื้อ License Key ค่อนข้างเยอะ มีทั้งที่ระบบการ Gen License Key ที่ชอบและไม่ค่อยชอบก็มี ฝรั่งเองก็ใช่ว่าจะทำระบบ Gen Key ดีๆให้เราใช้เสมอไป ห่วยๆก็มีมาแล้ว ซื้อมายังใช้ไม่ได้เป็นเดือนก็มีครับ หัวข้อนี้จะสรุปรูปแบบการ Gen Key คราวๆ ให้ฟังนะครับ ส่วนแบบละเอียดจะยกไปเขียนเป็นแบบยาวๆต่างหากครับ มาเริ่มกันเลย..

  1. แบบ > 1 License Key สามารถ Activate ได้ Unlimite site และยัง สามารถออก Token key ที่ใช้ได้ 1 Site เท่านั้น เช่น WPvivid
  2. แบบ > 1 License Key สามารถ Activate ได้ 100 Site เท่านั้น โดยที่ Gen ได้ Unlimite License Key เช่น WP Reset Pro
  3. แบบ > 1 License Key สามารถ Activate ได้ Unlimite site เช่น Astra Pro Theme
  4. แบบ . 1 License Key สามารถ Activate ได้ Unlimite site แต่ ถอน Key ได้ 10 เว็บต่อปี เช่น Smart Slider 3
  5. แบบ > Add site เพื่อเจน  1 License Key แล้วนำไป Activate  ปลั๊กอิน / เพิ่ม 1 เว็บจะเจนได้ 1 Key เช่น WPML
  6. แบบ > Add site เพื่อเจน  1 License Key แล้วนำไป Activate  ปลั๊กอิน / จะเจน Key ถัดไปไม่ได้ถ้า Key แรกยังไม่ถูก Activate เปิดใช้งาน เช่น 8Theme
  7. แบบ > Add site หรือ Activate ธีมหรือปลั๊กอินได้เลย โดยไม่ต้องใส่ icense Key
  8. แบบ > ไม่ต้องใช้ Key เลย

เรื่องที่ต้องรู้ของ Theme & Plugin WordPress !!

สำหรับ Theme และ Plugin ของ WordPress เราสามารถหาโหลดฟรีได้ใน wordpress.org และซื้อตามเว็บ Marketplace เช่น Themeforest.net, Templatemonster.com หรือซื้อตรงจากเว็บผู้ผลิต Theme / Plugin ได้เลย มีแบบจ่ายรายเดือน  รายปี และแบบจ่ายครั้งเดียวใช้ได้ตลอดชีพ ที่เรียกว่า Lifetime

เกี่ยวกับ Theme

สำหรับ Theme ซื้อนั้นการติดตั้งจะแยก 2 ไฟล์
1. ไฟล์ติดตั้งหลักฟรี เราโหลดได้ในหน้าเมนู Dashboard Admin >> Theme ค้นหาชื่อธีมฟรี
2. ไฟล์ติดตั้งรุ่น PRO ตัวนี้จะไปติดตั้งในหน้า Plugin เพื่อที่จะทำให้ Theme เป็นรุ่น Pro ที่มี Future มากกว่าตัวฟรี  รุ่น Pro โหลดได้ใน Login Account ที่เราซื้อ

การติดตั้ง Theme

สำหรับการติดตั้งนั้นขอแยกเป็น 2 กรณี คือที่แจก Free กับ Pro

  1. กรณีติดตั้ง Theme Free
    – ให้เราเข้าไปที่หน้า Dashboard Admin >> รูปลักษณ์ >> ธีม >> เพิ่มใหม่ >> ( ติดตั้งได้ 2 แบบคือ… )
    1.1 แบบ >>  ค้นหาธีม… >> พิมพ์ชื่อธีม เพื่อหาธีมฟรีที่จะติดตั้ง
    1.2 แบบ >> อัปโหลดธีม >> Choose file  / ลากไฟล์มาวางในกรอบแล้วกดติดตั้งได้เลย
    – บางกรณี Theme ฟรี อาจจะมีให้โหลดผ่านหน้าเว็บผู้ขาย ไม่ได้แจกใน .org  ให้เราดาวน์โหลดลงเครื่อง แล้วทำอัพขึ้นเว็บผ่านหน้า Dashboard Admin ได้เช่นกัน
  2. กรณีติดตั้ง Theme Pro
    โดยปกติแล้ว Theme Pro มักจะต้องติดตั้ง Theme Free เป็น Base ในการใช้งาน เว้นแต่ Dev บางเจ้าจะใช้ตัว Pro ไฟล์เดียวได้เลย แต่ปกติเราจะติดตั้ง 2 Step ดังนี้
    2.1 >> ให้ติดตั้งตัว Free ก่อนตามที่กล่างในข้อ 1
    2.2 >> อัพโหลดไฟล์ Pro (ไฟล์ .zip) ติดตั้งอีกครั้ง เพื่อปลดล็อกฟังก์ชั่นโปรของธีม

Theme กับ Child Theme คืออะไร

สำหรับใครที่ติดตั้งธีมแบบ Free จะไม่เจอคำถามนี้ แต่เมื่อไหร่ที่ซื้อ Theme Pro มา เราจะได้ 3 ไฟล์ ยกตัวอย่างเช่น Theme Avada สิ่งที่ได้ คือ
1. Avada Theme
– Avada.zip
– Avada-Child-Theme.zip
2. Languages
3. PSD

ความแตกต่างของ Theme Pro ที่ได้มาทั้ง 2 ไฟล์คือ

Avada Theme คือ ธีมแม่แบบที่สามารถติดตั้งและใช้งานได้เลย กรณีเราไม่ได้แก้ไข Code โครงสร้างของธีม ได้ธีมมาแบบไหนก็ import demo มาแก้ดีไซต์ใช้งานได้เลย

Avada Child Theme คือ ธีมลูกที่ต้องติดตั้งพร้อมธีมแม่แบบ เพื่อรองรับการเขียน Code ปรับแต่งเพิ่มเติมจากผู้ขายธีม ความสามารถพิเศษที่ Child Theme ทำก็คือ เมื่อเราแก้ไขโครงสร้างเว็บ เขียนโค้ดเพิ่มเข้าไปใน Child Theme เมื่อมีการอัพเดทธีม เราจะอัพเดทในแม่แบบ แต่ Child Theme ก็ยังเก็บ Code ที่เราเขียนไว้ทำให้เว็บไม่พังหรือ Code หายไป

สรูป Child Theme

Child Theme คือธีมลูกที่หน้าตาเดียวกันกับธีมแม่แบบ ต่างกันที่ Child Theme มีไว้สำหรับการเขียนโค้ดเพิ่มเข้าไป เมื่อธีมแม่แบบถูกอัพเดทธีม Child Theme ก็ยังมีโค้ดปรับแก้เว็บเก็บไว้อยู่ เว็บยังคงรูปแบบที่เราเขียน ปรับแต่งไว้

เกี่ยวกับ Plugin

สำหรับ Plugin จะติดตั้ง 2 ไฟล์เช่นกัน (ปลั๊กอินบางตัวติดตั้งแค่ไฟล์รุ่น Pro ตัวเดียวก็มี)
1. ติดตั้ง Plugin หลักฟรี เราโหลดได้ในหน้าเมนู Dashboard Admin >> Plugin ค้นหาชื่อ
2. ไฟล์ติดตั้ง รุ่น PRO ตัวนี้จะไปติดตั้งในหน้า Plugin เพื่อที่จะทำให้ Theme เป็นรุ่น Pro ที่มี Future มากกว่าตัวฟรี เราสามารถโหลดรุ่น Pro ในหน้า Login Account เว็บของผู้ขายปลั๊กอิน เพราะ File Install รุ่น Pro เขาจะขายพร้อมกับ License Key จะไปหาโหลดจากเว็บที่แจกก็จะเสื่องโดยฝั่ง script ของแถมมาด้วย แนะนำว่ารุ่น Pro ต้องซื้อจะดีกว่า

ตัวอย่างปลั๊กอิน Rank Math SEO Pro จะติดตั้งแค่ไฟล์รุ่น Pro  ตัวฟรีไม่ต้องติดตั้ง

การติดตั้ง Plugin 

สำหรับการติดตั้ง Plugin นั้นจะเหมือนกันกับกรณีของ Theme เลยนะครับ คือ
ไปที่ Dashboard Admin >> ปลั๊กอิน >> เพิ่มปลั๊กอินใหม่ >> (ทางเลือก 2 กรณี)
1. แบบ >> ค้นหาปลั๊กอิน
2. แบบ >> อัปโหลดปลั๊กอิน (ไฟล์ .zip)

ติดตั้ง WordPress แล้วต้องลงอะไรบ้าง

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

  1. ติดตั้ง WordPress
  2. ติดตั้ง Theme 1 ธีม
  3. ติดตั้งปลั๊กอิน Page Builder 1 ตัว
  4. ติดตั้งปลั๊กอิน  Add-On ของ Page Builder 1 ตัว
  5. ติดตั้งปลั๊กอิน SEO เช่น Rank Math SEO
  6. ติดตั้งปลั๊กอิน Image Optimizer
  7. ติดตั้งปลั๊กอิน Performance & Cache
  8. ติดตั้งปลั๊กอิน Form Builder
  9. ติดตั้งปลั๊กอิน Security – Firewall & Malware Scan
  10. ติดตั้งปลั๊กอิน WooCommerce – ถ้าจะทำร้านค้า

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

สิ่งจำเป็นในการสร้างสร้างเว็บด้วย WordPress

ผมลำดับขั้นตอนให้ดังต่อไปนี้นะครับ ในแต่ละหัวข้อ จะมีทางเลือกให้ ดังนั้นให้เลือกตัวเลือกที่มี 1 ตัว เพื่อใช้งานในหมวดหัวข้อนั้นๆ ครับ

  1. Domain
    – โดเมน .com ราคา 320 บาท / ปี – แนะนำ
    – โดเมน .co.th ราคา 850 บาท / ปี – ต้องจดทะเบียนบริษัท
    – โดเมน .in.th ราคา 400 บาท / ปี – ต้องจดทะเบียนบริษัท / หจก.
    – โดเมน .net ราคา 370 บาท / ปี
    โดเมนทางเลือกอื่นๆ
    – โดเมน .co ราคา 400-900 บาท / ปี
    – โดเมน .io ราคา 1300-1800 บาท / ปี
    – โดเมน .me ราคา 200-540 บาท / ปี
  2. Hosting
    – VPS Hosting (Virtual Private Server)
    – Shared Hosting (Physical Server)
    – Cloud Hosting (Virtual Server) – แนะนำ
    หน้าจัดการ Host
    – Plesk Control Panel
    – DirectAdmin Control Panel
  3. WordPress CMS
    – WordPress.org ฟรี โหลดเวอร์ชั่น TH มาติดตั้งได้เลย – แนะนำ
    – WordPress.com ซื้อ ขายพร้อมกับ Hosting และ Domain
  4. WordPress – Theme
    สำหรับธีมนั้นมี 2 ทางเลือกคือ ฟรี! กับ  จ่ายเงินซื้อ และธีมแต่ละตัวก็ถูกออกแบบมาเพื่อจุดประสงค์ที่ต่างกัน เช่น Theme -Blog -Magazine -E-Commerce -Company
    Astra
    OceanWP
    Ultra
    Neve
    Blocksy
    – JNews / Jannah / MagPlus / Newsmag / Newspaper
    – The Fox
    – Avada
    – Flatsome
    – TheGem
  5. WordPress – Page Builder
    สำหรับตัวจัดการ Content, Layout จะมีทางเดินให้เลือกหลายสาย เมื่อติดตั้งตัว Page Builder หลักแล้วยังมี Add-On ส่วนเสริมที่มาเพิ่มลูกเล่นให้ใช้งานเพิ่มเติมอีก ( Add-On คือคนอื่นเขาทำมาเพิ่ม เพื่อเสริมตัว Page Builder หลัก)
    อ่านบทความ >>  Page Builder WordPress มีกี่ตัว
    อ่านบทความ >> รวม Add-on สำหรับ Elementor Builder
    อ่านบทความ >> รวม Oxygen builder Add-Ons
    5.1 สาย Gutenberg blocks – Page Builder
    5.2 สาย Elementor – Page Builder
    5.3 สาย Oxygen – Page Builder
    5.4 สาย Brizy Builder
    5.5 สาย Beaver Builder
    5.6 สาย SiteOrigin Page Builder
    5.7 สาย WPBakery Page Builder หรือ Visual Composer
    5.8 สาย Thrive Architect
    5.9 สายทางเลือกใหม่ เช่น
    – LiveCanvas / Qubely / GenerateBlocks / Bricks / SeedProd / Nimble / Zion / 10Web AI / GenerateBlocks
  6. WordPress – Form Builder
    สำหรับปลั๊กอินการสร้างฟอร์มในเวิร์ดเพรสนั้นมีให้เลือกเยอะมากตัวฟรี! จะมีฟังก์ชั่นทั่วไปครบถ้าต้องการแค่กรอกฟอร์มข้อความ Contact แต่ถ้าหากอยากได้มากกว่านั้นให้ซื้อตัว Pro จะได้ฟังก์ชั่นที่มากกว่า
    อ่านบทความ >> รวมปลั๊กอินสร้างฟอร์ม WordPress Form โคตรเยอะ! 2022
    – Ninja Form – แนะนำ
    – Formidable – แนะนำ
    – Forminator – แนะนำ
    – Gravity Forms
    – Happyforms
    – Contact Form 7
    – WPForms
    – Contact Form
  7. WordPress – SMTP E-Mail
    – WP Mail SMTP
    – Mailchimp
    – Newsletter
    – MailPoet
  8. WordPress – Popups for Marketing and Email Newsletters, Lead Generation
    – OptinMonster Popups
    – Popup Maker
    – Popup Builder
    – Hustle
    – Popup By Felix Moira
  9. WordPress – Mega Menu
    ถ้าไม่ทำอะไรเมนูเว็บก็จะธรรมดา แต่ถ้าอยากปรับมันก็ต้องลงปลั๊กอิน Mega Menu เพื่อจัด Layout มันได้ดั่งใจ
    – WP Mega Menu Lifetime By Themeum
    – Max Mega Menu Pro Lifetime
    – QuadMenu Lifetime
    – Slick Menu Lifetime $149
    – Clever Mega Menu $29
    – Hero Menu $20
    – WP Mega Menu $29
    – Float Menu Pro Lifetime $25
    – Sticky Buttons Pro Lifetime $20
    – AP Mega Menu
  10. WordPress – E-Commerce
    – WooCommerce – แนะนำ
    – WP eCommerce – ไม่อัพเดทนาน 1+ ปีแล้ว
    – Easy Digital Downloads – แนะนำ
  11. WordPress – Multivendor Marketplace
    – Dokan Multivendor
    – WCFM Marketplace
    – WC Marketplace
    – WC Vendors Marketplace
    – YITH WooCommerce Multi-Vendor
    – WooCommerce Product Vendors
    – VendorPro
    – Webkul WooCommerce Multi Vendor Marketplace
    – bAZAAR
  12. WordPress – SEO Optimizer
    – Rank Math SEO – แนะนำ
    – SEOPress
    – All in One SEO
    – Yoast SEO
    – Premium SEO Pack
  13. WordPress – Image Optimizer
    -ShortPixel Image Optimizer
    – EWWW Image Optimizer
    – Imagify
    – Robin image optimizer
    – Kraken.io Image Optimizer
  14. WordPress – Payment
    – WP Simple Pay
  15. WordPress – Security – Firewall & Malware Scan
    – Wordfence Security – แนะนำ
    – iThemes Security – แนะนำ
    Virusdie
    – Defender Security
    – Jetpack
    – SecuPress
    – All In One WP Security & Firewall
    – MalCare Security
    – WP Cerber Security
    – Sucuri Security
    – Hide My WP Ghost
    – WP Hide & Security Enhancer
  16. WordPress – Translate Multilingual sites
    – TranslatePress
  17. WordPress – Google & Facebook Service
    – Site Kit by Google
    – MonsterInsights
  18. WordPress – Slider Show
    – Smart Slider 3 – แนะนำ
    – Master Slider
    – Slider Revolution
    – MetaSlider
    – Image Slider by NextCode
    – image Slider By Image Slider Team – GhozyLab
    – Slide Anything
    – Soliloquy
    – RoyalSlider
    – LayerSlider
    – Slider by 10Web / FlexSlider
    – MetaSlider / Wonder Slider
  19. WordPress – Performance & Cache
    – WP Rocket – แนะนำ
    – Autoptimize – แนะนำ
    – Swift Performance Lite – แนะนำ
    – WP Fastest Cache – แนะนำ
    – W3 Total Cache
    – LiteSpeed Cache
    – WP-Optimize
    – WP Performance
    – WP Super Cache
  20. WordPress – Optimization plugin, Minify HTML, CSS & JS, Defer
    – Clearfy Cache
  21. WordPress – Header & Footer Builder
    – Elementor Header & Footer Builder
    -Insert Headers and Footers by WPBeginner
  22. WordPress – CDN
    – Cloudflare
  23. WordPress – Framework
    – Kirki Customizer Framework
  24. WordPress – Custom Post types & Custom Fields
    – Meta Box
    – Advanced Custom Fields – ACF
    – Smart Custom Fields
    – Pods
    – WCK
  25. WordPress – Learning Management System (LMS) & e-Learning
    – Tutor LMS
    – LifterLMS
    – LearnPress
    – Sensei LMS
    – MasterStudy LMS
    – DoZent LMS
  26. WordPress – Memberships & User Profiles
    – Paid Memberships Pro
    – Ultimate Member
    – ProfileGrid
    – WP User Frontend
    – ARMember
    – Paid Member Subscriptions
    – WP User Manager
    – Restrict Content
    – myCred Paid Memberships Pro
  27. WordPress – Move, transfer, migrate and backup
    – All-in-One WP Migration
    – UpdraftPlus
    – WP ALL IMPORT
  28. WordPress – Social Feed & Share Buttons
    – Smash Balloon Social Photo Feed
    – Social Media Share Buttons Popup By UltimatelySocial
  29. WordPress – Ad Manager & AdSense
    – Advanced Ads
    – Ad Inserter
    – Ultimate Ads Manager
    – Ads by WPQUADS

——————————————————
เดี๋ยวมาเพิ่มต่อเรื่อยๆนะครับ วันนี้พอแค่นี้ก่อน
—————————————————–

 

เข้ามาพูดคุยกันได้

กลุ่มพูดคุยเครื่องมือการตลาด : SaaS PaaS Lifetime Thailand
กลุ่มพูดคุยเครื่องมือ WordPress : PageBuilder ThaiLand
กลุ่มพูดคุย LINE OA : การตลาด ON LINE
กลุ่มนักโพสต์ กราฟฟิก การตลาด : SocialMediaSize
ปรึกษาปัญหา Add LINE : เพิ่มเพื่อน

 

แสดงความเห็น

ความเห็น