การออกแบบ
ความสุข
การสร้าง (Building)
อนาคต

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

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

27 ส.ค. 2568
การเริ่มต้นใช้งาน
คุณสามารถเลือกที่จะตั้งค่าประเภทของฟิลด์ข้อมูลที่แตกต่างกันขึ้นอยู่กับเนื้อหาของคุณได้ค่ะ ตัวอย่างเช่น บล็อกอาจจะมีชื่อเรื่อง, สลั๊ก และฟิลด์แบบฟอร์มยาวสำหรับเนื้อหาที่จัดรูปแบบไว้ เหล่านี้อาจแตกต่างกันออกไปสำหรับไดเรกทอรีสินค้า หรือบล็อกภาพถ่ายที่คุณอาจจำเป็นต้องเพิ่มฟิลด์รูปภาพค่ะ เพื่อแก้ไขฟิลด์ที่แต่ละรายการ CMS จะมี, คลิกที่ชื่อคอลัมน์ใดๆ สิ่งนี้จะเรียกให้มีการแสดงกล่องโมดัลเพื่อเพิ่มฟิลด์ใหม่ที่สามารถจัดเรียงหรือแก้ไขหรือลบฟิลด์ที่มีอยู่แล้วได้ค่ะ
การเพิ่มเนื้อหาลงในผ้าใบ
หลังจากตั้งค่าเนื้อหาแล้ว, กลับไปที่ผ้าใบของคุณค่ะ คอลเลกชันของคุณสามารถเข้าถึงได้จากเมนูแทรก เปิดเมนูแทรก นำทางไปยังส่วนเนื้อหา CMS แล้วลากและวางคอลเลกชันของคุณลงในผ้าใบ นี่จะเป็นการเพิ่มสแต็กพิเศษพร้อมเลเยอร์ที่เชื่อมต่อกับข้อมูลของคุณ จากนี้คุณสามารถแก้ไขคุณสมบัติด้านภาพทางขวาได้เหมือนกับที่คุณทำกับสแต็กทั่วไปค่ะ
เพิ่มหน้าเว็บพร้อมเนื้อหา
ถ้าคุณต้องการเพิ่มหน้าเว็บที่ดึงข้อมูลจาก CMS โดยอัตโนมัติ, นำทางไปที่แผงด้านซ้าย เมื่อคุณอยู่ในแท็บ หน้า ให้คลิกที่ปุ่ม + ถัดจากส่วน CMS ถ้าคุณเพิ่มหน้าหลักจะมีการเพิ่มหน้าที่รวมรายการทั้งหมดในคอลเลกชันของคุณไว้ ถ้าคุณเพิ่มหน้ารายละเอียด คุณจะได้รับหน้าที่มีเนื้อหาจากไอเท็มเดี่ยวที่คุณมีค่ะ
หมายเหตุ: หากคุณเลือกที่จะเพิ่มข้อมูลตัวอย่าง, หน้ารายละเอียดใหม่ที่ชื่อว่า /blog จะถูกเพิ่มเข้าไปในเว็บไซต์ของคุณ และคุณจะพบสแต็กของเนื้อหาที่เพิ่มเข้ามาในหน้าสำหรับคุณเองค่ะ
หน้ารายละเอียดจะแสดงเนื้อหาที่ดึงมาจากรายการแรกของคอลเลกชันโดยปริยาย เพื่อตรวจสอบไอเท็มอื่นๆ ในคอลเลกชัน, เปลี่ยนเนื้อหาโดยการเลือกไอเท็มที่แตกต่างออกไปจากเมนูแบบดรอปดาวน์ค่ะ
ตัวเลือกที่ 2
อ่านเพลินเพียง 5 นาที

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

1 ส.ค. 2568
องค์ประกอบการออกแบบ
การอัปเดตคุณภาพครั้งนี้มาพร้อมกับการปรับปรุงแคนวาสและแถบเลเยอร์ เราได้อัปเดตสัญลักษณ์ส่วนประกอบในแอปเพื่อแยกความแตกต่างจากกริด นอกจากนี้ เราได้ทำให้ Primary Breakpoints และ Variants โดดเด่นยิ่งขึ้นในแถบด้านซ้าย ทำให้ง่ายต่อการดูว่าคุณกำลังแก้ไขหลักหรืออินสแตนซ์ Breakpoints จะยังแสดงช่วงในแถบเลเยอร์ ดูการอัปเดตเพิ่มเติมด้านล่าง
จากเดือนมกราคม
เดือนที่แล้ว เราได้เพิ่มการรองรับการเติมสีอัตโนมัติและตัวเลือกการจัดวางใหม่สำหรับส่วนประกอบ พร้อมทั้งแก้ไขและปรับปรุงอย่างมากมาย หากคุณให้สีเติมหน้า ตอนนี้จะย้อมเบราว์เซอร์อย่าง Safari ด้วย และมั่นใจว่าคุณจะไม่ได้รับพื้นหลังสีขาวเรียบเมื่อเลื่อนเกินบนอุปกรณ์มือถือใดๆ นอกจากนี้ เรายังเพิ่มการรองรับการตั้งค่าขนาดต่ำสุด-สูงสุดให้กับทุกชิ้นส่วน Smart และ Code ซึ่งทำให้รูปแบบและแพทเทิร์นทั่วไปง่ายขึ้นอย่างมาก ดูการเปลี่ยนแปลงทั้งหมดด้านล่าง
เราตั้งค่าพื้นหลังของเนื้อหาโดยอัตโนมัติจากสีเติมของหน้า
คุณสามารถแทนค่าพื้นหลังและกำหนดเองตาม breakpoint
เราสนับสนุนการตั้งค่าขนาดต่ำสุด-สูงสุดสำหรับ Smart และ Code Component ทั้งหมด
เราจะแสดงการเตือนขนาดต่ำสุด-สูงสุดในแถบคุณสมบัติอย่างต่อเนื่อง
คุณสามารถใช้ตัวเลือกการจัดตำแหน่งทั้งหมดสำหรับเลเยอร์ที่ตั้งตำแหน่งเป็น Fixed ได้แล้ว
เราจะแจ้งให้คุณทราบหากความสูงของเลเยอร์หลักเปลี่ยนเนื่องจากการแก้ไขการจัดวาง
เราปรับปรุงการควบคุม Radius และ Padding ซึ่งจะไม่รีเซ็ตค่าอีกต่อไป
อินพุตตัวเลขที่แยกเป็นสี่ตัวจะไม่แสดงสเต็ปเปอร์อีกต่อไป เพื่อให้ค่าที่มีความยาวพอดี
เราปรับปรุงผลการแสดงโดยใช้การเปลี่ยนสเกลด้วย Spring transitions
ตัวเลือกที่ 2
อ่านเพลินแค่ 2 นาที

22 ก.ค. 2568
การนำเข้าข้อมูล
เตรียมไฟล์ CSV ของคุณ
ตรวจสอบให้แน่ใจว่าไฟล์ของคุณถูกส่งออกเป็นไฟล์ “CSV” หรือที่รู้จักกันว่าไฟล์ “Comma Separated Values” หากคุณพบปัญหาใด ๆ ให้คุณตรวจสอบว่าไฟล์ของคุณถูกเข้ารหัสด้วย UTF-8 และมีขนาดไม่เกิน 5mb หากไฟล์ของคุณใหญ่เกินไป ลองลบคอลัมน์ที่คุณอาจไม่จำเป็นออก ดูข้อมูลเพิ่มเติมด้านล่างเกี่ยวกับฟิลด์เฉพาะ
เคล็ดลับ: คุณไม่จำเป็นต้องนำเข้าทุกคอลัมน์จากไฟล์ CSV ของคุณ เฉพาะฟิลด์ที่ตั้งค่าใน CMS collection ของคุณในขั้นตอนถัดไปเท่านั้นที่จะถูกนำเข้า
ฟิลด์ข้อความแบบ Rich Text
เนื้อหาข้อความที่จัดรูปแบบต้องจัดรูปแบบเป็น HTML มีการรองรับแท็กมากมาย เช่น ย่อหน้าและหัวเรื่อง <p>,<h1>, <h2>), การจัดรูปแบบ (<em>, <i>, <strong>), ลิงก์ (<a>), รายการ (<ol>, <ul>, <li>) และภาพ (<img>) ภาพจาก URL จะถูกดาวน์โหลดจากต้นทางเดิมและนำเข้า Framer โดยอัตโนมัติ
ฟิลด์ภาพ
ภาพในเนื้อหา CSV ของคุณต้องเป็น URL ของภาพเท่านั้น มันจะถูกดาวน์โหลดและนำเข้า Framer เส้นทางที่สัมพันธ์กันไม่รองรับ
ฟิลด์วันที่
รูปแบบที่แนะนำคือรูปแบบที่สอดคล้องกับ ISO8601 ตัวอย่างเช่น: 2023-12-17T14:42:00 ค่าตัวช่วยปี-เดือน-วันก็รองรับ ตัวอย่างเช่น: 1982-12-01 สตริงที่มีรูปแบบยาวอาจทำงานได้ แต่อยู่ที่เบราว์เซอร์ของคุณ ตัวอย่างเช่น: อ. 12 พฤษภาคม 2563 18:50:21 GMT-0500 (เวลาตอนกลางของสหรัฐอเมริกา) ข้อมูลเวลา ทั้งหมดรวมถึงข้อมูลโซนเวลาจะถูกลบจากวันที่
ฟิลด์สี
สีที่จัดรูปแบบเป็นโค้ดสี RGB แบบ CSS แบบสั้น หรือการแสดงผล hls หรือ hlv หรือชื่อสีที่กำหนดไว้ ตัวแปรทั้งหมดที่มีค่าแอลฟารองรับ ตัวอย่าง: #00ffee, rgb(0, 153, 255), hsla(204, 100%, 50%, 0.5), ฟ้า, เขียวเข้ม, rebeccapurple
ฟิลด์สลับ
ค่าบูลลีน Y, yes, TRUE, 1 จะถูกตีความว่าสลับเป็น “Yes” ค่าอื่น ๆ ทั้งหมดจะเป็น “No”
เตรียม CMS Collection ของคุณ
นี่คือรายการตรวจสอบเพื่อเตรียม CMS collection ของคุณสำหรับการนำเข้า
ตรวจสอบให้แน่ใจว่าฟิลด์/คอลัมน์ใน CSV ของคุณมีฟิลด์ที่ตรงกันใน CMS collection ของคุณพร้อมชื่อเดียวกัน
รวมฟิลด์เฉพาะสำหรับแต่ละไอเท็ม มักจะชื่อว่า “Slug”
ตรวจสอบให้แน่ใจว่าประเภทข้อมูลของคุณตรงกัน (เช่น ฟิลด์วันที่ CMS สำหรับฟิลด์วันที่ในข้อมูลของคุณ)
เคล็ดลับ: Framer ใช้ฟิลด์ Slug ของคุณในการระบุตัวไอเท็มแต่ละตัวและจะใช้เพื่ออัปเดตไอเท็มนั้นในการนำเข้าซ้ำ
นำเข้าไฟล์ CSV ของคุณ
คุณสามารถหา ฟีเจอร์นำเข้า ได้โดยไปที่ CMS ในโปรเจ็กต์ของคุณและคลิก "นำเข้า" ในทูลบาร์ จากนั้นคุณสามารถเลือกไฟล์ CSV ของคุณเพื่อนำเข้าได้ หรืออาจลากและวางไฟล์ CSV ของคุณลงในอินเตอร์เฟซ CMS collection ได้โดยตรง
เคล็ดลับ: การนำเข้ารองรับการกระทำ ยกเลิก/ทำใหม่ หากคุณไม่พอใจกับการนำเข้า คุณสามารถยกเลิกการเปลี่ยนแปลงได้ด้วยการกด CMD+Z บน MacOS หรือ CTRL+Z บน Windows โดยการทำใหม่จะไม่รันการนำเข้าอีกครั้ง แต่จะใช้การเปลี่ยนแปลงกับคอลเล็กชั่นทันที
อัปเดตหรือเรียกการนำเข้าซ้ำ
ในการอัปเดตเนื้อหาของคุณ คุณสามารถนำเข้าคอลเล็กชั่นเดียวกันอีกครั้ง หากมีไอเท็มใดในการนำเข้าใหม่มีฟิลด์ slug ที่ตรงกับไอเท็มในคอลเล็กชั่นของคุณ คุณจะสามารถอัปเดตหรือข้ามการนำเข้าซ้ำได้
ตัวเลือกที่ 1
อ่านเพลินเพียง 5 นาที

10 ก.ค. 2568
แนวทางปฏิบัติที่ดีที่สุด
เลือกหัวข้อที่น่าดึงดูด
ใช้เครื่องมือวิเคราะห์เพื่อทำความเข้าใจข้อมูลประชากรและพฤติกรรมของผู้ใช้ ปรับเนื้อหาของคุณให้ตอบโจทย์ความต้องการและความสนใจของผู้ชม แก้ปัญหาเฉพาะของพวกเขา ดำเนินการวิจัยคีย์เวิร์ดด้วยเครื่องมืออย่าง Google Keyword Planner หรือ SEMrush วิเคราะห์แนวโน้มอุตสาหกรรมและคู่แข่งเพื่อเลือกหัวข้อที่เกี่ยวข้องและกำลังเป็นที่นิยมซึ่งปรับปรุง SEO ใช้เครื่องมือวิเคราะห์หัวข้อข่าว เช่น Headline Analyzer ของ CoSchedule สร้างชื่อที่ชัดเจน เฉพาะเจาะจง และมีคีย์เวิร์ดอันดับสูง ใช้คำที่สร้างพลังเพื่อเพิ่มอัตราการคลิก
จัดระเบียบเนื้อหาของคุณ
ใช้โครงสร้างที่ชัดเจนโดยใช้แท็ก HTML สำหรับหัวเรื่อง (H1, H2, H3) และรายการ (<ul>, <ol>) นี้ช่วยเพิ่มความน่าอ่านและ SEO ใช้ CSS สำหรับการจัดรูปแบบเพื่อพัฒนา UX ฝังรูปภาพคุณภาพสูง อินโฟกราฟิก ชาร์ต และกราฟ ใช้ Framer สำหรับสร้างภาพและปรับแต่งด้วยข้อความ alt เพื่อ SEO ให้แน่ใจว่าภาพมีการตอบสนองต่อมือถือ วางคีย์เวิร์ดอย่างเป็นธรรมชาติภายในเนื้อหา โดยเฉพาะในหัวเรื่องและหัวเรื่องย่อย ปรับปรุง meta descriptions ข้อความ alt ของภาพ และใช้ลิงก์ภายในและภายนอก
การแบ่งหน้าและ SEO
พิจารณาเพิ่มการแบ่งหน้าสำหรับรายการเนื้อหายาวๆ เพิ่มประสิทธิภาพโดยการลดเวลาการโหลดและปรับปรุงประสบการณ์ผู้ใช้โดยทำให้เนื้อหาปริมาณมากอ่านง่ายและเข้าใจง่าย นอกจากนี้ การแบ่งหน้ายังมีประโยชน์ต่อ SEO โดยช่วยให้เครื่องมือค้นหาสามารถจัดเก็บข้อมูลได้ง่ายขึ้นและลดอัตราบาวซ์ โดยการเลือกเนื้อหาจากบล็อก คุณสามารถคลิกที่ไอคอนบวกสีฟ้าที่ด้านล่างเพื่อเพิ่มการเลื่อนอินฟินิตหรือปุ่มโหลดเพิ่มเติม หากคุณเพิ่มการแบ่งหน้าด้วยการเลื่อนอินฟินิต พยายามหลีกเลี่ยงการวางเลย์เอาท์เช่นแกนหมุนและส่วนท้ายใต้เนื้อหาที่กำลังโหลด นี้จะช่วยลดการเลื่อนเลย์เอาท์ จึงไม่ทำร้าย SEO
ติดตามประสิทธิภาพ
ใช้การวิเคราะห์แบบ built-in ของ Framer เพื่อติดตามประสิทธิภาพ และปรับกลยุทธ์เนื้อหาตามข้อมูลเชิงลึก ด้วยการรวมแนวทางปฏิบัติที่ดีที่สุดเหล่านี้กับเทคนิคทางเทคนิคที่ดีที่สุดด้วย คุณสามารถสร้างบล็อกที่ไม่เพียงแต่มีส่วนร่วมและให้ข้อมูล แต่ยังทำผลงานได้ดีในอันดับการค้นหาและการมีส่วนร่วมของผู้ใช้ สุขสันต์การเขียนบล็อก!
ตัวเลือกที่ 1
อ่านเพลิน 6 นาที



