EFFECTIVE 

TIPS 

ตัวอย่างนี้เลือก 2 columns เพื่อเป็นหัวเรื่อง และให้เนื้อหาเสมอหน้า


เลือก unit grid เพื่อใส่หัวเรื่องที่ต้องการแล้วจัดตำแหน่งตัวอักษร และเลือก 3 หรือ 4 Column Blocks เพื่อใส่รูปและเนื้อหาลงในแต่ละคอลัมน์บล็อค สามารถเพิ่มลดคอลัมน์ได้ขณะทำเพื่อให้พอดีกับเนื้อหา



คลิกลิงก์เพื่อดูวิธีทำ 

INSERT LINK FOR IMAGE 



คลิกลิงก์เพื่อดูวิธีทำ

INSERT LINK FOR IMAGE 



คลิกลิงก์เพื่อดูวิธีทำ

INSERT LINK FOR IMAGE 


You can insert image by copy link address from flickr or any third party that allowed link address.


START TO SITE KEEP YOUR WEB MOBILE-FRIENTLY, RESPONSIVE AND ALWAYS DYNAMIC.



สามารถใส่รูปเป็นพื้นหลังในทุกกริด

ปรับแต่งตำแหน่ง ขนาด สไตล์ ตามต้องการ

    

start to site




ระบบของเราช่วยให้ผู้ใช้สามารถเพิ่มเนื้อหาและรูปแบบได้ไม่จำกัดในหนึ่งหน้าเว็บเพจ


ADD IMAGE for background + Add alpha color in block


ADD IMAGE

FOR

BACKGROUND

+

ADD ALPHA COLOR



ADD IMAGE

FOR

BACKGROUND

+

ADD ALPHA COLOR



LEARN MORE



ABOUT BACKGROUND COLOR

INSERT IMAGE in 3 column  blocks with padding ( Responsive Columns)

INSERT IMAGE in 3 column  blocks with padding (Non-Responsive)


INSERT IMAGE in 3 column  blocks with no padding (Non-Responsive)


TIP

FOR SECTION








หนึ่งหน้าเว็บเพจสามารถมี section ได้ไม่จำกัด ใช้ section ช่วยในการแบ่งหัวข้อ เพื่อเปลี่ยนใส่สีหรือรูปเป็นพื้นหลังให้แตกต่างกัน 


Section จัดลำดับก่อนหลังได้ด้วยการใส่ตัวเลขค่าลงใน weight เลขตำ่สุดจะแสดงก่อน ตามด้วยเลขที่สูงกว่าตามลำดับ section มีค่าตั้งต้น weight =0  ถ้าไม่ใส่ค่าให้ต่างกัน section ที่มีค่า weight เท่ากันจะแสดงตัวที่ทำล่าสุดขึ้นก่อนเสมอ


เลือก Grid Column ที่มี 1-4 Block (เพิ่มลดได้ สูงสุด 12 คอลัมน์ จะเต็มจอ Full screen) ลงใน section สำหรับใส่เนื้อหา  และสามารถกำหนดเป็น Multiline ได้ เพื่อให้คอลัมน์เลื่อนลงมาด้านล่างต่อๆกัน

TIP

FOR 

BACKGROUND

IMAGE





ใส่รูปเป็นพื้นหลังได้บน 

BANNER | PAGE | FOOTER

&

SECTION | GRID BLOCK | COLUMN | BRICK


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

TIP

FOR PHOTO

ใส่รูป เลือกสไตล์ ใส่ลิงก์ จัดตำแหน่ง และกำหนดขนาดรูปเป็นเปอร์เซ็นต์หรือพิกเซล

ดูวิธีทำ

TIP

FOR VIDEO

นำวีดีโอจากเว็บไซต์ที่อนุญาตให้นำ link หรือ embeded มาใส่ได้  


ดูวิธีทำ

TIP

FOR BANNER

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


ดูวิธีทำ

TIP

FOR FOOTER

Footer ทำงานเหมือน section ทุกอย่าง เลือก Grid Column + Block และใส่เนื้อหา เมื่อบันทึกจะไปแสดงทุกหน้าของ Website อัติโนมัติ 


ใน Footer จะมีเพียง section เดียวแต่เพิ่ม Grid Column ได้ไม่จำกัด


ดูวิธีทำ