Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
โลโกดานบน (Logo)
คลก “ตงคาขอมลทวไปของเวบไซต”ระบบจะพาไปยงหนาอพโหลด Logo
1.1 คลก ไอคอนเฟองสสม ระบบจะแสดงรายการใหเลอกแกไข
1.2 คลกแกไข "โลโกดานบน" ทไอคอนดนสอ
1.3 คลก อพโหลด Logo เรยบรอยแลวทาการคลกป มบนทก
เมนดานบน (Top Menu)1.1 คลก ไอคอนเฟองสสม ระบบจะแสดงรายการใหเลอกแกไข
1.2 คลกแกไข "เมนดานบน" ทไอคอนดนสอ หรอคลกป ม
ระบบจะพาเขาหนา แกไขกาหนดคา แบบเดยวกน
11
คลก “เพมเมน” ระบบจะพาไปยงหนาระบบเมน
ตวอยางระบบม 2 กลมเมน คอ เมน
ดานบน ,เมนดานขาง
โดยสามารถเพมกลมใหมไดเอง ดงน
-- กรอกชอกลมเมน กด บนทก
หรอแกไขชอเมนจากตวอยางระบบ
(หนาถดไป)
(ตอ) เมนดานบน (Top Menu)แกไขชอเมนจากตวอยางระบบ คลกตรงสญลกษณ 3 ขด เพอคลเมนในกลม ตามภาพ
จะแสดงเมนในกลมทม สามารถเพมเมนใหม หรอ แกไขชอจากเมนตวอยางไดเลย ดงน
-- เพมเมนใหม
-กรอกชอเมน
-เลอกประเภทลงก : --ลงกภายในระบบ เลอกเชอมกบระบบภายใน
จากชอง “เมนภายใน”--ลงกภายนอกระบบ ระบบจะแสดงชองใหกรอก
url ลงกออกไปเวบภายนอก
-กาหนดรปแบบลงก : -- คาเรมตน : เปดอยในหนาตางเดม
-- เปดหนาใหม : เปดแสดงหนาตาง tabใหม
-สถานะไอคอน : ไมแสดง / แสดงดานซาย /แสดงดานขวา
-จดการไอคอน : เพมไอคอนไวในเมน ซาย/ขวา เลอกไดเองจากสถานะไอคอน
(ตอ) เมนดานบน (Top Menu)จะแสดงเมนในกลมทม สามารถเพมเมนใหม หรอ แกไขชอจากเมนตวอยางไดเลย ดงน
--แกไขชอเมน
สามารถแกไขชอเมน กาหนดคาเมนไดเอง แบบเดยวกบ เพมเมนใหม
เปด/ปด แกไข คดลอก แปลภาษา link ลบ
เปด/ปด : เปด-ปด การแสดงเมนหนาเวบ
แกไข : แกไขชอเมน
คดลอก : คดลอกเมน ทาซาเมน
แปลภาษา : แปลไปยงภาษาอน เมอใชงานมากกวา 1 ภาษา โดยเลอกภาษาทตองการแปล กรอกขอ
ขอความตามภาษานน แลว บนทก เชน หนาหลก เลอกแปลไป English กกรอก Home เปนตน
Link : url link สามารถนาไปใชงานเชอมกบขอความ ภาพได
ลบ : ลบเมน
แบนเนอรหลก (Main Banner)1.1 คลก ไอคอนเฟองสสม ระบบจะแสดงรายการใหเลอกแกไข
1.2 คลกแกไข "แบนเนอรหลก" ทไอคอนดนสอ หรอคลกป ม
ระบบจะพาเขาหนา แกไขกาหนดคา แบบเดยวกน
1.3 เลอกหมวดหมแบนเนอรทสรางไว การจดเรยง และ จานวนแสดงผล ตามลาดบ และ คลก
Save changes
แบนเนอรหลก (Main Banner)กรณยงไมไดอพโหลดภาพ ในระบบแบนเนอร
--เพมแบนเนอร ดงน
ระบบพาไปยง ระบบแบนเนอร เพอทาการสราง หมวดหมแบนเนอรกอน เมอเรยบรอยแลว บนทก
ตามภาพ
ระบชอหมวดแบนเนอร
ระบคาอธบาย หรอไมระบกได
(ตอ) แบนเนอรหลก (Main Banner)หลงจากสรางหมวดหมเรยบรอยแลว คลก จดการแบนเนอร เพอ เพมแบนเนอร ลงในหมวดหมทสรางไวกอนหนาน เรยบรอยแลว บนทก
1
ชอแบนเนอร
คาอธบายแบนเนอร
url link ถาม
เลอกหมวดทสรางไว
ระบบแสดงขนาดของแบนเนอร ไมสามารถปรบขนาดจากสวนนได
หลงจากอพโหลดภาพเขาระบบแบนเนอรแลว กสามารถกลบไปยงหนา ปรบแตงเวบไซต
เพอเลอกขอมลมาแสดง ดงขอ 1.3 ไดเลย
เนอหาหลก (Content)คลกไอคอนเฟองสสม ระบบจะแสดงรายการ
ทงหมดของเนอหาหลก (Content)
คลก +เพมเนอหาใหม แถบบารสเขยว
ระบบจะแสดงวดเจต (Widget) ดงน
Product , Article , Clip , Gallery ,
Event , HTML
คลกเลอกสนคาอยางใดอยางหนง
จากทงหมด 4 รปแบบ ดงน
สนคาสไลด , สนคา 2 คอลมน ,
สนคา 3 คอลมน , สนคา 4 คอลมน
เมอเลอกรปแบบไดแลว ใหกรอกชอหวขอ/เลอกไอคอน , เลอกขอมลมาแสดง
, ตาแหนงการแสดง ตามลาดบ และ ทาการคลก Save changes
จากภาพเลอกรปแบบ สนคาสไลด
(ตอ) เนอหาหลก (Content)
เมอสนคาเปลยนตามทเลอกขอมลมาแสดงแลว ใหทาการคลกอพเดทหนาเวบไซตป มสเขยว บรเวณดานบนขวามอ
เพยงเทานสนคากจะแสดงทหนาเวบแลว
หมายเหต : วดเจต (Widget) = Article , Clip , Gallery , Event , HTML จดการลกษณะเดยวกนกบ Product
(ตอ) ตวอยางการเพม HTML
- เมอกลอง HTML ปรากฏขนมาแลว
คลกบรเวณทตองการแกไข
ระบบจะแสดง กลองเครองมอ
(Text Editor) ขนมา
- เมอใสขอมลตามทตองการเรยบรอย
แลว คลก Save ทไอคอนแผนดสก
และ คลกอพเดทหนาเวบไซตป มส
เขยว บรเวณดานบนขวามอ เพยง
เทาน HTMLกจะแสดงทหนาเวบแลว
ตวอยางการเพม HTML
- คลกเฟองสสม และ คลก +เพมเนอหาใหม แถบบารสเขยว
- เลอกวดเจต (Widget) : HTML และ รปแบบของ HTML
(ตวอยางเลอก HTML 1 Column)
- เลอกตาแหนงการแสดงผล และ Save changes
กลองเครองมอ(Text Editor) HTML 1 Column
(ตอ) เนอหาหลก (Content)
การจดเรยงลาดบการแสดงผลของเนอหาหลก (ภาพท 1)
- คลกไอคอนเฟองสสม ระบบจะแสดงรายการทงหมดของเนอหาหลก (Content)
- คลกซายคางไวทรายการใดรายการหนง และลากไปยงตาแหนงทตองการ เชน ตองการให HTML 1 Column ไปอยลาดบบนสด
ใหทาการคลกซายคางไวและลากขนไปยงบนสด หากไดตาแหนงทตองการแลว ใหปลอยมอ เพยงเทานกสามารถเรยงลาดบไดแลว
HTML 1 Column
สนคา สไลด
HTML 1 Column
สนคา สไลด
เมอจดเรยงลาดบการแสดงผลของเนอหาหลกเรยบรอยแลว คลกอพเดทหนาเวบไซตป มสเขยว บรเวณดานบนขวามอ
เพยงเทานหนาเวบจะแสดงเนอหาตามทจดเรยงแลว (ภาพท 2)
ภาพท 2
ภาพท 1
ตาแหนง footer (ดานลาง)คลกบรเวณเนอหา จะปรากฏกลองเครองมอ Text Editor ขนมา ตามภาพ
เครองมอ Text Editor
สามารถคลกตาแหนงขอความ ภาพ แกไขเนอหาใหมไดเลย โดยใชเครองมอดงน
อธบายเครองมอคราวๆ ดงน
1.เลอกปรบฟอนต ขนาดตวอกษรไดตามระบบ
2.Icons เลอกไอคอนสาหรบวางหนาขอความ หลงขอความ หรอตามตองการใน
editor3.รปโซ insert/edit link สาหรบเชอมลงค ขอความ ภาพ หรอป ม เพอใหคลกแลวไปยงลงคทตองการ
4.อพโหลดภาพ insert/edit image อพโหลดภาพจากเครอง หรอดงจากจดการไฟล ตามภาพ
คลกป มตรงชอง source ตามภาพ
ระบบจะรนไป จดการไฟล เพอทาการอพโหลด
ภาพจากคอมเขาในระบบ และดงไปใชงาน
คลกป ม upload files ตามภาพ
ตาแหนง footer (ดานลาง)อธบายเครองมอ Text Editor คราวๆ ตามภาพ
5.อพโหลดคลป สามารถนาคลปจากลงคยทปมาวาง ในชอง insert/edit video ไดเลย
(*หากคลปสวนตว แนะนาอพโหลดขนยทปแลวนา url link มาใชงาน*)
6.อพโหลดภาพ *องตามขอ 4. insert/edit image7.รปโซ insert/edit link สาหรบเชอมลงค ขอความ ภาพ หรอป ม เพอใหคลกแลวไปยงลงคทตองการ *องตามขอ 3.
8.การสรางตาราง ใชเครองมอ table คลก insert table เลอกขอมลตาราง --แนวนอน เรยกวา คอลมน
--แนวตง เรยกวา แถว
*เลอก insert คอลมน กบแถวไดตามตองการ ตามภาพ
ตวอยาง
ตาราง 5 คอลมน 3 แถว