วิธีการสร้างเว็บไซต์อย่างมืออาชีพด้วย WordPress (เริ่มต้นง่าย)

สร้างเว็บไซต์ระดับมืออาชีพที่เป็นมิตร WordPress เริ่มต้น


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

เครื่องมือสร้างเว็บไซต์ที่ใช้ WordPress

เหมาะสำหรับผู้เริ่มต้น! สร้างเว็บไซต์อย่างมืออาชีพและคุณภาพสูงด้วย WordPress และ BoldGrid.

เริ่มเลย! »

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

บทช่วยสอนนี้ไม่เกี่ยวข้องกับการเขียนโปรแกรมหรือทักษะการออกแบบเว็บ มันเหมาะสำหรับผู้เริ่มต้นที่เริ่มต้นด้วย WordPress. ทุกอย่างแสดงด้วยภาพหน้าจอ.

เริ่มต้นเป็นมิตร! ไม่มีการเข้ารหัส! ไม่มีข้อตกลง geeky! ง่ายและตรงไปข้างหน้า! เป็นขั้นเป็นตอน.

Professional Hosting สำหรับธุรกิจมืออาชีพ

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

ดังนั้นก่อนอื่นคุณจะต้องซื้อแผนการชักรอก.

โดยไปที่ลิงค์นี้คุณจะได้รับส่วนลดทันที 47% เลื่อนไปที่ด้านล่างของหน้าและเลือกแผนการเปิดตัวโดยคลิกที่ปุ่ม “สั่งซื้อตอนนี้”.

สั่งแผนเปิดตัว Inmotion

ตรวจสอบตัวเลือกของคุณแล้วคลิก“ ดำเนินการต่อ”.

กระบวนการสั่งซื้อโฮสติ้งชั้นธุรกิจ inmotion

หากคุณมีชื่อโดเมนอยู่แล้วให้เลือกตัวเลือกนั้นมิฉะนั้นคุณสามารถลงทะเบียนโดเมนใหม่ได้ฟรีด้วยแผนบริการโฮสต์.

inmotion ลงทะเบียนโดเมนฟรี

สำหรับตัวอย่างนี้ฉันเลือกตัวเลือกเพื่อเชื่อมโยงโดเมนของฉันกับเซิร์ฟเวอร์ของ InMotion ดังนั้นฉันจึงดำเนินการต่อด้วยตัวเลือก“ ฉันมีโดเมนอยู่แล้ว” ตรวจสอบตัวเลือกของคุณแล้วคลิก“ ดำเนินการต่อ”.

inmotion เป็นเจ้าของชื่อโดเมนแล้ว

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

inmotion โฮสต์ฝั่งตะวันออกชายฝั่งตะวันตก

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

inmotion ติดตั้ง boldgrid โดยอัตโนมัติเมื่อสมัครใช้งาน

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

อินโฮสติ้งซื้อบัญชีโฮสติ้ง

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

จนถึงตอนนี้ดีมาก! ตอนนี้สนุกไปกับการสร้างเว็บไซต์ของคุณ.

สร้างเว็บไซต์ WordPress ของคุณ

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

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

เข้าสู่ระบบตัวหนา

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

ตอนนี้ในการเริ่มต้นคุณจะต้องคลิกที่เมนู “แรงบันดาลใจ”.

เว็บไซต์แรงบันดาลใจตัวหนา

ในหน้าแรงบันดาลใจคุณสามารถเลือกจากสองตัวเลือก: ติดตั้งเป็น Staging (เลือกสิ่งนี้หากคุณมีเว็บไซต์อยู่แล้วและต้องการอัปเกรดด้วย BoldGrid) หรือติดตั้งเป็นใช้งานอยู่ (ตัวเลือกนี้สำหรับผู้ที่ยังไม่มีเว็บไซต์) เราจะดำเนินการกับไซต์“ ใช้งาน”.

boldgrid ติดตั้งเว็บไซต์ที่ใช้งานอยู่

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

ตัวหนาเลือกหมวดหมู่เว็บไซต์

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

ชุดรูปแบบตัวเลือกหนา

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

boldgrid เลือกชุดหน้า

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

เว็บไซต์ติดตั้งตัวหนา

การติดตั้งและสร้างหน้าจะใช้เวลาน้อยกว่าหนึ่งนาที อย่าปิดหน้าจนกว่าจะเสร็จสิ้น เมื่อติดตั้งเสร็จแล้วให้คลิกปุ่ม “ปรับแต่ง”.

ดาวน์โหลดชุดรูปแบบเว็บไซต์ติดตั้งตัวหนา

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

ปรับแต่งเว็บไซต์ตัวหนา

ในส่วนสีคุณสามารถเลือกจานสีที่แตกต่างกัน มีฟังก์ชั่น “แนะนำจาน” ที่จะแนะนำรูปแบบสีทุกครั้งที่คุณคลิก เลือกชุดสีที่คุณชอบ!

ตัวปรับแต่งสีตัวหนาแนะนำจานสี

มีการตั้งค่าอื่น ๆ อีกมากมายที่คุณสามารถกำหนดค่าเพื่อทำให้เว็บไซต์ของคุณโดดเด่นและโดดเด่น ตัวอย่างเช่นคุณสามารถเลือกให้มีโฮมเพจแบบสแตติกซึ่งจะแสดงหน้าที่คุณเลือกไว้ คุณยังสามารถเพิ่มวิดเจ็ตในส่วนหัวและส่วนท้ายและแทรก HTML ที่กำหนดเอง (Google Analytics ตัวอย่างเช่น). นอกจากนี้ยังเป็นไปได้ที่จะเพิ่ม JavaScript หรือ CSS ที่กำหนดเองในธีมของคุณโดยไม่จำเป็นต้องเปิดไฟล์ใด ๆ เราจะไม่ลงรายละเอียดตอนนี้เพราะบทช่วยสอนนี้ใช้เวลาในการเขียนและอ่านนานเกินไป.

เมื่อเสร็จแล้วคลิก “บันทึก & เผยแพร่” ปุ่ม! คุณสามารถกลับมาใหม่ในภายหลังและแก้ไขตัวเลือกใด ๆ หากคุณต้องการ.

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

ตัวอย่างเว็บไซต์ตัวหนา

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

แก้ไขตัวหนาหน้า

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

ตัวแก้ไขหน้าตัวหนา

ด้วยฟังก์ชั่น“ Add GridBlock” คุณสามารถเลือกจากเลย์เอาต์ที่สร้างไว้ล่วงหน้าหลากหลายแบบ ฟังก์ชั่นนี้ยังช่วยให้คุณสามารถแทรกแผนที่ Google ลงในหน้าของคุณหรือเลือกจากแบบฟอร์มการติดต่อที่หลากหลายพร้อมด้วยฟิลด์ต่างๆ.

ตัวหนาแทรกเค้าโครง gridblock

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

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

สรุปและข้อเสนอแนะ

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

ฉันขอแนะนำทั้ง BoldGrid และ InMotion สำหรับการสร้างและโฮสต์เว็บไซต์ WordPress ของคุณ.

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

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