วิธีการใช้ Squarespace เพื่อสร้างเว็บไซต์แรกของคุณ

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


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

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

เราจะครอบคลุมองค์ประกอบของ Squarespace ดังต่อไปนี้:

  1. ออกแบบ (ปรับแต่งรูปลักษณ์โดยรวมของเว็บไซต์ของคุณ)
  2. หน้า (เพิ่มเนื้อหาในเว็บไซต์ของคุณ)
  3. การตั้งค่า (การปรับแต่ง SEO และการตั้งค่าทางธุรกิจอื่น ๆ )

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

การเดินเรือ

  • ขั้นตอนที่ # 1: การลงทะเบียนสำหรับ Squarespace
  • ขั้นตอนที่ # 2: ทำความเข้าใจกับ Squarespace (ตอนที่ 1): ตัวเลือกการออกแบบ
  • ขั้นตอนที่ # 3: การทำความเข้าใจกับ Squarespace (ตอนที่ # 2): การทำงานของ“ หน้า”
  • ขั้นตอนที่ # 4: สำรวจ Squarespace
  • สรุป

รายการเครื่องมือ 

  • แพลตฟอร์ม – Squarespace
  • ผู้รับจดทะเบียนโดเมน – ชื่อถูก
  • (นั่นคือทั้งหมดที่คุณต้องการง่าย ๆ !)

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

Contents

วิธีใช้ Squarespace … การเตรียมตัวก่อนเริ่ม

ก่อนที่คุณจะเริ่มใช้ Squarespace เพื่อสร้างเว็บไซต์ของคุณคุณต้องมีสิ่งต่อไปนี้:

1. ชื่อโดเมน

เป็นหนึ่งในขั้นตอนการตั้งค่าเว็บไซต์ของเราเราจะเชื่อมโยงชื่อโดเมนของคุณกับบัญชี Squarespace ของคุณ.

ดังนั้นคุณจะต้องมีชื่อโดเมน หากคุณยังไม่ได้ซื้อชื่อโดเมนให้ซื้อตอนนี้.

คุณสามารถซื้อได้จาก Squarespace ด้วย แต่ฉันจะไม่แนะนำ.

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

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

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

2. แนวคิดคร่าวๆเกี่ยวกับโครงสร้างการนำทางของไซต์ของคุณ 

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

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

ตัวอย่างเช่นคุณสามารถเพิ่มบางหน้าต่อไปนี้ในเว็บไซต์ของคุณ:

  • เกี่ยวกับ
  • เริ่มที่นี่
  • ผลงาน
  • บริการ
  • จ้าง
  • เก็บ
  • คุณสมบัติ
  • การตั้งราคา
  • ทีม
  • ติดต่อ

3. การคัดลอกและกราฟิก

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

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

การมีเนื้อหาและสื่อที่มีประโยชน์ทั้งหมดจะใช้เวลามากในภายหลัง.

ตอนนี้เริ่มต้นด้วยการสร้างเว็บไซต์.

(หากคุณสมัครใช้งาน Squarespace รุ่นทดลองแล้วให้ข้ามไปที่ส่วนแรกของคู่มือ)

วิธีการสร้างเว็บไซต์ Squarespace แรกของคุณ

ขั้นตอนที่ # 1: การลงทะเบียนสำหรับเว็บไซต์ Squarespace

แผนการ Squarespace ทั้งหมดเริ่มต้นด้วยการทดลองใช้ฟรี.

หากต้องการลงทะเบียนเพื่อทดลองใช้งานฟรีโปรดไปที่ Squarespace และเลือกตัวเลือกเพื่อ “สร้างไซต์”:

squarespace-ได้รับการเริ่มต้นสองขั้นตอนง่าย ๆ ในการเริ่มต้นไซต์ Squarespace: 1, การติดตั้งโดเมน (ใหม่หรือย้ายเข้า) โดเมน; 2, เลือกเทมเพลตเพื่อสร้างเว็บไซต์หรือร้านค้า.

จากนั้นเลือกเทมเพลต.

เพื่อทำให้ขั้นตอนนี้เป็นเรื่องง่าย Squarespace จัดกลุ่มธีมเป็นหมวดหมู่ต่อไปนี้:

  • ธุรกิจ
  • พอร์ตการลงทุน
  • บล็อก
  • นักดนตรี
  • ร้านอาหาร
  • งานแต่งงาน
  • ส่วนบุคคล

ตัวอย่างธีมของ Squarespace

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

ชื่อชุดรูปแบบ: ห้า

ชื่อชุดรูปแบบ: Jasper

ชื่อชุดรูปแบบ: ทิวดอร์

ชื่อชุดรูปแบบ: ตัวอักษรวิ่ง

ชื่อชุดรูปแบบ: แปซิฟิก

ชื่อชุดรูปแบบ: ความสูง

ชื่อชุดรูปแบบ: Shift

ชื่อชุดรูปแบบ: Forte

ชื่อชุดรูปแบบ: Rover

เกมส์ Squarespace การลงทะเบียน กระบวนการ

สำหรับวัตถุประสงค์ของคำแนะนำนี้ฉันตั้งค่าโดยใช้บัญชี Squarespace ของฉัน.

ฉันจะไปที่หมวดหมู่ธุรกิจและกำลังเลือกเทมเพลตนั่นคือมอนตอก.

To use Montauk for your site, go to Business data-lazy-src=

เมื่อคุณเลือกเทมเพลต Squarespace จะแสดงแบบฟอร์มลงทะเบียนสั้น ๆ ให้คุณ:

ลงชื่อลงทะเบียนและสร้างด้วย Squarespace.

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

1. การเลือกเว็บไซต์ที่มีไว้สำหรับ

ขั้นตอนที่ 1# 1- การเลือกไซต์ที่เหมาะกับใคร – ฉันเลือกตัวเลือก ‘ธุรกิจ / องค์กรของฉัน’.

2. เว็บไซต์นี้เกี่ยวกับอะไร?

ขั้นตอนที่ 2# 2- เว็บไซต์นี้เกี่ยวกับอะไร ตัวเลือกมากมายที่นี่ ฉันกำลังเลือก “บริการระดับมืออาชีพ”.

3. อะไรคือเป้าหมายของคุณสำหรับเว็บไซต์นี้?

ขั้นตอนที่ 3# 3- เป้าหมายของคุณสำหรับไซต์นี้คืออะไร คำถามนี้ก็รองรับหลายคำตอบเช่นกัน ฉันเลือก Showcase หรือสร้างผลงานของฉันรับจ้างบล็อกหรือเผยแพร่เนื้อหาและขายผลิตภัณฑ์หรือบริการออนไลน์.

4. ตั้งชื่อเว็บไซต์

ขั้นตอนที่ 4# 4- การตั้งชื่อไซต์ ฉันกำลังโทรหาเว็บไซต์ของฉัน “My First Squarespace Website”.

เมื่อทำแบบสอบถามการปรับแต่งเนื้อหาในเว็บไซต์ให้เป็นแบบส่วนตัวฉันเห็นหน้าจอต่อไปนี้.

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

ดูตัวอย่างเว็บไซต์ Squarespace แรกของฉันดูตัวอย่างเว็บไซต์ Squarespace แรกของฉัน.

ค้นหาเพิ่มเติมเกี่ยวกับ Squarespace

ขั้นตอนที่ # 2: การใช้ Squarespace (ตอนที่ 1): ตัวเลือกการออกแบบ

Squarespace มี 10 รายการภายใต้การตั้งค่าการออกแบบ:

  1. เครื่องหมาย & หัวข้อ
  2. แบบ
  3. แก้ไขสไตล์
  4. เครื่องมือแก้ไขสไตล์หน้า Checkout
  5. ล็อกหน้าจอ
  6. แถบประกาศ
  7. แถบข้อมูลมือถือ
  8. ตราสี่เหลี่ยมจตุรัส
  9. CSS ที่กำหนดเอง
  10. สูง

มาดูองค์ประกอบแต่ละอย่างโดยละเอียด.

1. โลโก้ & หัวข้อ

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

โลโก้-11. ตัวเลือกถัดไปภายใต้การตั้งค่านี้คือการเพิ่มโลโก้ หากคุณมีโลโก้ให้อัปโหลด 2. เนื่องจากฉันไม่มีโลโก้และเนื่องจาก Squarespace มอบเครื่องมือสร้างโลโก้ฟรีที่หรูหราและยอดเยี่ยมแก่ผู้ใช้ฉันจึงเลือกตัวเลือก “สร้างโลโก้ใหม่”.

เมื่อฉันคลิกปุ่มฉันจะนำไปยังเครื่องมือสร้างโลโก้ของ Squarespace.

โลโก้-2Squarespace Logo Maker

เครื่องมือสร้างโลโก้นี้ช่วยให้คุณ:

  • เลือกจากไอคอนโลโก้มากมาย
  • สร้างโลโก้ที่เป็นข้อความ
  • ไปสำหรับโลโก้ภาพ
  • เปลี่ยนแบบอักษรและสีของข้อความโลโก้
  • ดูตัวอย่างว่าโลโก้จะมีลักษณะอย่างไรบนนามบัตรและสื่อการสร้างแบรนด์อื่น ๆ

โดยรวมแล้วเครื่องมือสร้างโลโก้ของ Squarespace นั้นใช้งานง่าย มันมีองค์ประกอบการออกแบบหรือไอคอนที่หลากหลายบนแผงด้านซ้ายมือ.

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

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

โลโก้-4

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

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

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

สองตัวเลือกถัดไปภายใต้รายการออกแบบนี้คือการตั้งค่า favicon และโลโก้การแบ่งปันทางสังคม หากคุณมีสิ่งเหล่านี้ยอดเยี่ยม มิฉะนั้นย้ายไปที่การตั้งค่าถัดไป.

หากต้องการบันทึกการเปลี่ยนแปลงที่คุณทำไว้ให้คลิกที่ปุ่ม “บันทึก” ที่ด้านบนของแผงควบคุม.

หมายเหตุ: หากคุณต้องการสร้าง favicon ที่ยอดเยี่ยมสำหรับเว็บไซต์ของคุณนี่คือรายการของตัวสร้าง favicon ฟรีที่คุณสามารถดูได้.

2. เทมเพลต

ส่วน ‘เทมเพลต’ จะแสดงเทมเพลตทั้งหมดที่ดาวน์โหลดภายในไซต์ Squarespace.

ตอนนี้อย่างที่คุณเห็นรายการแม่แบบของฉันมีเทมเพลต Montauk เพราะนี่คือเทมเพลตที่ฉันสมัครเมื่อตั้งค่าการทดลองใช้.

แบบMontauk ติดตั้งแล้ว 39 นาที.

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

ปลาย

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

วิธีค้นหาเทมเพลต Squarespace ที่เว็บไซต์ใช้

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

  1. คลิกขวาที่หน้า > ดูที่มา / ที่มาของหน้า
  2. คุณจะสังเกตได้  ใกล้กับส่วนบนของรหัสเพื่อระบุว่าเป็นเว็บไซต์ Squarespace
  3. กด Ctrl + F เพื่อค้นหาหน้า: templateid และคัดลอกรหัส

เทมเพลต, Montauk, ฉันใช้กำลังมีรหัสเทมเพลต: 50521cf884aeb45fa5cfdb80. ลองด้วยตัวเอง

หลังจากค้นหารหัสเทมเพลตแล้วคุณสามารถอ้างถึง ตระกูลเทมเพลต Squarespace เพื่อพาคุณไปยังไซต์สาธิต Squarespace อย่างเป็นทางการ.

3. แก้ไขสไตล์

Style Editor ใช้เพื่อปรับแต่งการตั้งค่าของเทมเพลตเช่นแบบอักษรสีชื่อตำแหน่งโลโก้เนื้อหาท้ายกระดาษ.

แต่ละเทมเพลตจะเสนอตัวเลือกการปรับแต่งที่แตกต่างกันใน Style Editor.

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

4. ชำระเงินสไตล์แก้ไขหน้า

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

5. ล็อคหน้าจอ

Squarespace ช่วยให้คุณสามารถล็อคหน้าด้วยรหัสผ่าน หน้าดังกล่าวทั้งหมดจะไม่แสดงเนื้อหา แต่แสดงหน้าจอล็อค.

หากคุณไม่ได้กำหนดค่าหน้าจอล็อคเลยนี่คือลักษณะที่จะ.

ล็อกหน้าจอหากต้องการคุณสามารถปรับแต่งรูปลักษณ์ของหน้านี้ด้วยตัวเลือกการปรับแต่งหน้าจอ.

5. แถบประกาศ

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

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

ดังที่คุณเห็นในภาพหน้าจอด้านบนคุณสามารถทำให้ลิงก์เปิดในหน้าต่างใหม่.

ประกาศบาร์การตั้งค่าแถบประกาศ (ซ้าย) และตัวอย่าง (ขวา).

6. แถบข้อมูลมือถือ

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

Squarespace ดึงข้อมูลนี้จากส่วน “ข้อมูลธุรกิจ” ซึ่งเราจะเห็นในภายหลัง.  

โทรศัพท์มือถือแถบข้อมูลแถบข้อมูลมือถือ.

7. ตราสี่เหลี่ยมจตุรัส

Squarespace เพิ่มตราสินค้า (ตราสัญลักษณ์) ให้กับเว็บไซต์ทั้งหมดที่สร้างขึ้น.

การตั้งค่า Squarespace Badge ช่วยให้คุณสามารถเปิดหรือปิดการใช้งาน Squarespace Badge ปรับตำแหน่งและปรับการตั้งค่าการแสดงผลได้อย่างละเอียด.

8. CSS ที่กำหนดเอง

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

จำไว้ว่าการเพิ่ม CSS ที่กำหนดเอง สามารถทำลายการออกแบบแม่แบบ – ไม่แนะนำ.

9. ขั้นสูง

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

เพื่อที่จะรวมส่วนการออกแบบของไซต์ Squarespace ของคุณ.

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

ขั้นตอนที่ # 3: การใช้ Squarespace (ตอนที่ # 2): การทำงานของ “Pages” ใน Squarespace

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

หน้า Squarespace ช่วยให้คุณ:

  • เพิ่มหน้า (และเนื้อหา) ในเว็บไซต์ของคุณ (เช่น: เกี่ยวกับติดต่อและอื่น ๆ )
  • เพิ่มบล็อกในเว็บไซต์ของคุณ
  • เพิ่มร้านค้าในเว็บไซต์ของคุณ
  • สร้างเมนูหลักของเว็บไซต์ของคุณ

เริ่มด้วยเมนูหลัก.

เมื่อคุณเข้าถึงการตั้งค่าหน้าต่างๆเป็นครั้งแรกคุณจะสังเกตเห็นว่า “การนำทางด้านบน” แสดงรายการเมนูจากการสาธิต.

ในตอนนี้ฉันอยากให้คุณลืมหน้าเกี่ยวกับการสาธิตและเริ่มเพิ่มหน้าของคุณเอง.

สำหรับแต่ละหน้าที่ไซต์ต้องการโดยทั่วไป Squarespace ได้จัดเตรียมเทมเพลตที่สร้างไว้ล่วงหน้า.

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

1. วิธีเพิ่มหน้าลงในแม่แบบที่สร้างไว้ล่วงหน้า

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

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

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

และเมื่อคุณคลิกที่ตัวเลือกที่สองคุณเพียงแค่เพิ่มหน้า.

1. มีเครื่องหมาย ‘+’ สองป้ายที่คุณสามารถคลิกเพื่อเพิ่มหน้าลงในไซต์ของคุณ 2. เพิ่มหน้าใหม่1. มีเครื่องหมาย ‘+’ สองป้ายที่คุณสามารถคลิกเพื่อเพิ่มหน้าลงในไซต์ของคุณ 2. คลิก ‘หน้า’ เพื่อสร้างหน้าใหม่.

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

มาเพิ่มหน้า ‘เกี่ยวกับ’ เมื่อคุณคลิกที่รายการ “หน้า” คุณจะเห็นตัวเลือกต่อไปนี้บนแผงด้านซ้ายมือ:

ตอนนี้สำหรับตัวอย่างนี้ฉันกำลังตั้งชื่อหน้าของฉัน ‘เกี่ยวกับฉัน’ และสำหรับเค้าโครงเริ่มต้นฉันกำลังเลือกเทมเพลตหน้า ‘เกี่ยวกับ’ ที่สร้างไว้ล่วงหน้า เมื่อฉันคลิกที่ 'เริ่มแก้ไข' เค้าโครงเพจที่เลือกเกี่ยวกับฉันจะถูกโหลดในเครื่องมือแก้ไขหน้าเว็บของ Squarespace:1. สำหรับตัวอย่างนี้ฉันตั้งชื่อหน้าของฉัน ‘เกี่ยวกับตัวฉัน’ 2. สำหรับเค้าโครงเริ่มต้นฉันเลือกเทมเพลตหน้า “เกี่ยวกับ”.

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

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

คลิกที่ ‘แก้ไข’.

ณ จุดนี้คุณสามารถเริ่มแก้ไขเนื้อหาของหน้าหรือคุณสามารถคลิกที่เครื่องหมาย ‘+’ ที่ด้านบนของหน้าเพื่อเพิ่มองค์ประกอบการออกแบบเพิ่มเติมลงไป.

เกี่ยวกับหน้า-3คลิกที่เครื่องหมาย ‘+’ ที่ด้านบนของหน้าเพื่อเพิ่มองค์ประกอบการออกแบบเพิ่มเติมลงในหน้า.
องค์ประกอบการออกแบบบางอย่างที่คุณสามารถเพิ่มลงในหน้าของคุณได้ที่ Squarespaceองค์ประกอบการออกแบบบางอย่างที่คุณสามารถเพิ่มลงในหน้าของคุณได้ที่ Squarespace.

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

บันทึก:

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

(เค้าโครงเริ่มต้นแสดงผลได้อย่างสวยงาม)

การเพิ่มหน้าอื่น ๆ คล้ายกับการเพิ่มหน้าเกี่ยวกับ.

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

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

แต่ก่อนทำการย้ายให้ลบหน้าตัวอย่าง.

ถัดไปลากและวางหน้าที่สร้างใหม่ไปที่ “การนำทางสูงสุด”.

การลบ-the-สาธิตหน้าปุ่มลบเพื่อคลิกเมื่อคุณต้องการลบหน้า.

เมื่อคุณล้างการนำทางของคุณแล้วก็ถึงเวลาทำงานบนหน้าเว็บ.

2. วิธีเพิ่มเนื้อหาในหน้า Squarespace:

ในการเพิ่มเนื้อหา (หรือปรับแต่งการออกแบบหน้า) เพียงคลิกที่ชื่อของหน้า.

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

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

3. วิธีกำหนดการตั้งค่าหน้าระดับสูง

การตั้งค่าหน้าระดับสูงสามารถช่วยได้ด้วย:

  • หัวข้อการนำทาง
  • หัวข้อ
  • คำอธิบาย (มักใช้สำหรับ SEO)
  • กระสุน URL
  • ภาพส่วนหัว
  • รหัสติดตาม

ระดับสูงหน้าการตั้งค่าหน้ากระดาษที่จะกำหนดค่า.

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

นอกจากนี้ในการตั้งหน้าเป็นหน้าแรกคุณจะต้องเปิดการตั้งค่าเหล่านี้สำหรับหน้าเว็บที่เลือกและเลือกตัวเลือก ‘SET AS HOMEPAGE’.

หน้า Squarespace ที่สำคัญ: บล็อก

แม้ว่าคุณสามารถเพิ่มบล็อกเป็นหน้าง่ายใน Squarespace คุณอาจต้องทำการตั้งค่าเพิ่มเติมเล็กน้อย.

หากต้องการเข้าถึงการตั้งค่าเหล่านี้คลิกที่การตั้งค่ารูปเฟืองในรายการเมนูบล็อกจากภายใต้ 1. คลิกที่การตั้งค่ารูปเฟืองในรายการเมนูบล็อกจากด้านล่าง “การนำทางด้านบน” 2. เมื่อคุณดำเนินการแผงการตั้งค่าบล็อกจะเปิดขึ้น 3. แผงการตั้งค่าบล็อก – เมื่อคุณกำหนดค่ากำหนดระดับบล็อกเหล่านี้แล้วคุณก็พร้อมที่จะเพิ่มบทความบล็อกในเว็บไซต์ของคุณ.

หากต้องการเพิ่มโพสต์ให้คลิกที่เครื่องหมาย ‘+’ ในตัวเลือกรายการเมนูบล็อก.

เครื่องมือแก้ไขโพสต์นั้นค่อนข้างใช้งานง่าย.

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

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

การตั้งค่าตัวเลือกช่วยให้คุณ:

  • เพิ่มรูปภาพเด่นลงในโพสต์
  • มอบหมายให้ผู้เขียนโพสต์
  • ข้อความที่ตัดตอนมา
  • ทำเครื่องหมายโพสต์เป็นโพสต์เด่น

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

ตอนนี้มาดูการตั้งค่า Squarespace.

ขั้นตอนที่ # 4: การใช้ Squarespace: การสำรวจการตั้งค่า

การใช้การตั้งค่าของ Squarespace นั้นง่ายดาย พวกเขาถูกแบ่งออกเป็น 3 หมวดหมู่:

  1. ทั่วไป
  2. เว็บไซต์
  3. พาณิชย์

ในหมวดหมู่เหล่านี้ “ทั่วไป” ช่วยให้คุณสามารถเพิ่มข้อมูลธุรกิจเช่นชื่อธุรกิจที่อยู่รหัสภาษีและอื่น ๆ.

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

ในหมวดหมู่เหล่านี้หมวดหมู่ “เว็บไซต์” เป็นประเภทที่ฉันต้องการพูดถึง.

การตั้งค่า ‘เว็บไซต์’ ประกอบด้วย:

  • ข้อมูลพื้นฐาน – การตั้งค่านี้ช่วยให้คุณเพิ่มข้อความที่ตัดตอนมาเกี่ยวกับเว็บไซต์ของคุณ เทมเพลตบางตัวแสดงข้อมูลนี้ดังนั้นคุณควรกรอก.
  • โดเมน –  หลังจากที่คุณซื้อโดเมนแล้วคุณควรกลับมาที่การตั้งค่านี้และชี้ไซต์ Squarespace ของคุณไปยังโดเมนนั้น. การรวมโดเมนของบุคคลที่สาม เป็นเรื่องง่าย.
  • อีเมล – รายการถัดไปคืออีเมล การรวมอีเมลธุรกิจ Gmail สามารถทำได้ที่นี่.
  • บัญชีที่เชื่อมต่อ – คุณสามารถเชื่อมต่อบัญชีโซเชียลมีเดียกับเว็บไซต์ Squarespace ของคุณได้ที่นี่ ครั้งต่อไปที่คุณเพิ่มไอคอนโปรไฟล์สื่อสังคมออนไลน์ที่ใดก็ได้ในไซต์ Squarespace ของคุณ Squarespace จะใช้ข้อมูลจากส่วนนี้และลิงก์ไอคอนไปยังโปรไฟล์ของคุณโดยอัตโนมัติ.
  • การตลาด – ภายในตัวเลือกการตั้งค่าการตลาดคุณได้ตั้งค่าสำหรับ SEO สื่อสังคมออนไลน์และ Google Adwords.
    การตั้งค่า SEO จากที่นี่จะช่วยให้คุณเพิ่มข้อความที่ตัดตอนมาจาก SEO สำหรับเว็บไซต์ของคุณ ข้อความที่ตัดตอนมานี้จะปรากฏต่อผู้ใช้ในหน้าผลลัพธ์ของเครื่องมือค้นหา นอกจากนี้คุณยังสามารถกำหนดรูปแบบ URL ของรายการต่างๆในเว็บไซต์ของคุณ การตั้งค่าโซเชียลมีเดียจะช่วยให้คุณตัดสินใจเลือกปุ่มแชร์ที่คุณต้องการแสดงบนเว็บไซต์ของคุณ การตั้งค่าการตลาด Google Adwords สำหรับเว็บไซต์ที่ใช้แผนธุรกิจหรือการค้าของ Squarespace.
  • บล็อก – การตั้งค่าบล็อกช่วยให้คุณกำหนดรูปแบบ URL โพสต์บล็อก.
    อย่าเปลี่ยนรูปแบบเริ่มต้น – เป็นมิตรกับผู้อ่านอยู่แล้ว อย่างไรก็ตามหากคุณต้องการคุณสามารถลบปีเดือนและวันที่ออกได้ การตั้งค่าเหล่านี้ยังช่วยให้คุณสามารถเชื่อมต่อบล็อกของคุณกับ Disqus ซึ่งเป็นบริการแสดงความคิดเห็น ด้วยวิธีนี้ผู้ใช้ของคุณจะสามารถแสดงความคิดเห็นในเนื้อหาของคุณผ่านบัญชี Disqus ของพวกเขา (มีระบบการแสดงความคิดเห็นเริ่มต้นด้วยหากคุณไม่ต้องการ Disqus)
    การตั้งค่าบล็อกยังช่วยให้คุณเปิดใช้งานผู้ให้บริการ AMP เพื่อแสดงโพสต์บล็อกของคุณในเวอร์ชัน AMP (หน้าเพิ่มประสิทธิภาพ AMP เป็นหน้าที่แสดงรุ่นหน้าเว็บที่กระชับลงสำหรับผู้เข้าชมมือถือซึ่งจะช่วยในการนำเสนอประสบการณ์การท่องเว็บบนมือถืออย่างรวดเร็ว)
  • SSL – คุณสามารถเลือกได้ว่าจะให้ไซต์ของคุณปลอดภัยหรือไม่ปลอดภัย การตั้งค่า SSL. เลือกรุ่นที่ปลอดภัยเพราะ Google ต้องการเว็บไซต์ที่ปลอดภัยมากกว่าเว็บไซต์ที่ไม่ปลอดภัย.
  • ขั้นสูง – การตั้งค่าขั้นสูงช่วยให้คุณสามารถนำเข้าเนื้อหาของเว็บไซต์จากผู้สร้างเว็บไซต์หรือ CMS อื่น ๆ นอกจากนี้ยังช่วยให้คุณสามารถส่งออกไซต์ของคุณไปยัง WordPress.
    หากคุณสร้างหน้า 404 ที่กำหนดเองสำหรับเว็บไซต์ของคุณคุณสามารถใช้การตั้งค่าขั้นสูงเพื่อแสดงหน้า 404 ที่กำหนดเองแทนหน้า 404 ที่เป็นค่าเริ่มต้น.
    คุณสามารถเพิ่มหมายเลขบัญชี Google Analytics ของคุณผ่านการตั้งค่าเหล่านี้ การทำเช่นนั้นจะติดตั้งสคริปต์ Google Analytics ลงในเว็บไซต์ของคุณโดยอัตโนมัติ.

แค่นั้นแหละ.

หากคุณได้ปฏิบัติตามคำแนะนำของคู่มือตอนนี้การทำงานครั้งแรกของคุณ (หากไม่สมบูรณ์) เว็บไซต์ Squarespace ควรพร้อม.

สิ่งแรกที่ต้องทำหลังจากเปิดตัวเว็บไซต์ Squarespace ของคุณ

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

เพื่อเพิ่มความเร็วในการจัดทำดัชนีคุณต้องส่งแผนผังไซต์ของ Google Search Console.

แผนผังเว็บไซต์ของ Squarespace มีอยู่ที่:

http://www.yourdomain.com/sitemap.xml

ดังนั้นคัดลอก URL แผนผังเว็บไซต์ของคุณและส่งผ่านทาง Search Console.

เยี่ยมชม Squarespace.com

วิธีการสร้างเว็บไซต์ Squarespace – ห่อมันขึ้นมา

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

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

หมายเหตุ: หากคุณกำลังมองหาแพลตฟอร์มทางเลือกนี่คือรายการของ 16 แพลตฟอร์มเพื่อสร้างเว็บไซต์ของคุณเอง.

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