วิธีสร้างเว็บไซต์ธุรกิจด้วย WordPress & Elementor

เรียนรู้วิธีสร้างเว็บไซต์สำหรับธุรกิจของคุณโดยใช้ WordPress, Elementor และ Astra เหล่านี้เป็นเครื่องมือฟรี 100% ที่ฉันใช้เป็นการส่วนตัว.


ในการทำเว็บไซต์ 2019 แบบฝึกหัดนี้ฉันจะแสดงให้คุณเห็นมากกว่าวิธีการสร้างเว็บไซต์ฉันจะสอนวิธีเพิ่มประสิทธิภาพเว็บไซต์ SEO ของคุณและวิธีสร้างโอกาสในการขาย.

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

Contents

สิ่งที่คุณต้องการ:

  • โฮสติ้ง. ฉันแนะนำ SiteGround.
  • ชื่อโดเมน.
  • ธีม WordPress. สำหรับบทช่วยสอนนี้เราใช้ธีม Astra ฟรี.
  • WordPress สร้างหน้า. สำหรับสิ่งนี้เราใช้เครื่องมือสร้างเพจ Elementor ฟรี.

มาเริ่มกันเลย!

ขั้นตอนที่ 1: ซื้อเว็บโฮสติ้งและชื่อโดเมน.

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

สิ่งหนึ่งที่ฉันต้องการชี้ให้เห็นก็คือหลีกเลี่ยง บริษัท EIG และ GoDaddy ให้มากที่สุด EIG ย่อมาจาก Endurance International Group และเป็นผู้ควบคุม บริษัท โฮสติ้งกว่า 60 แห่ง มันยิงเจ้าหน้าที่ฝ่ายสนับสนุนภายในองค์กรและรวมทุกอย่างไว้ในที่เดียว สิ่งที่เกิดขึ้นคือฝ่ายบริการลูกค้าคุณภาพของโฮสติ้งและคุณภาพการให้บริการโดยรวมมีปัญหา.

นี่คือบางส่วนของ บริษัท EIG ที่รู้จักกันดี:

  • Hostgator
  • BlueHost
  • iPage
  • Arvixe
  • วัวอ้วน
  • HostMonster ส้มขนาดเล็ก

GoDaddy ยังมีบทวิจารณ์ที่ไม่ดีมากมายเกี่ยวกับคุณภาพและการบริการลูกค้าและเว็บไซต์ที่พวกเขาโฮสต์นั้นโหลดช้ามาก.

คุณจะต้องการหลีกเลี่ยงโฮสต์“ mom and pop” เพราะพวกเขาไม่มีทรัพยากรที่จะใช้เทคโนโลยีการโฮสต์ขั้นสูงที่จะทำให้เว็บไซต์ของคุณได้เปรียบ.

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

ไม่ปลอดภัย

หากคุณเป็นธุรกิจคุณสามารถบอกลาผู้มีโอกาสเป็นลูกค้าด้วยฉลากนั้นได้ หากโฮสติ้งของคุณไม่มีใบรับรอง SSL ฟรีใบรับรอง SSL หนึ่งใบอาจมีค่าใช้จ่ายคุณ $ 50- $ 100 ต่อปี ต่อเว็บไซต์.

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

พื้นที่ให้บริการเว็บโฮสติ้งที่ฉันต้องการ

บริการโฮสติ้งที่ฉันพบว่าตรงตามเกณฑ์เหล่านี้คือ SiteGround SiteGround เสนอใบรับรอง SSL ฟรีให้คุณอัปเกรดเป็น PHP7 มีโฮสติ้งคุณภาพและการสนับสนุนลูกค้าที่ยอดเยี่ยม มันเป็นสิ่งที่ดีที่สุดจริงๆ.

นี่คือคุณสมบัติที่สำคัญของ SiteGround:

  • ฟรีใบรับรอง SSL
  • สนับสนุน FAST Knowledgable
  • WordPress การจัดเตรียมสภาพแวดล้อม
  • การโยกย้ายเว็บไซต์ฟรี
  • สำรอง 30 วัน

ฉันได้ทำข้อตกลงที่ยอดเยี่ยมกับพวกเขาเพื่อมอบส่วนลด 70% ให้กับทุกคนที่สมัครใช้งาน ลิงค์นี้. ดังนั้นหากคุณต้องการประหยัดเงินในการโฮสต์ของคุณ, คลิกที่ลิงค์นี้ และซื้อโฮสติ้งของคุณตอนนี้.

วิธีซื้อโฮสติ้งจาก SiteGround, คลิกที่ลิงค์นี้. เมื่อคุณลงจอดในหน้าแรกของพวกเขาคุณจะเห็นโฮสติ้งที่แตกต่างกันสี่ประเภท:

เลือกแผนพื้นที่ไซต์

เลือกโฮสติ้ง WordPress แล้วคลิก เริ่ม. จากนั้นคุณจะเห็นแผนการกำหนดราคาสามแบบ:

การกำหนดราคาพื้นที่เว็บไซต์ wordpress

เลือกหนึ่งรายการตามความต้องการและงบประมาณของคุณ คุณสามารถตรวจสอบพวกเขา เปรียบเทียบแต่ละแผนโฮสต์ เพื่อให้สามารถตัดสินใจเลือกสิ่งที่เหมาะสมกับธุรกิจของคุณ.

เมื่อคุณเลือกแผนแล้วให้คลิก รับแผน. จากนั้นคุณจะถูกนำไปยังขั้นตอนต่อไปที่เลือกโดเมน หากคุณมีชื่อโดเมนอยู่แล้วให้เลือก “ ฉันมีโดเมนแล้ว”. แต่ถ้าคุณยังไม่มีให้เลือก “ ลงทะเบียนโดเมนใหม่” เพื่อให้คุณสามารถซื้อโดเมนได้ใน SiteGround ค่าใช้จ่ายนี้ $ 15.95 ต่อปี.

เลือกโดเมน

โปรดทราบว่าหากไม่มีชื่อโดเมนที่คุณต้องการซื้ออีกต่อไป SiteGround จะแจ้งให้คุณทราบและคุณจะต้องเลือกอีกชื่อหนึ่ง เมื่อคุณมีชื่อโดเมนให้คลิก ดำเนินดำเนินการต่อ.

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

ขั้นตอนที่ 2: ติดตั้ง WordPress.

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

SiteGround มาพร้อมกับการติดตั้ง WordPress แบบคลิกเดียวที่จะติดตั้ง WordPress ให้คุณได้อย่างรวดเร็ว.

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

จากนั้นคุณจะเห็นรายการซอฟต์แวร์ที่คุณสามารถติดตั้งได้ เลือก WordPress.

ติดตั้ง wordpress

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

เมื่อเสร็จแล้วให้คลิก ยืนยัน > ทำการตั้งค่าให้เสร็จสมบูรณ์. และตอนนี้คุณมีเว็บไซต์ WordPress ที่โฮสต์โดยตัวเอง.

ขั้นตอนที่ 3: ติดตั้งใบรับรอง SSL.

ก่อนที่จะทำสิ่งใดฉันต้องแสดงวิธีติดตั้งใบรับรอง SSL ก่อนเพื่อกำจัดป้ายกำกับที่ไม่ปลอดภัยที่ฉันแสดงให้คุณเห็นก่อน ภายใต้ บัญชีของฉัน, คลิก ไปที่ cPanel.

ไปที่ cpanel

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

ช่วยให้การเข้ารหัส

เลือกโดเมนที่คุณต้องการติดตั้งใบรับรอง SSL ให้เลือก ลองเข้ารหัส SSL, และคลิก ติดตั้ง.

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

ไปที่แผงควบคุมของ wordpress admin

หน้าเข้าสู่ระบบ WordPress มักจะเป็นไปตามรูปแบบเหล่านี้: yourdomain.com/wp-admin และ yourdomain.com/wp-login. คุณอาจจะแตกต่างกัน แต่คุณต้องจำหรือจดบันทึก URL ของหน้าลงชื่อเข้าใช้ของคุณเพื่อที่ครั้งต่อไปคุณจะสามารถเข้าถึงได้โดยพิมพ์ URL ลงในแถบที่อยู่ของคุณโดยตรงและไม่ต้องลงชื่อเข้าใช้ที่ไซต์อีกต่อไป.

หน้าเข้าสู่ระบบ WordPress มีลักษณะดังนี้:

หน้าเข้าสู่ระบบ wordpress

ป้อนชื่อผู้ใช้และรหัสผ่านของคุณที่นี่เพื่อเข้าสู่เว็บไซต์ของคุณเป็นครั้งแรก.

เมื่อคุณเข้าไปข้างในสิ่งแรกที่คุณต้องทำคือบอก WordPress ว่าคุณมีใบรับรอง SSL มันค่อนข้างง่ายที่จะทำ.

ที่แถบด้านข้างซ้ายให้ไปที่ การตั้งค่า > ทั่วไป. บนหน้าจอคุณจะเห็นสองช่องพร้อมชื่อโดเมนของคุณ: ที่อยู่ WordPress (URL) และที่อยู่ไซต์ (URL) คุณต้องพิมพ์ตัวอักษร“ s” หลัง“ http” และก่อนเครื่องหมายโคลอน“:” สำหรับทั้งสองช่อง.

เพิ่มใบรับรอง SSL ใน WordPress

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

เว็บไซต์ที่ปลอดภัยด้วย https

ตอนนี้สิ่งสุดท้ายที่เราต้องทำสำหรับใบรับรอง SSL คือเพื่อให้แน่ใจว่าคนที่พิมพ์“ http” ในที่อยู่ของพวกเขาจะถูกเปลี่ยนเส้นทางไปยัง URL“ https” ของคุณ เราต้องการปลั๊กอินในการทำเช่นนั้น.

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

ติดตั้ง SSL ที่เรียบง่ายจริงๆ

จากนั้นคุณจะเห็นข้อความป๊อปอัปนี้บนแดชบอร์ดของคุณ:

เปิดใช้งาน SSL ที่เรียบง่ายจริงๆ

คลิกสีน้ำเงิน ไปข้างหน้าเปิดใช้งาน SSL! ปุ่ม. คุณจะออกจากระบบและเมื่อคุณกลับเข้าสู่ระบบปลั๊กอิน Simple Simple SSL จะมีผลอย่างสมบูรณ์.

ขั้นตอนที่ 4: ติดตั้งธีม Astra และเว็บไซต์ Astra.

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

ธีม Astra เป็นธีม WordPress ฟรีที่มีความเร็วและความเรียบง่ายที่ยอดเยี่ยม สิ่งที่ฉันชอบที่สุดเกี่ยวกับมันคือการกำหนดค่าตัวเองตามเครื่องมือที่คุณต้องการและสิ่งนี้จะทำให้ทุกอย่างง่ายขึ้นในตอนท้ายของคุณ นอกจากนี้ยังมีรุ่น Pro หากคุณต้องการเข้าใช้คุณสมบัติพิเศษ.

ธีมแอสตร้า

นี่คือคุณสมบัติที่ฉันชอบมากที่สุดเกี่ยวกับแอสตร้า:

  • หนึ่งในธีมที่เร็วที่สุดที่มีให้
  • มากกว่า 100 ไซต์เริ่มต้น (ส่วนใหญ่จะฟรี 100%)
  • คุณสมบัติเมนู Mega ยืดหยุ่น
  • แพ็คเกจเสริมที่ทรงพลัง
  • สนับสนุน WooCommerce อย่างกว้างขวาง

ในการติดตั้ง Astra ไปที่ การปรากฏ > กระทู้ > เพิ่มใหม่. ค้นหา Astra คลิก ติดตั้ง, และ เปิดใช้งาน.

การติดตั้งแอสตร้า

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

หลังจากติดตั้งแอสตร้าคุณจะเห็นข้อความนี้บนแผงควบคุมของคุณ:

เริ่มต้นกับเว็บไซต์แอสตร้า

คลิก เริ่ม. สิ่งนี้จะติดตั้ง Astra Starter Sites ให้คุณ คุณยังสามารถติดตั้ง Astra Sites ได้โดยไปที่ ปลั๊กอิน > เพิ่มใหม่. ค้นหา เว็บไซต์ของ Astra และติดตั้งและเปิดใช้งาน หากต้องการเข้าถึง Astra Sites ให้ไปที่ การปรากฏตัว >เว็บไซต์เริ่มต้นของ Astra.

เลือกสร้างหน้าของคุณ

หลังจากติดตั้ง Astra Sites แล้วคุณจะถูกถามตัวสร้างหน้าเว็บที่คุณต้องการ: Gutenberg, Elementor, Beaver Builder หรือ Brizy ในบทช่วยสอนนี้ฉันจะใช้ Elementor.

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

เลือกธีมเว็บไซต์ของคุณ Astra

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

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

สำหรับบทช่วยสอนนี้ฉันจะใช้ นักบัญชี แม่แบบเพราะมันดูน่าทึ่งและง่ายต่อสายตา.

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

ชุดรูปแบบเว็บไซต์กล่องแอสตร้า

หากคุณสังเกตเห็นจะมีกล่องที่บอกว่า “ ติดตั้งปลั๊กอินที่จำเป็น”. การทำเครื่องหมายในช่องนี้จะติดตั้งปลั๊กอินที่จำเป็นทั้งหมดสำหรับธีมเพื่อดูว่ามันเป็นอย่างไร สำหรับธีมนี้ติดตั้ง WPForms Lite ซึ่งเป็นปลั๊กอินที่ให้คุณสร้างแบบฟอร์มการติดต่ออย่างง่ายและ Elementor ซึ่งเป็นเครื่องมือสร้างหน้าเว็บที่ฉันจะใช้งาน คุณสามารถคลิกที่เครื่องหมายคำถามเล็ก ๆ ด้านข้างเพื่อดูว่าจะติดตั้งปลั๊กอินอะไร.

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

ติดตั้งชุดรูปแบบเว็บไซต์แอสตร้า

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

ขั้นตอนที่ 5 เลือกองค์ประกอบการออกแบบ.

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

เริ่มจากจานสีของคุณ หากคุณมีสีของแบรนด์แล้วสิ่งนี้จะง่ายขึ้น.

การเลือกจานสี

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

เมื่อเลือกสีหลักของคุณคุณต้องทำการวิจัยเกี่ยวกับจิตวิทยาสีหรือสีที่มีผลต่อการรับรู้หรือพฤติกรรมของผู้คน บางสีทำให้ผู้คนรู้สึกบางอย่างเช่น สีแดงทำให้พวกเขารู้สึกวิตกดังนั้นคุณต้องพิจารณาสิ่งเหล่านี้เมื่อเลือกสีหลักของคุณ.

สีที่ถูกเน้น มักจะใช้เพื่อทำให้องค์ประกอบบางอย่างโดดเด่นกว่าส่วนที่เหลือเช่นส่วนหัวหรือชื่อโพสต์.

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

มีเครื่องมือสองอย่างที่ฉันชอบใช้ในการเลือกจานสี อันแรกก็คือ Coolors.co, เว็บไซต์ที่คุณสามารถเรียกดูจานสีที่แตกต่างเพื่อรับแนวคิดหรือแรงบันดาลใจ หากคุณเห็นสิ่งที่คุณชอบคุณสามารถคัดลอกรหัส Hex เพื่อใช้กับ WordPress ได้อย่างรวดเร็ว.

หากคุณคลิก สำรวจ ที่หัวข้อคุณจะเห็นชุดจานสีมากมาย:

คูลเลอร์สีจานสี

หากคุณเห็นจานสีที่คุณชอบให้เลื่อนเม้าส์ของคุณเหนือมันคลิก ดู, และคุณจะเข้าสู่หน้าต่างใหม่ที่คุณจะเห็นรหัส Hex ของแต่ละสี.

รหัสฐานสิบหกของจานสี

รหัส Hex เหล่านี้คือสิ่งที่คุณต้องใช้สีเหล่านี้ในเว็บไซต์ของคุณ หลังจากนั้นฉันจะแสดงวิธีใช้รหัส Hex เหล่านี้ให้กับแบ็กเอนด์ WordPress.

เครื่องมือที่ยอดเยี่ยมอีกอย่างคือ Colorzilla นี่คือส่วนขยายของ Google Chrome ที่ให้คุณได้รหัส Hex ของสีใด ๆ ที่คุณเห็นบนเว็บไซต์ใด ๆ เพียงแค่คลิกที่มัน.

หากคุณต้องการได้รับส่วนขยาย Colorzilla, คลิกที่นี่. จากนั้นคลิก เพิ่มใน Chrome.

ColorZilla

จากนั้นคุณจะเห็นไอคอนนี้บนแถบเครื่องมือของคุณ:

ไอคอน colorzilla

ดังนั้นหากคุณต้องการทราบรหัส Hex ของสีที่คุณเห็นบนเว็บไซต์เพียงคลิกที่ไอคอนนี้จากนั้นคลิกสีที่คุณต้องการคัดลอก รหัส Hex จะถูกคัดลอกโดยอัตโนมัติ คุณสามารถวางรหัส Hex นี้ในพื้นที่เฉพาะใน WordPress.

การปรับแต่งตัวอักษร

คุณต้องการใช้การพิมพ์ของคุณเองที่ตรงกับเอกลักษณ์ของแบรนด์และช่วยให้เว็บไซต์ของคุณโดดเด่น เว็บไซต์ปกติมี 2-3 แบบอักษร เช่นเดียวกับสีคุณจะมี แบบอักษรหลัก แบบอักษรสำหรับหัวข้อหรือเมนู คุณต้องมี แบบอักษรของร่างกาย สำหรับย่อหน้าของข้อความและ “แบบอักษรป๊อป” เพื่อช่วยให้ข้อความบางส่วนโดดเด่น.

เช่นเดียวกับสีคุณต้องพิมพ์ที่คงอยู่กับแบรนด์ของคุณดูเป็นที่ชื่นชอบและส่งข้อความที่ถูกต้องเกี่ยวกับแบรนด์ของคุณ.

หนึ่งในเครื่องมือที่ฉันโปรดปรานเมื่อเลือกการพิมพ์คือ Fontpair.co. นี่คือเว็บไซต์ที่แสดงให้คุณเห็นว่าแบบอักษรที่แตกต่างกันสองแบบมีลักษณะอย่างไร.

fontpair.co

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

ฉันชอบใช้ WhatFont ส่วนขยายของ Google Chrome ที่บอกให้คุณทราบว่าแบบอักษรใดที่ใช้ในเว็บไซต์ใด ๆ เพียงแค่วางเมาส์ไว้เหนือ.

เพื่อติดตั้ง WhatFont, คลิกที่นี่ จากนั้นคลิก เพิ่มใน Chrome. จากนั้นคุณจะเห็นไอคอนนี้บนแถบเครื่องมือ:

whatfont

หากต้องการทราบชื่อของแบบอักษรให้คลิกไอคอนนี้และเลื่อนเมาส์ไปเหนือข้อความ WhatFont จะบอกชื่อของแบบอักษรนี้และถ้าคุณคลิกคุณจะเห็นขนาดตัวอักษรสีตระกูลลักษณะน้ำหนักและอื่น ๆ.

ใช้ whatfont

รับโลโก้

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

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

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

โลโก้ canva

คุณยังสามารถจ้างนักออกแบบโลโก้เพื่อทำเพื่อคุณ คุณสามารถลองเว็บไซต์เช่น Fiverr.com หรือ 99design ได้ แต่คุณต้องระวังในการเลือกศิลปินตามสไตล์, ประวัติเพลง, รีวิว, การให้คะแนนและอื่น ๆ.

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

ขั้นตอน 6. ปรับแต่งเว็บไซต์ของคุณ.

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

ปรับแต่งธีม

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

กำหนดส่วนหน้าของธีมเอง

เมื่อคุณอยู่ในเครื่องมือปรับแต่งธีมคุณจะสามารถเพิ่มโลโก้เปลี่ยนสีเปลี่ยนเค้าโครงไซต์และอีกมากมาย.

ตัวปรับแต่งธีม

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

ในชุดรูปแบบนี้หากต้องการเปลี่ยนสีของไซต์ให้ไปที่ สีและพื้นหลัง. คุณจะมีตัวเลือกในการเปลี่ยนสีพื้นฐาน breadcrumb ส่วนหัวและแถบท้ายกระดาษ.

ตัวแก้ไขพื้นหลังสี

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

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

ดังนั้นหากคุณพบสีใน Coolors.co หรือที่อื่นคุณสามารถวางรหัส Hex ได้ที่นี่ คุณยังสามารถเลือกสีในเครื่องมือการเลือกสีในตัว.

โปรแกรมแก้ไขสีพื้นฐาน

ถัดไปคือการเปลี่ยนแบบอักษรของคุณ กลับไปที่ Customizer โดยคลิกที่ลูกศรย้อนกลับที่ด้านบนของแถบด้านข้างแล้วคลิก วิชาการพิมพ์. คุณจะสามารถเปลี่ยนฐาน breadcrumb เนื้อหาและการพิมพ์บล็อกได้.

วิชาการพิมพ์

ท้ายสุดเพื่ออัปโหลดโลโก้ของคุณไปที่ แบบ > หัวข้อ > เอกลักษณ์ของเว็บไซต์. ใต้ส่วนโลโก้ให้คลิกที่ เปลี่ยนโลโก้ ปุ่มและอัปโหลดโลโก้ของคุณ.

เปลี่ยนโลโก้

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

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

เมื่อปรับแต่งเสร็จแล้วอย่าลืมคลิก ประกาศ เพื่อให้การเปลี่ยนแปลงของคุณเป็นจริงบนไซต์ของคุณ.

ขั้นตอน 7. ปรับแต่งเว็บไซต์ของคุณด้วย Elementor.

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

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

หน้า

เลื่อนเมาส์ไปวางเหนือหน้าที่คุณต้องการแก้ไขด้วย Elementor แล้วคลิก แก้ไขด้วย Elementor.

แก้ไขด้วยองค์ประกอบแบ็กเอนด์หรือ

นั่นจะพาคุณเข้าไปใน Elementor.

หากคุณอยู่ที่ส่วนหน้าของเว็บไซต์คุณสามารถป้อน Elementor โดยไปที่หน้าที่คุณต้องการแก้ไขและคลิก แก้ไขด้วย Elementor บนแถบสีดำที่ด้านบน:

แก้ไขด้วยองค์ประกอบหรือส่วนหน้า

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

elementor

หากคุณสังเกตเห็นส่วนหัวจะไม่สามารถมองเห็นได้ภายใน Elementor เหตุผลคือ Elementor เวอร์ชันฟรีไม่สามารถแก้ไขส่วนหัวและส่วนท้าย คุณลักษณะนี้มีให้เฉพาะกับ Elementor Pro.

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

Elementor ยังอนุญาตให้แก้ไขข้อความแบบอินไลน์ซึ่งหมายความว่าคุณสามารถเปลี่ยนข้อความในพื้นที่เนื้อหาเอง นี่คือบางสิ่งที่คุณสามารถทำได้กับข้อความใน Elementor:

การแก้ไขข้อความในองค์ประกอบหรือ

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

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

การแก้ไขภาพในองค์ประกอบหรือ

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

การลบภาพในองค์ประกอบหรือ

หากต้องการปรับแต่งหัวเรื่องให้เลื่อนเมาส์ไปวางเหนือไอคอนแล้วคลิกไอคอนจุดที่ด้านบน:

การปรับแต่งหัวเรื่องใน elementor

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

ปรับแต่งส่วนหัว

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

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

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

ฉันยังมีแบบฝึกหัด Elementor ที่ฉันแสดงให้คุณเห็นวิธีเริ่มต้นใช้งาน Elementor อย่างรวดเร็ว คุณสามารถรับชมได้ ที่นี่.

ขั้นตอนที่ 8 สร้างความปลอดภัยให้เว็บไซต์ของคุณ.

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

ปลั๊กอิน WordPress ที่ดีที่สุดที่ฉันเคยพบนั่นคือความปลอดภัยของ iThemes ปลั๊กอินฟรีรุ่นนี้มีคุณสมบัติด้านความปลอดภัยที่แข็งแกร่งอยู่แล้วและคุณสามารถเปิดใช้งานได้เพียงคลิกเดียว.

หากต้องการติดตั้ง iThemes Security ตรงไปที่ ปลั๊กอิน > เพิ่มใหม่ จากนั้นค้นหา ความปลอดภัยของ iThemes.

ติดตั้ง ithemes

เมื่อเปิดใช้งานแล้วคุณจะเห็นตัวเลือกใหม่ในแถบด้านข้างที่เรียกว่า ความปลอดภัย. ไปที่ ความปลอดภัย > การตั้งค่า และคุณควรเห็นข้อความเกี่ยวกับคุณสมบัติที่แตกต่างที่ iThemes สามารถทำเพื่อคุณ.

ระบบรักษาความปลอดภัยเว็บไซต์

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

เปิดใช้งานการป้องกันแรงเดรัจฉานเครือข่าย

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

เพียงไม่กี่คลิกเว็บไซต์ของคุณก็จะปลอดภัย คุณสามารถทำได้มากขึ้นด้วยปลั๊กอินนี้และถ้าคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับมันคุณสามารถดู iThemes Security review และบทแนะนำการตั้งค่า ที่นี่.

ขั้นตอนที่ 9. สำรองเว็บไซต์ของคุณ.

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

ในการติดตั้งปลั๊กอินนี้ให้ไปที่ ปลั๊กอิน > เพิ่มใหม่ และค้นหา อัปเดต Backupraft. ติดตั้งและเปิดใช้งาน.

ติดตั้ง updraftplus

เมื่อเปิดใช้งานแล้วมันจะสร้างตัวเลือกใหม่ภายใต้ การตั้งค่า เรียกว่า การสำรองข้อมูล UpdraftPlus. คลิกที่ภาพเพื่อเริ่มตั้งค่าการสำรองข้อมูลของคุณ.

updraftplus สำรองในการตั้งค่า

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

ในฐานะที่เป็น กำหนดเวลาสำรองฐานข้อมูล, เนื่องจากการเปลี่ยนแปลงนี้มักจะตั้งเป็น ประจำวัน และเก็บข้อมูลสำรอง 7 รายการ.

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

การตั้งค่าการสำรองข้อมูล updraftplus

คลิกที่เก็บข้อมูลระยะไกลที่คุณต้องการและคลิก บันทึกการเปลี่ยนแปลง อีกครั้ง จากนั้นคุณจะเห็นข้อความนี้:

รับรองความถูกต้องจัดเก็บข้อมูลระยะไกล

คุณต้องคลิกที่ลิงค์นี้เพื่ออนุญาตการสำรองข้อมูล UpdraftPlus เพื่อจัดเก็บการสำรองข้อมูลไปยังที่เก็บข้อมูลที่คุณเลือก ในตัวอย่างนี้เนื่องจากฉันเลือก Dropbox การคลิกลิงก์นี้จะนำฉันไปสู่หน้าลงชื่อเข้าใช้ Dropbox เมื่อฉันลงชื่อเข้าใช้ฉันจะเห็นข้อความนี้:

การสำรองข้อมูล updraftsplus การตั้งค่าที่สมบูรณ์

ฉันแค่ต้องคลิก ตั้งค่าเสร็จสมบูรณ์, และฉันจะถูกนำกลับไปที่แบ็กเอนด์ UpdraftsPlus ใน WordPress พร้อมข้อความยืนยันนี้ที่ด้านบน:

รับรองความถูกต้องสมบูรณ์ updraft

หากฉันต้องการสำรองข้อมูลทั้งหมดที่ฉันต้องทำคือคลิกสีน้ำเงิน การสำรองข้อมูลในขณะนี้ ปุ่ม. UpdraftPlus จะสร้างการสำรองข้อมูลตามกำหนดเวลาที่ฉันทำไว้ก่อนหน้านี้และส่งไปยัง DropBox.

หากคุณต้องการคืนค่าข้อมูลสำรองให้คลิกที่ การสำรองข้อมูลที่มีอยู่ และคลิก ฟื้นฟู.

ขั้นตอนที่ 10 เพิ่มประสิทธิภาพเว็บไซต์ของคุณ.

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

SEO มีลักษณะที่เรียกว่า SEO ในหน้า, และนี่คือแนวทางปฏิบัติที่คุณสามารถนำไปใช้ในเว็บไซต์ของคุณภายใน WordPress เพื่อสื่อสารกับเครื่องมือค้นหาอย่างชัดเจนว่าเว็บไซต์และเนื้อหาของคุณเกี่ยวข้องกับอะไร.

นี่เป็นแนวทางปฏิบัติที่ดีที่สุดในหน้า SEO ที่คุณต้องนำไปใช้:

  • เขียนชื่อเมตาและคำอธิบายเมตาสำหรับทุกหน้าและโพสต์.
  • เพิ่มคำหลักหรือวลีที่สำคัญและใช้พวกเขาตลอดทั้งเนื้อหา.
  • เพิ่ม ALT TXT สำหรับทุกภาพในหน้า / โพสต์ของคุณ.

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

ตัวอย่างผลการค้นหา google

คำหลักคือสิ่งที่ผู้ใช้พิมพ์ในเครื่องมือค้นหาเพื่อค้นหาบางอย่าง ชื่อเมตาคือชื่อของผลลัพธ์และคำอธิบายเมตาเป็นคำอธิบายสั้น ๆ ด้านล่าง สิ่งเหล่านี้เป็นรายละเอียดที่สำคัญเพราะพวกเขาบอก Google ว่าหน้าเว็บเกี่ยวข้องกับอะไรและเกี่ยวข้องกับวลีสำคัญ“ ซาลอนนิวยอร์ก”.

นี่คือรายการสั้น ๆ ของเทคนิคการทำ SEO ในหน้าเว็บเพราะคุณทำสิ่งนี้ได้อย่างแท้จริง แต่สำหรับตอนนี้เราจะมุ่งเน้นไปที่สิ่งเหล่านี้.

ในการทำสิ่งเหล่านี้เราจำเป็นต้องมีปลั๊กอิน หนึ่งในปลั๊กอิน WordPress บนหน้า SEO ที่ดีที่สุดคือ Yoast SEO และเราจะใช้มันในบทช่วยสอนนี้ หากต้องการติดตั้งปลั๊กอินนี้เพียงไปที่ ปลั๊กอิน > เพิ่มใหม่ และค้นหา Yoast SEO. คลิก ติดตั้งในขณะนี้ และ เปิดใช้งาน.

ติดตั้ง seo yoast

ตอนนี้เมื่อคุณไปที่หน้าหรือโพสต์ใด ๆ คุณจะเห็นกล่องใหม่นี้ใต้พื้นที่ตัวแก้ไข:

กล่อง seo yoast

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

เพิ่มคำหลัก

หากต้องการเพิ่มชื่อเมตาและคำอธิบายให้คลิก แก้ไขตัวอย่าง ปุ่ม.

แก้ไขตัวอย่าง

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

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

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

เปิดใช้งานแผนผังไซต์

สำหรับคุณหลายคนสิ่งนี้อาจนำคุณไปสู่หน้า 404 แต่ไม่ต้องกังวล การแก้ไขนั้นค่อนข้างง่าย สิ่งที่คุณต้องทำคือไปที่ การตั้งค่า > Permalinks. เลือก โพสต์ชื่อ และตี บันทึกการเปลี่ยนแปลง.

Permalink ชื่อโพสต์

ตอนนี้เมื่อคุณพยายามเข้าถึงแผนผังไซต์ XML อีกครั้งคุณจะเห็นสิ่งนี้:

แผนผังไซต์ xml

ห่อ

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

โรคติดต่อระหว่างประเทศ

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

คุณสมบัติหลักของ SiteGround:

  • ฟรีใบรับรอง SSL
  • สนับสนุน FAST Knowledgable
  • สิ่งแวดล้อมการแสดงละคร WordPress
  • การโยกย้ายเว็บไซต์ฟรี
  • สำรองข้อมูลรายวัน

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

ตรวจสอบ SiteGround

ธีมแอสตร้า

แอสตร้าเป็นธีมเวิร์ดเพรสฟรีที่เน้นเรื่องความเร็ว คุณสามารถซื้อรุ่น Pro ได้ในราคา $ 59 ซึ่งจะเป็นการเพิ่มการตั้งค่าและตัวเลือกเพิ่มเติม.

คุณสมบัติเด่นของธีมแอสตร้า:

  • ไม่ใช่ชุดรูปแบบ Fastes แต่มันไม่ใช่เรื่องเหลวไหล
  • เว็บไซต์สาธิตฟรีมากมาย
  • คุณสมบัติเมนู Mega ที่ยืดหยุ่นได้
  • ตัวเลือกเลย์เอาต์ที่กำหนดเอง
  • สนับสนุน WooCommerce
  • สนับสนุน LearnDash

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

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

สำหรับฉันแล้วฉันคิดว่าธีมของ Astra ไม่สอดคล้องกับแนวโน้มปัจจุบันและฉันไม่แนะนำอีกต่อไป.

มีชุดรูปแบบที่ทันสมัยกว่าที่มีอยู่มากมายที่ให้ส่วนหัวและส่วนท้ายของบิวด์ inbuilt เทียบกับ 3 เลย์เอาต์รวมทั้งเพจที่ยืดหยุ่นมากขึ้นและเลย์เอาต์โพสต์.

ตรวจสอบธีมแอสตร้า

Elementor

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

คุณสมบัติองค์ประกอบที่สำคัญ:

  • เครื่องมือแก้ไขส่วนหน้าสด
  • คุณสมบัติส่วนบุคคลของเว็บไซต์
  • เทมเพลต & บล็อกไลบรารี
  • ตัวเลือกตอบสนองมือถือที่กว้างขวาง
  • เครื่องมือสร้างป๊อปอัพที่ทรงพลังที่สุด
  • PRO สร้างส่วนหัว / ท้ายกระดาษแบบกำหนดเอง
  • PRO สร้างเลย์เอาต์ประเภทโพสต์

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

Elementor Pro เป็นค่าที่เหลือเชื่อเมื่อพิจารณาโมดูลเพิ่มเติมและคุณสมบัติด้านพลังงานทั้งหมดที่มี.

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

ตรวจสอบ Elementor

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map