หากต้องการบันทึกการเปลี่ยนแปลงที่ทำกับโครงการ คุณต้องกดปุ่ม "บันทึกการเปลี่ยนแปลง" ซึ่งอยู่ที่ส่วนบนขวาของอินเทอร์เฟซ
อินเทอร์เฟซใหม่:
หากต้องการบันทึกการเปลี่ยนแปลงที่ทำกับโครงการ คุณต้องกดปุ่ม "บันทึกการเปลี่ยนแปลง" ซึ่งอยู่ที่ส่วนบนขวาของอินเทอร์เฟซ
หากต้องการบันทึกการเปลี่ยนแปลงที่ทำกับโครงการ คุณต้องกดปุ่ม "บันทึกการเปลี่ยนแปลง" ซึ่งอยู่ที่ส่วนบนขวาของอินเทอร์เฟซ
หากต้องการบันทึกการเปลี่ยนแปลงที่ทำกับโครงการ คุณต้องกดปุ่ม "บันทึกการเปลี่ยนแปลง" ซึ่งอยู่ที่ส่วนบนขวาของอินเทอร์เฟซ
การตั้งค่าหน้าจะใช้เฉพาะกับหน้าที่เปิดอยู่ในโปรแกรมแก้ไขภาพในขณะนี้
* เมื่อบันทึกการตั้งค่า (ในกรณีที่ชื่อเพจถูกแก้ไข) ลิงก์ URL ทั้งหมดของโครงการจะถูกแทนที่ด้วยค่า "ชื่อไฟล์" (รวมถึงค่าที่ตั้งล่วงหน้า)
* ปุ่ม "บันทึกการเปลี่ยนแปลง" อาจไม่สามารถใช้ได้หากกรอกฟิลด์ "ชื่อไฟล์" ไม่ถูกต้อง (เช่น ชื่อไฟล์ HTML ที่ไม่ถูกต้อง หรือชื่อไฟล์ซ้ำกัน)
กดปุ่ม "บันทึกการเปลี่ยนแปลง" หลังจากคุณตั้งค่าเสร็จแล้ว จากนั้นบันทึกโครงการโดยกดปุ่ม "บันทึกโครงการ"
โหมดนี้มีไว้สำหรับนักพัฒนาเป็นหลัก มันให้ตัวเลือกต่อไปนี้แก่คุณ:
โหมดนี้มีไว้สำหรับผู้ใช้ปลายทางเป็นหลัก ช่วยให้คุณใช้เครื่องมือภาพทั้งหมดสำหรับการแก้ไขเนื้อหา รวมถึงปลั๊กอินของตัวสร้าง "โหมดแก้ไข" เป็นโหมดที่โหลดโดยค่าเริ่มต้น
โหมดนี้ช่วยให้ดูตัวอย่างเว็บไซต์ของคุณได้
คุณสามารถเข้าถึงการตั้งค่าโปรเจ็กต์ได้โดยคลิกรายการ "การกำหนดค่า" ในเมนูหลักของอินเทอร์เฟซของตัวสร้าง
การตั้งค่าโครงการรวมถึงต่อไปนี้:
ในการตั้งค่าระบบ แท็บ "ทั่วไป" ประกอบด้วย:
ในการตรวจจับการโต้ตอบของผู้ใช้กับองค์ประกอบเค้าโครงโครงการ Novi ใช้ระบบเลเยอร์ เลเยอร์คือกฎที่กำหนดกลุ่มตรรกะขององค์ประกอบเลย์เอาต์สำหรับการปรับแต่งในโปรแกรมแก้ไขภาพ (การลาก วาง ลบ ทำซ้ำ ขนส่ง และอื่นๆ) คุณยังสามารถจัดการองค์ประกอบของหน้าโดยไม่คำนึงถึงเลเยอร์ตามที่อธิบายไว้ใน “การขยาย คุณสมบัติของการทำงานกับองค์ประกอบ”
ในการเพิ่มเลเยอร์ คุณต้อง:
หากต้องการบันทึกการเปลี่ยนแปลงที่ทำกับโครงการ คุณต้องกดปุ่ม "บันทึกการเปลี่ยนแปลง" ซึ่งอยู่ที่ส่วนบนขวาของอินเทอร์เฟซ
เมื่อสร้างเลเยอร์ คุณต้องป้อนพารามิเตอร์ต่อไปนี้:
ตัวอย่างการใช้เลเยอร์
ลองมาดูตัวอย่างโปรเจ็กต์ว่างที่ไม่มีเลเยอร์กัน หลังจากเข้าสู่ "โหมดแก้ไข" คุณจะไม่สามารถโต้ตอบกับองค์ประกอบเลย์เอาต์ได้ และคุณจำเป็นต้องเพิ่มเลเยอร์
สร้างเลเยอร์ตามย่อหน้า "วิธีเพิ่มหรือเปลี่ยนเลเยอร์" ด้วยพารามิเตอร์ต่อไปนี้:
ดังนั้น เลเยอร์ที่เรียกว่า "Section" จะถูกสร้างขึ้น ซึ่งจะประกอบด้วยองค์ประกอบทั้งหมดของเลย์เอาต์ HTML ที่มีคลาส .section การปรับเปลี่ยนทั้งหมด (การลาก เพิ่ม ฯลฯ) จะเกิดขึ้นในบริบทของผู้ปกครอง
หลังจากบันทึกเลเยอร์ใน "โหมดแก้ไข" (เมื่อองค์ประกอบที่มีคลาส .section ปรากฏบนหน้าเป้าหมาย) และในขณะที่วางเมาส์เหนือองค์ประกอบเลย์เอาต์ ซึ่งสอดคล้องกับเลเยอร์ที่สร้างขึ้น ตัวอย่างเช่น:
แผงตัวแก้ไขจะแสดงพร้อมตัวเลือกในการลาก ทำซ้ำ และลบ
พื้นที่การลาก ในกรณีนี้ จะจำกัดอยู่ที่แท็ก "body" ที่ระบุไว้ในพารามิเตอร์ของเลเยอร์ Section นั่นคือ คุณจะไม่สามารถย้ายองค์ประกอบที่มีคลาส .section นอกขอบเขตของ ตัวอย่างเช่น ไปยัง
นอกจากนี้ หากมีการตั้งค่าล่วงหน้าที่บันทึกไว้ในโปรเจ็กต์ (วิธีการทำงานกับพรีเซ็ตจะอธิบายไว้ในส่วน "การทำงานกับพรีเซ็ต") หลังจากวางเมาส์เหนือพื้นที่ที่สามารถใช้พรีเซ็ต (โค้ด HTML ที่ระบุอยู่ในนั้น) ตามเลเยอร์ โมดูล ของการเพิ่มที่ตั้งไว้ล่วงหน้าจะปรากฏขึ้น
Novi ใช้ระบบเลเยอร์สำหรับการแก้ไของค์ประกอบภาพ
หากคุณต้องการแก้ไของค์ประกอบที่ไม่ได้อธิบายไว้ในระบบเลเยอร์ คุณสามารถใช้ปุ่ม Ctrl ใน Windows OS หรือ Cmd ใน Mac OS ได้
เมื่อกดปุ่มนี้ คุณจะสามารถเข้าถึงองค์ประกอบทั้งหมดของหน้าปัจจุบันได้ ขอให้เราพิจารณาตัวอย่างต่อไปนี้:
ที่นี่เราต้องวางปุ่มก่อนข้อความ
หากเปิดใช้งาน "โหมดการออกแบบ" ไว้:
ค่าที่ตั้งล่วงหน้าเป็นส่วนที่แยกจากกันของหน้า HTML จริงๆ แล้ว มันคือชุดของแท็ก HTML ที่มีโครงสร้างเป็นของตัวเอง คลาส CSS และการซ้อน ส่วนใดๆ ของหน้า HTML อาจทำหน้าที่เป็นพรีเซ็ต แต่เพื่อความสะดวก การจัดเก็บส่วนประกอบอิสระของหน้าในการตั้งค่าล่วงหน้านั้นดีกว่า เช่น แบนเนอร์ ส่วน แบบฟอร์ม คอลัมน์ แถบด้านข้าง ฯลฯ คุณสามารถเรียนรู้ เพิ่มเติมเกี่ยวกับการทำงานกับพรีเซ็ตในส่วนนี้ด้านล่าง
ก่อนที่จะเริ่มทำงานกับพรีเซ็ต เราขอแนะนำให้คุณอ่านส่วน "กฎของการสร้างเลเยอร์"
แผงพรีเซ็ตประกอบด้วยรายการต่อไปนี้:
มี 2 วิธีในการสร้างพรีเซ็ต:
ในกรณีแรกคุณต้อง:
ในกรณีที่สอง:
ในกรณีแรก คุณต้องตั้งค่าเค้าโครงที่กำหนดไว้ล่วงหน้า ในกรณีที่สอง เลย์เอาต์จะถูกนำมาจากองค์ประกอบที่คุณเลือกในช่องข้อความ "HTML Code"
ในช่อง "ชื่อที่ตั้งไว้ล่วงหน้า" ให้ระบุชื่อที่ตั้งไว้ล่วงหน้า[#br] คุณต้องระบุคำหลักในฟิลด์ "คำหลัก" เพื่อให้สามารถค้นหาค่าที่ตั้งล่วงหน้าที่เหมาะสมได้ เราขอแนะนำให้คุณระบุคีย์ที่ตั้งไว้ล่วงหน้าตามเนื้อหาที่เขียนไว้ ตัวอย่างเช่น ส่วนที่มีลูกค้าของเราจะมีคีย์ชื่อ "ลูกค้า" หรือ "พันธมิตร"
พื้นที่ข้อความ "HTML Code" แสดงโค้ด HTML ซึ่งจะถูกแทรกลงในหน้าที่เลือกหลังจากใช้ค่าที่ตั้งไว้ล่วงหน้า
ช่องทำเครื่องหมาย "ปรับใช้เมื่อแทรกค่าที่ตั้งไว้ล่วงหน้า" กำหนดว่าหน้าจะถูกโหลดซ้ำเมื่อใส่ค่าที่ตั้งไว้ล่วงหน้าหรือไม่
มี 2 วิธีในการเพิ่มพรีเซ็ตในหน้า:
ในกรณีแรกคุณต้อง:
คุณสามารถใช้เครื่องมือแก้ไขหน้าได้เฉพาะกับรายการที่อยู่ในพื้นที่ทำงานของโปรแกรมแก้ไขภาพเท่านั้น (ดูส่วน "ภาพรวม") การเข้าถึงรายการในพื้นที่แก้ไขภาพถูกกำหนดไว้ที่การตั้งค่าระบบเลเยอร์ของโปรเจ็กต์ (ดูส่วน "การกำหนดค่า")
การดำเนินการแก้ไขเนื้อหาพื้นฐานที่มีอยู่ในโปรแกรมแก้ไขภาพมีดังต่อไปนี้:
ตัวเลือกทั้งหมดนี้มีอยู่ในรายการโฮเวอร์ - เพียงวางเคอร์เซอร์ของเมาส์บนรายการในโปรแกรมแก้ไขภาพ
เครื่องมือลากและวางช่วยให้คุณสามารถจัดเรียงรายการใหม่ภายในพื้นที่แก้ไขภาพได้
กฎการลากรายการมีการอธิบายไว้ในระบบเลเยอร์ Novi ในส่วน "การกำหนดค่า" พื้นที่การลากมีการระบุที่การกำหนดค่าภายใต้ 'คอนเทนเนอร์เพจ'
ขั้นแรก คุณควรวางรายการเป้าหมายไว้ภายในพื้นที่แก้ไขภาพ คลิกที่ "ย้ายเลเยอร์" จากนั้นลากรายการไปยังพื้นที่แก้ไขภาพโดยกดปุ่มซ้ายของเมาส์ค้างไว้
พื้นที่ที่สามารถลากได้จะถูกชี้ขึ้นด้วยเส้นขอบสีน้ำเงินทึบ
โปรแกรมแก้ไขข้อความช่วยให้คุณสามารถแก้ไขข้อความภายในพื้นที่โปรแกรมแก้ไขภาพได้
มีคุณสมบัติดังต่อไปนี้:
เมื่อไม่สามารถใช้คุณลักษณะกับส่วนข้อความบางอย่างได้ (เช่น การจัดตำแหน่งข้อความ) ไอคอนที่เกี่ยวข้องของตัวแก้ไขจะถูกปิดใช้งาน (แสดงเป็นสีเข้ม)
โปรแกรมแก้ไขโค้ด Novi ใช้ได้ในโหมดการออกแบบเท่านั้น
คุณอาจพบรายการคุณลักษณะด้านล่าง:
ในเวอร์ชัน 0.9.6 ของตัวสร้าง Novi มีการเพิ่มความสามารถในการทำงานกับคุณสมบัติกริด CSS คุณสมบัติ grid-template เป็นคุณสมบัติชวเลขสำหรับรายการถัดไป:
ด้วยความช่วยเหลือของคุณสมบัติกริด คุณสามารถกำหนดจำนวนแถวและคอลัมน์ที่ต้องการ ตั้งชื่อพื้นที่ภายใน และใช้กริด CSS ดังกล่าวเพื่อสร้างเค้าโครงของระดับความซับซ้อนขั้นสูง
ต่อไปนี้คือตัวอย่างไวยากรณ์ CSS ที่พร้อมใช้งานซึ่งขณะนี้ได้รับการสนับสนุนอย่างเต็มที่โดยเครื่องมือตรวจสอบของ Novi builder:
.item1 { พื้นที่กริด: ส่วนหัว; } .item2 { พื้นที่กริด: ซ้าย; } .item3 { พื้นที่กริด: หลัก; } .item4 { พื้นที่กริด: ขวา; } .item5 { พื้นที่กริด: ส่วนท้าย; } .grid-container { แสดง: กริด; เทมเพลตกริด: 'ส่วนหัว ส่วนหัว ส่วนหัว ส่วนหัว ส่วนหัว ส่วนหัว ' ด้านซ้าย หลัก หลัก หลัก ด้านขวา ' ' ส่วนท้ายด้านซ้าย ตารางช่องว่าง: 1px; สีพื้นหลัง: #2196F3; ช่องว่างภายใน: 1px; }
การใช้ CSS ดังกล่าวพร้อมกับโค้ด HTML นี้:
คุณจะได้ผลลัพธ์ดังต่อไปนี้:
ตรวจสอบเพิ่มเติมเกี่ยวกับการใช้คุณสมบัติกริด CSS ได้ที่ลิงค์ต่อไปนี้:
https://www.w3schools.com/cssref/pr_grid-template.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template
https://css-tricks.com/snippets/css/complete-guide-grid/
เคล็ดลับ: เบราว์เซอร์เวอร์ชันเก่าไม่สนับสนุนคุณสมบัติกริด CSS (เช่น Chrome เวอร์ชันขั้นต่ำที่ต้องใช้คือ v.57) เราขอแนะนำให้คุณปรับปรุงซอฟต์แวร์ของคุณให้ทันสมัยอยู่เสมอเพื่อรับประกันการแสดงผลเว็บไซต์ของคุณอย่างถูกต้อง
ไลบรารีสื่อประกอบด้วยไฟล์กราฟิกทั้งหมดที่ใช้ในเทมเพลต ช่วยให้คุณเพิ่มและลบไฟล์กราฟิกและวิดีโอทั้งหมดของโครงการได้อย่างง่ายดาย
ในการเข้าถึงไลบรารีสื่อ ให้ใช้เมนูหลักของ Novi Builder
ไลบรารีสื่อมีลักษณะดังนี้:
* หมวดหมู่ที่กำหนดเองคือหมวดหมู่ที่สร้างโดยผู้ใช้ หมวดหมู่ที่กำหนดเองรองรับฟังก์ชันต่อไปนี้:
มีหลายวิธีในการเพิ่มไฟล์ลงในไลบรารีสื่อ ในครั้งแรกคุณต้อง:
ส่วนที่สองจะใช้ได้ก็ต่อเมื่อหมวดหมู่ไลบรารีสื่อที่ใช้งานอยู่ว่างเปล่า ในกรณีนี้ คุณสามารถลากไฟล์จากระบบไฟล์ของคอมพิวเตอร์ไปยังแผงไฟล์มีเดียที่แสดงในภาพด้านบนได้ แผงทั้งหมดจะมีตัวเลือกในการอัปโหลดไฟล์จากระบบไฟล์
หากต้องการบันทึกการเปลี่ยนแปลง ให้ใช้ปุ่ม "บันทึก" ที่มุมขวาของแถบด้านบน
*เมื่อคุณอัปโหลดไฟล์ใหม่ไปยังแกลเลอรีสื่อ ไฟล์นั้นจะถูกเพิ่มในหมวดหมู่ที่ใช้งานอยู่ในปัจจุบัน ยกเว้นกรณีของการอัปโหลดไฟล์วิดีโอเมื่อหมวดหมู่ที่ใช้งานคือ "รูปภาพเท่านั้น" และในทางกลับกัน
ในการลบไฟล์สื่อออกจากหมวดหมู่ คุณควร:
หากต้องการบันทึกการเปลี่ยนแปลง ให้ใช้ปุ่ม "บันทึก" ที่มุมขวาของแถบด้านบน
ในการเปลี่ยนชื่อประเภท คุณควร:
หากต้องการบันทึกการเปลี่ยนแปลง ให้ใช้ปุ่ม "บันทึก" ที่มุมขวาของแถบด้านบน
ในการอัปโหลดไฟล์โครงการไปยังแกลเลอรีสื่อ คุณต้อง:
หากต้องการบันทึกการเปลี่ยนแปลง ให้ใช้ปุ่ม "บันทึก" ที่มุมขวาของแถบด้านบน
ในเวอร์ชัน 0.9.6 ของตัวสร้าง Novi เราได้แนะนำตัวเลือกในการเพิ่มรูปภาพ Unsplash ลงในไลบรารีสื่อของคุณ Unsplash เป็นบริการที่มอบภาพถ่ายที่ได้รับอนุญาตอย่างเต็มรูปแบบกว่า 1,000,000 ภาพจากทั่วทุกมุมโลกฟรีอย่างแน่นอน ด้วยวิธีนี้ คุณจะสามารถเข้าถึงรูปภาพคุณภาพสูงหลายพันรายการที่อนุญาตให้ใช้ในโครงการเว็บของคุณได้โดยตรงผ่านอินเทอร์เฟซของตัวสร้าง
ในการเข้าถึงและใช้แกลเลอรี Unsplash ให้ทำตามขั้นตอนต่อไปนี้:
ค้นหาปุ่ม "รูปภาพจาก Unsplash" ที่ด้านบนขวาของป๊อปอัป จดจำได้ง่ายเนื่องจากไอคอนโลโก้ Unsplash ถัดจากชื่อที่เกี่ยวข้อง
สุดท้าย ให้คลิกที่ไอคอนดาวน์โหลดสีน้ำเงินบนรูปภาพที่เลือกเพื่อบันทึกไว้ในแกลเลอรีสื่อของคุณ
เคล็ดลับ: แต่ละภาพมีช่างภาพระบุไว้ด้านล่าง เพื่อให้คุณสามารถตรวจสอบภาพถ่ายที่เหลือของเขา หรือติดตาม/ติดต่อผู้เขียนภาพบน https://unsplash.com หากจำเป็น
เคล็ดลับ: โปรด ทราบว่าการใช้ไฟล์สื่อหลายไฟล์บนหน้าเว็บอาจทำให้ความเร็วในการโหลดช้าลง เพื่อป้องกันไม่ให้สิ่งนี้เกิดขึ้น อย่าลืมปรับเนื้อหาในหน้าของคุณให้เหมาะสม โดยเฉพาะไฟล์มีเดีย เช่น รูปภาพและวิดีโอ หากจำเป็น ผู้เชี่ยวชาญของเราสามารถทำงานนี้ให้คุณได้โดยเป็นส่วนหนึ่งของบริการเพิ่มประสิทธิภาพที่เราจัดเตรียมไว้เพื่อประหยัดเวลาและความพยายามของคุณ สำหรับรายละเอียดเพิ่มเติมกรุณาติดต่อเราได้ที่ https://novibuilder.com/contact
เครื่องมือนี้ให้ตัวเลือกแก่คุณในการจัดการฟอนต์ที่เป็นสัญลักษณ์ของโปรเจ็กต์ โดยค่าเริ่มต้น ตัวสร้างมีฟอนต์สัญลักษณ์ยอดนิยม 7 แบบที่พร้อมใช้งาน:
ใช้เมนูหลักของ Novi Builder เพื่อเข้าถึงตัวจัดการไอคอน
ตัวจัดการไอคอนมีลักษณะดังนี้:
ในการเพิ่มแบบอักษรสัญลักษณ์ที่กำหนดเองให้กับโปรเจ็กต์ ให้ทำตามขั้นตอนต่อไปนี้:
คุณควรเตรียมไฟล์เก็บถาวรฟอนต์เพื่อนำเข้าฟอนต์เข้าสู่ตัวสร้างสำเร็จ จะต้องปฏิบัติตามกฎต่อไปนี้:
คุณควรใช้ปลั๊กอินการแทนที่ไอคอนเพื่อเปลี่ยนไอคอนภายในโครงการ คำอธิบายโดยละเอียดของปลั๊กอินมีอยู่ที่ส่วนปลั๊กอินไอคอน ใต้ปลั๊กอิน
ในเวอร์ชัน 0.9.5 ของตัวสร้าง Novi เราได้แนะนำส่วนใหม่ของการตั้งค่าโปรเจ็กต์ชื่อ SEO ชื่อเรื่องพูดสำหรับตัวเอง เนื่องจากจุดประสงค์คืออนุญาตให้ผู้ดูแลเว็บไซต์กำหนดค่าพารามิเตอร์ SEO ของเว็บไซต์และรับการเข้าชมอินทรีย์ที่กำหนดเป้าหมายอย่างดี หนึ่งจะยอมรับว่าเป็นสิ่งจำเป็นสำหรับเว็บไซต์สมัยใหม่
ในการเข้าถึงส่วน SEO ให้ทำตามขั้นตอนต่อไปนี้:
มาดูการตั้งค่าส่วนบุคคลของส่วน 'SEO' กันดีกว่า มีนวัตกรรมที่สำคัญที่สุดสองประการ - ตอนนี้คุณมีความสามารถในการสร้างไฟล์ sitemap.xml และ robots.txt ผ่านทางตัวสร้าง ดังนั้นการตั้งค่าจึงแบ่งออกเป็นสองส่วนสำหรับการกำหนดค่าและสร้างแต่ละไฟล์แยกกัน
โดเมนแผนผังเว็บไซต์ - ระบุโดเมนที่ถูกต้องที่คุณเปิดเว็บไซต์ของคุณเพื่อการทำงานที่ถูกต้องของไฟล์ sitemap.xml เช่น http://example.com
หลังจากที่คุณป้อนโดเมนแผนผังเว็บไซต์ ตำแหน่งไฟล์จะปรากฏขึ้นด้านล่าง ภายใต้ข้อความ ' ไฟล์ แผนผังเว็บไซต์ที่ สร้างไว้ที่นี่: ' เช่น http://example.com/sitemap.xml
บล็อกถัดไปช่วยให้คุณกำหนดค่าต่อไปนี้ในเมนูแบบเลื่อนลงตามลำดับ:
เมื่อป้อนพารามิเตอร์ทั้งหมดตามข้อมูลเฉพาะเว็บไซต์ของคุณ ให้คลิกที่ลิงก์สีน้ำเงิน 'สร้าง' ด้านล่าง ไฟล์ sitemap.xml ที่สร้างขึ้นใหม่จะมีลิงก์ของหน้าเว็บไซต์ของคุณและทำหน้าที่เป็นแผนงานสำหรับระบบการจัดทำดัชนีเครื่องมือค้นหา
เคล็ดลับ: อย่าลืมเก็บโฟลเดอร์เซิร์ฟเวอร์ที่สามารถเขียนได้ เพื่อให้ไฟล์ถูกสร้างขึ้นโดยไม่มีปัญหาใดๆ
robots.txt ที่แนะนำ (ช่องทำเครื่องหมาย เลือกไว้โดยค่าเริ่มต้น) - ทำเครื่องหมายในช่องนี้เพื่อใช้ไฟล์ที่แนะนำ
แนะนำให้โปรแกรมรวบรวมข้อมูลเว็บไม่เข้าถึงและสร้างดัชนีเว็บไซต์ของคุณ (ช่องทำเครื่องหมาย ไม่ได้เลือกโดยค่าเริ่มต้น) - ตัวเลือกเพื่อป้องกันไม่ให้เครื่องมือค้นหาจัดทำดัชนีเว็บไซต์ของคุณ อาจมีประโยชน์ในระหว่างการปรับปรุงเว็บไซต์ ในขณะที่อยู่ในสถานะการบำรุงรักษาและคุณยังไม่พร้อมที่จะเผยแพร่สู่สาธารณะ ตัวเลือกนี้ใช้ได้เฉพาะในกรณีที่ใช้ไฟล์ robots.txt ที่แนะนำเท่านั้น
URL ไปยังไฟล์ sitemap.xml ของคุณ - ระบุเส้นทางของไฟล์ sitemap.xml ที่นี่ หรือเว้นว่างไว้เพื่อให้ตัวเลือกนี้รับค่าดีฟอลต์ (กำหนดไว้ในส่วน SITEMAP)
รหัสที่กำหนดเองในไฟล์ robots.txt (ว่างเปล่าโดยค่าเริ่มต้น) - หากจำเป็น ให้ใช้พื้นที่ข้อความนี้เพื่อใส่กฎของคุณเองที่ควรวางไว้ในไฟล์ robots.txt
ถัดไป คลิกลิงก์ 'สร้าง' สีน้ำเงินด้านล่างเพื่อสร้างไฟล์ robots.txt ด้วยความช่วยเหลือของไฟล์นี้ คุณจะสามารถซ่อนข้อมูลที่ละเอียดอ่อนหรือเนื้อหาที่ซ้ำซ้อนจากเว็บโรบ็อตได้ในเวลาไม่นาน
เคล็ดลับ: อีกทางเลือกหนึ่ง การกำหนดค่าแบบมืออาชีพของส่วนนี้อาจถูกสั่งจากทีมผู้เชี่ยวชาญ SEO ของเรา พร้อมด้วยการเขียนเนื้อหาคุณภาพสูงสำหรับเว็บไซต์ของคุณ โปรดตรวจสอบรายละเอียดเพิ่มเติมที่ หน้า นี้
คุณสามารถค้นหาเครื่องมือปรับขนาดได้ที่อินเทอร์เฟซหลักของ Novi สามารถใช้สำหรับการแสดงตัวอย่างโปรแกรมแก้ไขภาพบนหน้าจอขนาดต่างๆ
Resizer มี 7 มิติที่แตกต่างกัน โดยค่าเริ่มต้น “Desktop Full-HD” จะเปิดใช้งานอยู่ นอกจากนี้ยังมีมิติข้อมูลดังต่อไปนี้:
โปรดทราบว่า resizer จะแสดงโปรเจ็กต์ของคุณบนขนาดหน้าจอต่างๆ แต่จะไม่จำลองอุปกรณ์ ดังนั้น ในบางกรณี การแสดงผลอาจแตกต่างกันในอุปกรณ์จริง
การส่งออกเทมเพลตใน Novi Builder มีอยู่ในเมนูหลักของอินเทอร์เฟซ รายการ "ส่งออก", "ส่งออกเทมเพลต" การส่งออกช่วยให้สามารถบันทึกไฟล์ ZIP ในตำแหน่งที่เลือก โครงสร้างเทมเพลตจะได้รับการเก็บรักษาไว้อย่างสมบูรณ์
การส่งออกโปรเจ็กต์ใน Novi Builder ใช้งานได้จากเมนูหลักของอินเทอร์เฟซ รายการ "ส่งออก" "ส่งออกโครงการ" การส่งออกช่วยให้สามารถบันทึกไฟล์ ZIP ในตำแหน่งที่เลือก โครงสร้างโครงการจะได้รับการเก็บรักษาไว้อย่างสมบูรณ์
เพิ่มฟีเจอร์ของการนำเข้าโปรเจ็กต์และเทมเพลตไปยังตัวสร้างแล้ว
เมื่อทำงานกับโครงการขนาดใหญ่ (ขนาดขึ้นอยู่กับการตั้งค่าเซิร์ฟเวอร์ของคุณ พารามิเตอร์ post_max_size และ upload_max_filesize) หรือเทมเพลต เราขอแนะนำให้คุณเพิ่มค่าของพารามิเตอร์ post_max_size และ upload_max_filesize ในไฟล์การตั้งค่าของ PHP
เตรียมนำเข้าโครงการ
ก่อนนำเข้าโปรเจ็กต์ของคุณ จำเป็นต้องสร้างไฟล์เก็บถาวรที่เหมาะสม (หากไฟล์เก็บถาวรนั้นสร้างโดยตัวสร้างในระหว่างการเอ็กซ์พอร์ต ไฟล์นั้นจะตรงตามข้อกำหนดทั้งหมดที่เขียนไว้ด้านล่าง)
โครงการ Novi มีโครงสร้างดังต่อไปนี้โดยค่าเริ่มต้น:
ในการนำเข้าโครงการของคุณ คุณต้องเตรียมไฟล์ ZIP ซึ่งจะรวมเนื้อหาทั้งหมดของไดเร็กทอรีเทมเพลต
ความสนใจ! ไฟล์เก็บถาวรต้องไม่มีไดเร็กทอรีหลักเพิ่มเติม
ไม่ถูกต้อง:
แก้ไข:
ความสนใจ! โฟลเดอร์รูทของไฟล์เก็บถาวรต้องมีไฟล์ .html และไฟล์ project.json อย่างน้อยหนึ่งไฟล์
เพจที่ไม่ได้อยู่ในโฟลเดอร์รูทของไฟล์เก็บถาวรจะไม่สามารถแก้ไขในตัวสร้างได้
การนำเข้าโครงการ
หากต้องการนำเข้าโครงการ ให้เปิดเมนูหลัก เลือก "นำเข้า" "นำเข้าโครงการ"
กำลังเตรียมการนำเข้าเทมเพลต
ก่อนนำเข้าเทมเพลตของคุณ จำเป็นต้องสร้างไฟล์เก็บถาวรที่เหมาะสม (หากไฟล์เก็บถาวรนั้นสร้างโดยตัวสร้างในระหว่างการส่งออก ไฟล์จะตรงตามข้อกำหนดทั้งหมดที่เขียนไว้ด้านล่าง)
ไม่ถูกต้อง:
แก้ไข:
โฟลเดอร์รูทของไฟล์เก็บถาวรต้องมีไฟล์ .html อย่างน้อยหนึ่งไฟล์ ทุกหน้าที่ไม่อยู่ในไดเร็กทอรีรากจะไม่สามารถใช้ได้ในตัวจัดการเพจของตัวสร้าง
จะใช้งานไม่ได้:
จะสามารถใช้ได้:
นำเข้าเทมเพลต
หากต้องการนำเข้าเทมเพลต ให้เปิดเมนูหลัก เลือก "นำเข้า" "นำเข้าเทมเพลต"
การแก้ไขปัญหา:
การเผยแพร่โครงการพร้อมใช้งานจากแผงหลักของอินเทอร์เฟซ Novi และจะดำเนินการตามเส้นทางที่คุณระบุไว้ในการตั้งค่าโครงการ รายการ "เส้นทางการเผยแพร่"
การเผยแพร่สามารถทำได้ภายในเซิร์ฟเวอร์ที่ติดตั้ง Novi Builder เท่านั้น
ระวังตัวไว้! การเผยแพร่ซ้ำจะอัปเดตเนื้อหาของเว็บไซต์ของคุณก็ต่อเมื่อแอตทริบิวต์ "เส้นทางการเผยแพร่" ในการตั้งค่าโครงการยังคงไม่เปลี่ยนแปลง
ก่อนเผยแพร่ทุกครั้ง คุณจะเห็นหน้าต่างยืนยัน คุณสามารถปิดใช้งานตัวเลือกนี้ในการตั้งค่าโปรเจ็กต์ รายการการตั้งค่าการเผยแพร่ "ปิดใช้งานการยืนยันก่อนเผยแพร่"
เพิ่มฟีเจอร์ของการเปลี่ยนภาษาใน Novi Builder ในการใช้งาน คุณต้อง:
คุณยังสามารถเพิ่มภาษาสำหรับอินเทอร์เฟซของ Novi
ข้อมูลภาษาอินเทอร์เฟซของ Novi แสดงในรูปแบบ json ข้อมูลทั้งหมดสำหรับการแปลจะถูกเก็บไว้ในโฟลเดอร์ lang ของโครงการ Novi
ในการเพิ่มการแปล คุณต้อง:
"en": { - ตัวระบุภาษา "file": "en.json" – เส้นทางไปยังไฟล์ที่มีข้อมูลการแปลที่สร้างขึ้นในขั้นตอนก่อนหน้า "name": "English" – ชื่อภาษาที่จะแสดงในการตั้งค่าระบบระหว่างการเลือกภาษา }
กฎการกรอกไฟล์แปล (ไฟล์ "en.json"):
"editor": { "replaceItem": { "tooltip": "คำแปลของคุณไปที่นี่" } }
หากมีการเปลี่ยนแปลงใดๆ ในรายชื่อนี้ ยกเว้น "การแปลของคุณไปที่นี่" การแปลของคุณจะไม่ปรากฏในเครื่องมือสร้าง
"ไปที่ #{errorLine} บรรทัด" ทุกอย่างที่เขียนระหว่าง " และ " คือชื่อย่อ
คุณสามารถเปลี่ยนลำดับรหัสย่อในบรรทัดได้ แต่คุณต้องไม่เปลี่ยนชื่อ มิฉะนั้น ข้อมูลแบบไดนามิกจะไม่ปรากฏ
ในกรณีที่การกรอกไม่ถูกต้องหรือการข้าม/ลบข้อมูลในไฟล์การแปล ข้อมูลเหล่านี้จะถูกแทนที่ด้วยการแปลจากไฟล์ en.json
เพิ่ม Style Manager ใน Novi Builder ในเวอร์ชัน 0.9.0 อนุญาตให้แก้ไขสไตล์ของโครงการของคุณ
ตั้งอยู่ในแผงนักพัฒนาซอฟต์แวร์และมีลักษณะดังนี้:
ที่ไหน:
แผงของตัวจัดการรูปแบบยังสามารถแบ่งออกเป็นองค์ประกอบต่อไปนี้:
หลักการทำงานของ Style Manager
ในการเริ่มต้นใช้งาน Style Manager คุณต้องมีความรู้พื้นฐานเกี่ยวกับ HTML และ CSS
ตัวจัดการสไตล์จะแสดงสไตล์ขององค์ประกอบที่เลือก ดังนั้นเมื่อคุณเปิดตัวจัดการสไตล์โดยไม่ได้เลือกองค์ประกอบ องค์ประกอบนั้นจะว่างเปล่า
วิธีเลือกองค์ประกอบเพื่อแสดงสไตล์
มี 2 วิธีในการเลือกองค์ประกอบ:
ในกรณีแรก กด LMB บนองค์ประกอบเป้าหมายใน Visual Editor ก็เพียงพอแล้ว หากองค์ประกอบไม่ได้อธิบายไว้ในเลเยอร์ ให้ใช้ Ctrl + LMB เพื่อเลือก
ในกรณีที่สอง คุณต้องเปิดโค้ด HTML ของหน้าเว็บโดยใช้เมนูบริบทของ Visual Editor แล้วเลือก "ซอร์สโค้ด" หรือสลับไปที่โหมดแก้ไข แล้วเปิดแท็บ HTML บนแผงนักพัฒนาซอฟต์แวร์
หลังจากนี้ คุณจะเลือกแท็กที่ต้องการได้ด้วย LMB ในเวลาเดียวกัน องค์ประกอบใน Visual Editor จะถูกเลือกเช่นกัน และสไตล์องค์ประกอบจะแสดงในตัวจัดการสไตล์
*หากแท็กที่เลือกไม่อยู่ในคอนเทนเนอร์ของหน้า (คุณสามารถหาข้อมูลเพิ่มเติมได้ในส่วน "การกำหนดค่า") องค์ประกอบจะไม่ถูกเลือก
วิธีเพิ่ม/เปลี่ยนสไตล์องค์ประกอบโดยใช้ Style Manager
เมื่อแก้ไขสไตล์ด้วย Style Manager ไฟล์ CSS ใหม่ (novi.css) จะถูกสร้างขึ้นโดยจัดเก็บสไตล์ทั้งหมดที่คุณเพิ่มไว้ รูปแบบที่แก้ไขจะถูกเขียนใหม่ในไฟล์โครงการปัจจุบัน
ในการเริ่มต้น คุณต้องเลือกองค์ประกอบที่ต้องการ อ่านรายละเอียดเพิ่มเติมในย่อหน้าก่อนหน้า
หลังจากนั้น หากคุณต้องการแก้ไขสไตล์ที่มีอยู่ เพียงคลิก LMB บนคุณสมบัติที่จำเป็นในแท็บ Style หรือในแท็บ Pseudo-Elements แล้วแทนที่ด้วยรูปแบบที่คุณต้องการ ตัวเลือก คุณสมบัติ และค่าทั้งหมดสามารถแก้ไขได้
คุณต้องระมัดระวังเมื่อทำการเปลี่ยนแปลงรูปแบบองค์ประกอบสากล การแก้ไขค่าและคุณสมบัติของตัวเลือกที่เลือกจะนำไปสู่การเปลี่ยนแปลงขององค์ประกอบทั้งหมดที่เหมาะสมกับตัวเลือกที่เลือก
ในการเพิ่มสไตล์ใหม่ให้กับองค์ประกอบ คุณต้องใช้ปุ่ม "+" ที่มุมบนขวาของ Style Manager
สิ่งสำคัญคือต้องรู้ว่าเมื่อเปิด "องค์ประกอบหลอก" หรือ :โฮเวอร์ :สถานะใช้งาน ถูกเลือก ตัวเลือกที่เกี่ยวข้องจะถูกเพิ่มเข้าไป:
ในกรณีที่เพิ่มสไตล์ด้วย state novi resizer (ดูเพิ่มเติมในย่อหน้า "เครื่องมือแสดงตัวอย่างความละเอียด") ซึ่งแตกต่างจาก "Desktop Full HD" กฎ CSS จะถูกแปลงเป็นคำขอสื่อที่เกี่ยวข้อง
* ตอนนี้ Visual Editor มีคุณสมบัติในการตั้งค่าโฮเวอร์บนองค์ประกอบใดก็ได้ ในการดำเนินการดังกล่าว ให้คลิก RMB บนองค์ประกอบเป้าหมายและเปิดเมนูบริบท หลังจากนั้น เลือก "บังคับสถานะ 'โฮเวอร์'" คุณลักษณะนี้มีให้ในโหมดแก้ไข หากต้องการดูสถานะ :hover ในโหมดการออกแบบ คุณต้องใช้ Style Manager ปุ่ม "States"
การอัปเดตตัวสร้างพร้อมใช้งานตั้งแต่ v. 0.8.3
ตามค่าเริ่มต้น การอัปเดต Novi จะถูกปิดใช้งาน คุณควรทำเครื่องหมายที่รายการ "ตรวจสอบการอัปเดต" ใต้การตั้งค่าระบบเพื่อเปิดใช้งาน
หากมี Novi Builder เวอร์ชันใหม่กว่า คุณจะเห็นหน้าต่างโต้ตอบหลังจากการโหลดตัวสร้าง คุณจะสามารถอัปเดตตัวสร้างได้โดยทำตามคำแนะนำ
โปรเจ็กต์ปัจจุบันจะไม่เปลี่ยนแปลงหลังจากใช้การอัปเดต
มีปุ่มลัดที่มีประโยชน์มากมายในโมดูล Novi Builder ต่างๆ