ทัวร์หน้าโปรเจกต์
ทุกเว็บไซต์ แอป หรือแดชบอร์ดที่คุณสร้างใน Briks มีหน้าโปรเจกต์ของตัวเอง เป็นที่ที่คุณคุยกับ Briks ดูเว็บไซต์เปลี่ยนไป และเข้าถึงทุกอย่างที่โปรเจกต์มี ทัวร์นี้พาดูทีละส่วนหนึ่งรอบ เพื่อให้คุณรู้ว่าแต่ละส่วนมีไว้ทำอะไรก่อนที่จะต้องใช้
- 1ตำแหน่งที่คุณอยู่: Projects ตามด้วยชื่อโปรเจกต์ พร้อมที่อยู่เว็บไซต์บนหน้าจอกว้าง ใต้ลงมาคือแท็บของโปรเจกต์เป็นตัวอักษร: Studio, Analytics, Media, Database (เมื่อโปรเจกต์มีฐานข้อมูลแล้ว และก่อนหน้านั้นสำหรับ Owner และ Admin), Storage, Chatbot และ Settings
- 2บทสนทนา ขอให้แก้ไขหรือถามคำถามด้วยคำพูดธรรมดาได้เลย
- 3พรีวิวเว็บไซต์ของคุณ ซึ่งอัปเดตทุกครั้งหลังเผยแพร่
- 4เครื่องมือพรีวิว: ความกว้างที่ใช้ดู โหลดใหม่ เต็มหน้าจอ และเปิดในแท็บใหม่
- 5Publish จะนำเว็บไซต์ขึ้นเวอร์ชันใช้งานจริงเมื่อคุณพร้อม
การเปิดโปรเจกต์
คลิก Projects ในแถบด้านข้าง แล้วเลือกโปรเจกต์ที่ต้องการ โปรเจกต์ล่าสุดของคุณยังแสดงอยู่ใต้ Projects ในแถบด้านข้างเอง โดยแต่ละรายการมีจุดบอกสถานะ จึงข้ามไปที่โปรเจกต์นั้นได้ทันที โปรเจกต์จะเปิดที่แท็บ Studio เสมอ: บทสนทนาและพรีวิวอยู่เคียงข้างกัน
บนแล็ปท็อปหรือเดสก์ท็อป ทั้งสองส่วนอยู่ติดกัน บนหน้าจอแคบอย่างโทรศัพท์ การสนทนาจะมาก่อน และพรีวิวอยู่ด้านล่าง
แถบด้านบน
แถบด้านบนบอกว่าคุณอยู่ที่ไหน ในแท็บ Studio จะแสดง Projects และชื่อโปรเจกต์ ในแท็บอื่น ชื่อแท็บจะตามมา แล้วตามด้วยส่วนหรือมุมมองที่คุณเปิดอยู่ภายในแท็บนั้น เช่น Projects / Crumb & Co bakery / Settings / Domain ทุกส่วนก่อนส่วนสุดท้ายเป็นลิงก์กลับไปยังส่วนนั้น บนจอกว้าง ที่อยู่เว็บไซต์ที่ใช้งานจริงของโปรเจกต์จะอยู่ข้างชื่อ และเปิดเว็บไซต์ในแท็บใหม่
ใต้เส้นนั้นเป็นแถวแท็บที่เป็นตัวอักษร โดยแท็บที่เปิดอยู่จะมีขีดเส้นใต้ บนโทรศัพท์ แถวนี้เลื่อนไปด้านข้างได้ และเส้นด้านบนจะแสดงเฉพาะชื่อโปรเจกต์
| แท็บ | สิ่งที่เก็บไว้ | อ่านเพิ่มเติม |
|---|---|---|
| Studio | บทสนทนาและพรีวิว การขอเปลี่ยนแปลงและคำถามอยู่ที่นี่ | การแก้ไขเปลี่ยนแปลง |
| Visual Editor | หน้าของคุณเองข้างแผงควบคุม: คลิกส่วนใดก็ได้เพื่อเปลี่ยนข้อความ รูปภาพ และหน้าตา แล้วเผยแพร่โดยไม่ใช้เครดิต มาพร้อมแผนแบบชำระเงิน | ตัวแก้ไขแบบภาพ |
| Analytics | ผู้เข้าชม หน้าเว็บ และแหล่งที่มา ในมุมมอง Data และ Settings | การวิเคราะห์ |
| Marketing | โพสต์สำหรับบัญชีโซเชียลของเว็บไซต์ แท็บจะแสดงเมื่อเปิดให้โพสต์บน Briks แล้ว | โพสต์การตลาดและโซเชียล |
| Media | ทุกรูปภาพและวิดีโอที่เว็บไซต์แสดงตามที่เผยแพร่ล่าสุด แต่ละรายการมี Replace | คลังสื่อ |
| Database | ข้อมูลที่เว็บไซต์เก็บ แยกตามคอลเลกชัน จะแสดงเมื่อโปรเจกต์มีฐานข้อมูลแล้ว และก่อนหน้านั้นแสดงเฉพาะ Owner และ Admin เพื่อให้สร้างฐานข้อมูลได้ | ฐานข้อมูล |
| Storage | ไฟล์ที่โปรเจกต์เก็บไว้ ทั้งสำหรับหน้าเว็บและสำหรับคุณ ในมุมมอง Files, Usage และ Settings | พื้นที่จัดเก็บ |
| Chatbot | แชตสำหรับเว็บไซต์ที่เผยแพร่แล้ว ตอบจากหน้าเว็บของเว็บไซต์เอง และส่งต่อเรื่องที่ตอบไม่ได้ | แชทบอท |
| Settings | ทุกอย่างที่เหลือ: ชื่อและเครื่องหมายของโปรเจกต์ โดเมน ฟอร์ม แชต อีเมล เวอร์ชัน การสำรองข้อมูล และเครื่องมือสำหรับนักพัฒนา | ดูด้านล่าง |
ที่ขวาสุดของแถบ หลังจากเผยแพร่เว็บไซต์ครั้งแรกแล้ว คุณจะเห็นป้ายสีเทา Preview และปุ่ม Publish ทุกบิลด์จะขึ้นที่ที่อยู่พรีวิวก่อน ที่อยู่นี้ไม่ถูกเก็บในเสิร์ชเอนจิน และข้อความที่ส่งผ่านฟอร์มจะถูกเก็บไว้ในสตูดิโอแทนการส่งอีเมล Publish จะรันการตรวจก่อนเปิดตัว และหากไม่มีอะไรต้องแก้ไข จะนำเว็บไซต์ขึ้นเวอร์ชันใช้งานจริง หลังจากนั้นปุ่มจะเปลี่ยนเป็น In production และเมื่อคลิกจะมีตัวเลือก Back to preview
บทสนทนา
ด้านซ้ายคือบทสนทนาต่อเนื่องระหว่างคุณกับ Briks ข้อความของคุณอยู่ทางขวาในกรอบสีเข้ม ส่วนคำตอบของ Briks อยู่ทางซ้าย ใต้คำตอบแต่ละข้อมีบรรทัดเล็ก ๆ ที่บอกเครดิตที่คำขอนั้นถูกเรียกเก็บและเวลาที่ใช้โดยประมาณ เหนือบทสนทนามีป้ายสถานะที่แสดงว่าเว็บไซต์อยู่ในขั้นไหน (Draft, Building, Live หรือ Needs attention) และเมื่อมีการเรียกเก็บแล้ว จะแสดงยอดรวมสะสมของโปรเจกต์เป็นเครดิตด้วย
- Ask for a change ด้วยคำพูดธรรมดา เช่น
เพิ่มเวลาทำการวันเสาร์ที่ส่วนท้าย: 9:00 ถึง 13:00Briks จะสร้างและเผยแพร่ให้ ดู การแก้ไขเว็บไซต์ - Ask a question เช่น
When did the site last change?Briks ตอบในเธรดโดยไม่สร้างอะไร ดู การถามคำถาม - ตอบคำถามของ Briks ก่อนการสร้างครั้งแรก หรืออนุมัติข้อความ รูปลักษณ์ หรือส่วน hero ของเว็บไซต์ หากเปิดใช้ขั้นตอนเหล่านี้ไว้ ดู อนุมัติระหว่างที่สร้าง
กล่องด้านล่างแสดงข้อความ “Change the hero, add a page, adjust the colours…” จนกว่าคุณจะพิมพ์ กด Enter เพื่อส่ง และกด Shift พร้อม Enter เพื่อขึ้นบรรทัดใหม่ ข้างกล่องมีปุ่มสามปุ่ม ได้แก่ Attach pictures, Add from your media และ Speak your request ใต้กล่องมีสวิตช์ Check the site after this change ซึ่งจะตรวจเว็บไซต์ที่เผยแพร่แล้วในขนาดหน้าจอสี่แบบ และซ่อมส่วนที่แสดงผลเสียหาย ตัวเลือกนี้ใช้เวลาเพิ่มอีกสองสามนาที และเบราว์เซอร์ของคุณจะจำการเลือกไว้สำหรับเว็บไซต์นั้น
หากบทบาทของคุณคือ Viewer ช่องนี้จะถูกแทนด้วยข้อความว่า “You can view this project. Changes are made by Editors, Admins and Owners of this workspace.” คุณยังเห็นบทสนทนาทั้งหมดและพรีวิวได้ตามปกติ
ระหว่างที่กำลังสร้าง
แผงหนึ่งปรากฏในบทสนทนา พร้อมตัวจับเวลา ขั้นตอนที่งานดำเนินผ่าน และหนึ่งบรรทัดด้านล่างที่บอกว่า Briks กำลังทำอะไรอยู่ตอนนี้ สำหรับการเปลี่ยนแปลง ขั้นตอนคือ Applying your changes, Verifying build และ Publishing บวก Checking the published site หากคุณเปิดการตรวจไว้ ปุ่ม Stop อยู่ข้างตัวจับเวลา กล่องยังเปิดอยู่และปุ่มเปลี่ยนเป็น Queue คุณจึงเรียงคำขอถัดไปรอได้ขณะที่คำขอนี้กำลังเสร็จ
พรีวิว
ด้านขวาคือเว็บไซต์จริงที่เผยแพร่แล้วของคุณในกรอบ ไม่ใช่รูปภาพ: คุณเลื่อนดู คลิกปุ่ม และใช้เมนูของเว็บไซต์เองเพื่อไปยังหน้าอื่นได้ ป้ายด้านบนเขียนว่า Live preview พร้อมเวลาที่เผยแพร่ล่าสุด และกรอบจะโหลดใหม่เองสักครู่หลังการเผยแพร่ทุกครั้ง คุณจึงเห็นสิ่งเดียวกับที่ผู้เยี่ยมชมเห็นเสมอ
| การควบคุม | สิ่งที่ทำได้ |
|---|---|
| Desktop | แสดงเว็บไซต์เต็มความกว้างของกรอบ |
| Tablet | แสดงกว้าง 834 พิกเซล พร้อมกรอบ เหมือนแท็บเล็ตที่ถือในแนวตั้ง |
| Phone | แสดงกว้าง 390 พิกเซล เหมือนโทรศัพท์ทั่วไป |
| รายการหน้า | แสดงเมื่อเว็บไซต์มีมากกว่าหนึ่งหน้า เลือกหน้าเพื่อเปิดในกรอบ |
| ลูกศรเลิกทำและทำซ้ำ | ย้อนกลับไปเวอร์ชันก่อนหน้า หรือไปข้างหน้าอีกครั้ง ดู เวอร์ชัน |
| Versions (ไอคอนนาฬิกา แสดงหมายเลขปัจจุบัน เช่น v7) | แสดงรายการเวอร์ชันที่บันทึกไว้ทั้งหมด พร้อม Make live และ Test against live |
| Reload preview | โหลดหน้าอีกครั้งโดยไม่ต้องรอการเผยแพร่ |
| Full screen | ให้พรีวิวใช้เต็มหน้าต่าง กด Esc เพื่อปิด |
| Open in new tab | เปิดเว็บไซต์ที่ที่อยู่ของตัวเอง |
ก่อนการเผยแพร่ครั้งแรก ยังไม่มีเว็บไซต์ให้แสดง พรีวิวจึงจัดหน้าของคุณทีละส่วนตามที่ Briks วางแผนและเขียน เมื่อวางแผนหน้าอื่นแล้ว แท็บเล็ก ๆ (Home และชื่อของแต่ละหน้า) จะให้คุณดูได้ทีละหน้า การดูการสร้างแบบสด อธิบายมุมมองนี้
แท็บ Settings
Settings รวมทุกอย่างที่ไม่ได้เป็นแท็บของตัวเอง เปิดที่ General โดยมีทุกส่วนเรียงอยู่ทางซ้ายเป็นกลุ่ม บนจอแคบ เช่น โทรศัพท์ รายการจะพับอยู่ใต้ตัวควบคุมเดียวที่เขียนว่า Settings: และชื่อส่วนที่เปิดอยู่ แตะเพื่อเลือกส่วนอื่น
| ส่วน | กลุ่ม | ใช้ทำอะไร | อ่านเพิ่มเติม |
|---|---|---|---|
| General | ด้านบน | ชื่อ โลโก้ favicon ป้าย Built with Briks Made with Briks การคัดลอก การย้าย และการลบ | การตั้งค่าโปรเจกต์ |
| Domain | ด้านบน | ที่อยู่ของเว็บไซต์และโดเมนของคุณเอง | เชื่อมต่อโดเมนของคุณ |
| Preferences | ด้านบน | กฎที่ทุกการสร้างยึดถือ ที่มาของรูปภาพ สิ่งที่แต่ละการเปลี่ยนแปลงทำ และเว็บไซต์ที่เว็บไซต์อนุญาตให้โหลดข้อมูลได้ | การตั้งค่าโปรเจกต์ |
| Forms | ฟอร์มและอีเมล | สิ่งที่ผู้เยี่ยมชมส่งผ่านฟอร์มของเว็บไซต์ | ฟอร์ม |
| Chats | ฟอร์มและอีเมล | ทุกการสนทนาที่ผู้เข้าชมคุยกับแชทของเว็บไซต์ใน 90 วันที่ผ่านมา เรียงจากใหม่สุด พร้อม Export CSV | แชทบอท |
| Emails | ฟอร์มและอีเมล | อีเมลที่เว็บไซต์ส่งถึงผู้เยี่ยมชม | อีเมลของเว็บไซต์ |
| Sign-in และ Payments | Accounts and payments | วิธีที่ผู้เยี่ยมชมเว็บไซต์ของคุณเข้าสู่ระบบ และผู้ให้บริการชำระเงินที่เว็บไซต์ใช้รับชำระเงิน โดยแต่ละอย่างใช้คีย์ของคุณเอง | การเข้าสู่ระบบและการชำระเงิน |
| Versions | Versions และการสำรองข้อมูล | ทุกเวอร์ชันที่เคยเผยแพร่ พร้อมวิธีกู้คืนแต่ละเวอร์ชัน | เวอร์ชันที่เผยแพร่ |
| Backups | Versions และการสำรองข้อมูล | โค้ดทุกเวอร์ชัน พร้อมกู้คืน หรือดาวน์โหลดได้ในแพ็กเกจแบบชำระเงิน | การสำรองข้อมูล |
| File Explorer | Developer | โค้ดที่เขียนให้เว็บไซต์ อ่านและแก้ไขได้ และดาวน์โหลดได้ในแพ็กเกจแบบชำระเงิน | โค้ดของเว็บไซต์คุณ |
| GitHub | Developer | เก็บโค้ดของเว็บไซต์ไว้ในที่เก็บ GitHub และซิงก์ตรงกันทั้งสองทาง | การซิงค์ GitHub |
| Secrets | Developer | คีย์และรหัสผ่านที่โค้ดของเว็บไซต์เองอ่านใช้งาน เมื่อบันทึกแล้วจะไม่สามารถแสดงค่านั้นอีกได้ | ข้อมูลลับ |
| Webhooks | Developer | แจ้งบริการอื่นเมื่อมีเหตุการณ์เกิดขึ้นบนเว็บไซต์ | Webhook |
| Deploy hooks | Developer | ที่อยู่ลับที่จะเผยแพร่โปรเจกต์อีกครั้งเมื่อมีสิ่งใดเรียกใช้ | ดีพลอยฮุก |
| งานตามกำหนดเวลา | Developer | การเรียกที่โปรเจกต์ทำตามตารางเวลา ในเขตเวลาของคุณ | งานตามกำหนดเวลา |
| Logs | Developer | ทุกการสร้าง การเปลี่ยนแปลง และการเผยแพร่ พร้อมขั้นตอนที่แต่ละรายการผ่านมา | บันทึก |
ลิงก์ที่บันทึกไว้ก่อนที่ส่วนเหล่านี้จะย้ายไปอยู่ใน Settings เช่นลิงก์ในอีเมลเก่า ยังใช้งานได้ โดยจะเปิดส่วนเดียวกันที่นี่
ชมเบื้องต้นทีละขั้น
สิบนาทีกับโปรเจกต์ใหม่
ตรวจสอบสถานะ
ที่ไหน: Studio
ดูที่ป้ายเหนือการสนทนา Live หมายถึงการเผยแพร่ครั้งล่าสุดสำเร็จ Needs attention หมายถึงงานล่าสุดล้มเหลว และการสนทนาจะบอกสาเหตุ
ดูบนมือถือ
ที่ไหน: Preview toolbar
คลิก Phone เลื่อนดูทั้งหน้า และเปิดเมนู สิ่งที่คนอยากแก้ส่วนใหญ่จะเห็นได้ที่นี่ก่อน
คลิกดูทีละหน้า
ที่ไหน: Preview
ใช้เมนูของเว็บไซต์เองภายในกรอบเพื่อเข้าชมแต่ละหน้า เหมือนที่ผู้เยี่ยมชมทำ
เปิดเวอร์ชัน
ที่ไหน: Versions
คลิกไอคอนนาฬิกาที่มีหมายเลขเวอร์ชัน ระบบจะแสดงรายการทุกการสร้างและการเปลี่ยนแปลง และเวอร์ชันที่ผู้เข้าชมเห็นจะมีป้าย Live
ตั้งชื่อให้เหมาะสม
ที่ไหน: Settings, General
เปิดแท็บ Settings ซึ่งจะเปิดที่ General ตรวจสอบชื่อโปรเจกต์ เพิ่มโลโก้และ favicon หากมี แล้วกด Save ใต้ Name and marks
ขอการเปลี่ยนแปลงแรกของคุณ
ที่ไหน: Studio
กลับไปที่ Studio เขียนการเปลี่ยนแปลงที่เจาะจงหนึ่งอย่างแล้วกด Enter ดูขั้นตอนต่าง ๆ จากนั้นดูพรีวิวเมื่อโหลดใหม่
เผยแพร่เมื่อคุณพร้อม
ที่ไหน: Top bar
กด Publish การตรวจก่อนเปิดตัวจะทำงานก่อน และผลจะแสดงในการสนทนา
สิ่งที่แต่ละบทบาทมองเห็น
| บทบาท | ในหน้าโปรเจกต์ |
|---|---|
| Owner และ Admin | ทุกอย่าง รวมถึงการลบโปรเจกต์ การย้ายไปยังเวิร์กสเปซอื่น และการเปลี่ยนที่อยู่ของโปรเจกต์ |
| Editor | การเปลี่ยนแปลง คำถาม การเผยแพร่ เวอร์ชัน การทดสอบ A/B, Visual Editor และการแก้ไขโค้ด ไม่รวมการลบ การย้าย หรือการเปลี่ยนที่อยู่ |
| Viewer | บทสนทนา พรีวิว รายการเวอร์ชันและการวิเคราะห์ข้อมูล แบบอ่านอย่างเดียว ไม่มีช่องพิมพ์พรอมต์ ไม่มีบันทึก Chats และใช้ Visual Editor ได้เพียงดูและแสดงความคิดเห็น |
บทบาทเป็นของเวิร์กสเปซ ไม่ใช่ของโปรเจกต์ใดโปรเจกต์หนึ่ง ดูตารางทั้งหมดได้ที่ สมาชิกและบทบาท
ทำไมจึงไม่มีปุ่ม Publish
จะปรากฏหลังจากเผยแพร่เว็บไซต์เป็นครั้งแรก ก่อนหน้านั้นยังไม่มีอะไรให้นำไปใช้เป็นเวอร์ชันใช้งานจริง
ทำไมฉันจึงไม่เห็นแท็บ Database
แท็บนี้จะปรากฏเมื่อโปรเจกต์มีฐานข้อมูลแล้ว ก่อนหน้านั้นมีเพียง Owner และ Admin เท่านั้นที่เห็น เพื่อให้สร้างฐานข้อมูลได้ ฐานข้อมูล อธิบายวิธีสร้าง
ทำไมฉันจึงไม่เห็นแท็บ Visual Editor
Visual Editor มาพร้อมแพ็กเกจแบบชำระเงิน เวิร์กสเปซบน Free จึงไม่แสดงแท็บนี้ Owner เปลี่ยนแพ็กเกจได้ใน Billing ดู ตัวแก้ไขภาพ
พรีวิวดูเหมือนไม่เป็นปัจจุบัน
คลิก Reload preview หลังเผยแพร่ เฟรมจะรอสองสามวินาทีก่อนโหลดใหม่ เพื่อให้เวอร์ชันใหม่พร้อมทุกที่
ใครหยุดการสร้างได้บ้าง
Editor, Admin และ Owner การหยุดงานที่ยังไม่เริ่มไม่เสียค่าใช้จ่าย