แก้ไขเว็บไซต์

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

ในโหมดแก้ไข คุณจะเห็นว่าเว็บไซต์มีสามสล็อต ซึ่งเป็นพื้นที่ที่มีอยู่บนเพจ (ขึ้นอยู่กับเลย์เอาต์เพจ) วางเมาส์เหนือ + แต่ละตัวบนเพจเพื่อดูสล็อต เช่น ส่วนหัว เนื้อหา และส่วนท้าย


คำอธิบาย GUID-00E6B9AF-7A95-42C0-9EDC-D84C9373F16E-default.png มีดังนี้
คำอธิบายภาพ GUID-00E6B9AF-7A95-42C0-9EDC-D84C9373F16E-default.png

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

ก่อนอื่น เราจะสร้างโฮมเพจกัน นี่คือหน้าตาของโฮมเพจเมื่อเสร็จสมบูรณ์


คำอธิบาย GUID-82FEC35A-DC1B-4E53-8821-9008CCC60C56-default.png มีดังนี้
คำอธิบายภาพ GUID-82FEC35A-DC1B-4E53-8821-9008CCC60C56-default.png
เราจะใช้องค์ประกอบที่มาพร้อมผลิตภัณฑ์เพื่อใส่ข้อมูลในสล็อตส่วนหัว:
  1. ในแถบด้านข้างด้านซ้าย ให้คลิก ไอคอนองค์ประกอบ แล้วคลิก ตัวเลือก เพื่อแสดงลิสต์ขององค์ประกอบที่มาพร้อมกับ Oracle Content Management
  2. ในแถบด้านข้างด้านซ้าย ให้มองหาองค์ประกอบที่มาพร้อมผลิตภัณฑ์ที่ชื่อว่า กลุ่มองค์ประกอบ ลากและวางลงในสล็อตส่วนหัว


    คำอธิบาย GUID-67CAE599-0B88-416C-AEF3-EAD8FC7E420C-default.png มีดังนี้
    คำอธิบายภาพ GUID-67CAE599-0B88-416C-AEF3-EAD8FC7E420C-default.png

  3. คลิกไอคอนเมนูของกลุ่มองค์ประกอบ ไอคอนเมนูของกลุ่มองค์ประกอบ แล้วคลิก การตั้งค่า ในการตั้งค่า คลิกลิสต์แบบดรอปดาวน์ สี (มีที่ด้านล่างของลิสต์การตั้งค่า) แล้วคลิก เพิ่มเติม ป้อน #333333 แล้วคลิก ตกลง


    คำอธิบาย GUID-6740BAC7-E7E5-40EE-ACBB-F055FD69B3C1-default.png มีดังนี้
    คำอธิบายภาพ GUID-6740BAC7-E7E5-40EE-ACBB-F055FD69B3C1-default.png

  4. ลากและวางองค์ประกอบรูปภาพในกลุ่มองค์ประกอบ


    คำอธิบาย GUID-3DEB520E-A067-4E49-88B3-59F0425AB035-default.png มีดังนี้
    คำอธิบายภาพ GUID-3DEB520E-A067-4E49-88B3-59F0425AB035-default.png

  5. คลิกไอคอนเมนูขององค์ประกอบรูปภาพ เมนูองค์ประกอบ แล้วคลิก การตั้งค่า ทำการตั้งค่าในแท็บ ทั่วไป ให้เสร็จสมบูรณ์
    คุณสมบัติ ค่า
    เลือก Logo.png จากโฟลเดอร์ Minimal-Images
    การจัดแนว ซ้าย
    ความกว้าง ยกเลิกการเลือก ตั้งค่าความกว้าง
    บนสุด 1.2vw
    ล่างสุด 30px
    ซ้าย 6vw
    ขวา 0

    คำอธิบาย GUID-8030FFAF-3DC0-4217-8733-01C3A53CEF8E-default.png มีดังนี้
    คำอธิบายภาพ GUID-8030FFAF-3DC0-4217-8733-01C3A53CEF8E-default.png

    คำอธิบาย GUID-F9B34895-7DCD-40AA-B4CF-3404820C20DD-default.png มีดังนี้
    คำอธิบายภาพ GUID-F9B34895-7DCD-40AA-B4CF-3404820C20DD-default.png
  6. เราจะมาเชื่อมโยงรูปภาพโลโก้นี้กับโฮมเพจ ทำการตั้งค่าองค์ประกอบรูปภาพในแท็บ ลิงค์ ให้เสร็จสมบูรณ์
    คุณสมบัติ ค่า
    เลือกประเภทลิงค์ เพจไซต์
    เพจ โฮม
    เป้าหมาย เปิดในวินโดว์เดียวกัน
  7. ในแถบด้านข้างด้านซ้าย ให้คลิก ไอคอนย้อนกลับ และคลิก กำหนดเอง เพื่อแสดงลิสต์ขององค์ประกอบที่กำหนดเอง
  8. ตอนนี้เราจะเพิ่มเมนูการนาวิเกตไปยังโฮมเพจโดยใช้องค์ประกอบที่กำหนดเอง Minimal-NavMenu ลากและวางองค์ประกอบ Minimal-NavMenu ในกลุ่มองค์ประกอบ ทางด้านขวาขององค์ประกอบรูปภาพ คลิกชื่อขององค์ประกอบ Minimal-NavMenu เพื่อให้แน่ใจว่ารายการระดับบนเป็นกลุ่มองค์ประกอบที่คุณเพิ่มไว้ก่อนหน้านี้ นี่เป็นวิธีที่มีประโยชน์ในการดูว่าองค์ประกอบอยู่ที่ใดภายในโครงสร้างของเว็บเพจ


    คำอธิบาย GUID-3C07D4E7-5154-4ED8-9A9E-F06A44A14D63-default.png มีดังนี้
    คำอธิบายภาพ GUID-3C07D4E7-5154-4ED8-9A9E-F06A44A14D63-default.png

    ทำการตั้งค่าในแท็บ ทั่วไป ให้เสร็จสมบูรณ์

    คุณสมบัติ ค่า
    การจัดแนว ขวา
    บนสุด 1.2vw
    ล่างสุด 0
    ซ้าย 0
    ขวา 6vw
  9. ตอนนี้ส่วนหัวพร้อมแล้ว เราจะมาบันทึกกลุ่มองค์ประกอบนี้เป็นกลุ่มองค์ประกอบที่กำหนดเองเพื่อที่เราจะได้สามารถใช้ในเพจของเว็บไซต์อื่นๆ ได้ในภายหลัง คลิกชื่อของกลุ่มองค์ประกอบ แล้วคลิกไอคอนเมนู ไอคอนเมนูของกลุ่มองค์ประกอบ จากนั้นคลิก บันทึก ในไดอะล็อก "บันทึกกลุ่มองค์ประกอบ" ในฟิลด์ ชื่อ ให้ป้อน "ส่วนหัวของ Minimal" แล้วคลิก บันทึก


    คำอธิบาย GUID-1068ED91-959E-4053-8188-4D85DE630E1B-default.png มีดังนี้
    คำอธิบายภาพ GUID-1068ED91-959E-4053-8188-4D85DE630E1B-default.png

    เคล็ดลับ:

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


    คำอธิบาย GUID-C6CF24C6-F51E-4139-B5F9-5CC1955C7519-default.png มีดังนี้
    คำอธิบายภาพ GUID-C6CF24C6-F51E-4139-B5F9-5CC1955C7519-default.png

  10. คลิก บันทึก ที่มุมขวาบนของตัวสร้างไซต์เพื่อบันทึกการเปลี่ยนแปลงของคุณ สล็อตส่วนหัวควรมีลักษณะเหมือนภาพต่อไปนี้


    คำอธิบาย GUID-717EF556-34E8-47BC-B9AA-4152D2A0FD77-default.png มีดังนี้
    คำอธิบายภาพ GUID-717EF556-34E8-47BC-B9AA-4152D2A0FD77-default.png

เราจะมาต่อกันที่สล็อตเนื้อหา:
  1. ในแถบด้านข้างด้านซ้าย ให้คลิก ไอคอนย้อนกลับ แล้วคลิก ตัวเลือก
  2. จากแถบด้านข้างด้านซ้าย ให้ลากและวางกลุ่มองค์ประกอบลงในสล็อตเนื้อหา เราจะสร้างแบนเนอร์โดยใช้กลุ่มองค์ประกอบนี้และองค์ประกอบต่างๆ (ซึ่งเราจะเพิ่มในนั้น)
  3. ในแถบด้านข้างด้านซ้าย คลิก ไอคอนเลย์เอาต์ส่วน.ช
  4. ลากและวางเลย์เอาต์ส่วนสองคอลัมน์ลงในกลุ่มองค์ประกอบ


    คำอธิบาย GUID-60AED236-5F6A-46BF-A414-1438641F4ECA-default.png มีดังนี้
    คำอธิบายภาพ GUID-60AED236-5F6A-46BF-A414-1438641F4ECA-default.png

  5. ทำการตั้งค่าของเลย์เอาต์ส่วนในแท็บ ทั่วไป ให้เสร็จสมบูรณ์ คลิก การตั้งค่าที่กำหนดเอง เพื่อระบุการตั้งค่าต่อไปนี้
    คุณสมบัติ ค่า
    ความกว้างของคอลัมน์แรก (%) 43
    ความกว้างของคอลัมน์ที่สอง (%) 57
    จุดพักแบบโต้ตอบ (พิกเซล) 1,023
    การทำงานแบบโต้ตอบ ซ่อนคอลัมน์แรก

    ทำการตั้งค่าในแท็บ พื้นหลัง ให้เสร็จสมบูรณ์

    คุณสมบัติ ค่า
    รูปภาพ Banner1.jpg จากโฟลเดอร์ Minimal-Images
    ตำแหน่ง กึ่งกลางตรงกลาง
    สเกล ปรับให้พอดี
  6. ในแถบด้านข้างด้านซ้าย ให้คลิก ไอคอนองค์ประกอบ เพื่อดูลิสต์องค์ประกอบที่เป็นตัวเลือก
  7. จากลิสต์องค์ประกอบที่เป็นตัวเลือก ให้ลากและวางองค์ประกอบชื่อลงในคอลัมน์ที่สองของเลย์เอาต์สองคอลัมน์


    คำอธิบาย GUID-CF55C579-3FF3-460B-B608-5A485C7EF02D-default.png มีดังนี้
    คำอธิบายภาพ GUID-CF55C579-3FF3-460B-B608-5A485C7EF02D-default.png


    คำอธิบาย GUID-A6E0ECFE-1FCE-4F8C-96E4-9788E395CA34-default.png มีดังนี้
    คำอธิบายภาพ GUID-A6E0ECFE-1FCE-4F8C-96E4-9788E395CA34-default.png
  8. คลิกในองค์ประกอบชื่อ แล้วป้อน "WELCOME TO THE REVOLUTION" เลือกข้อความและตั้งค่าสีตัวอักษรเป็น สีขาว ในโปรแกรมแก้ไขข้อความ ทำการตั้งค่าองค์ประกอบชื่อในแท็บ ทั่วไป ให้เสร็จสมบูรณ์
    คุณสมบัติ ค่า
    บนสุด 6vw
    ล่างสุด 1.8vw
    ซ้าย 6vw
    ขวา 6vw
  9. จากลิสต์องค์ประกอบที่เป็นตัวเลือกในแถบด้านข้างด้านซ้าย ให้ลากและวางองค์ประกอบย่อหน้าด้านล่างองค์ประกอบชื่อ ภายในคอลัมน์ที่สองของเลย์เอาต์สองคอลัมน์ ทำการตั้งค่าในแท็บ ทั่วไป ให้เสร็จสมบูรณ์
    คุณสมบัติ ค่า
    บนสุด 1.8vw
    ล่างสุด 6vw
    ซ้าย 6vw
    ขวา 6vw
  10. คลิกที่องค์ประกอบย่อหน้าเพื่อป้อนข้อความต่อไปนี้

    "ฉันคือย่อหน้า คลิกที่นี่เพื่อเพิ่มข้อความของคุณเองและแก้ไขฉัน ฉันเป็นที่ที่เหมาะให้คุณได้บอกเล่าเรื่องราวและบอกให้ผู้ใช้ของคุณทราบเพิ่มเติมอีกเล็กน้อยเกี่ยวกับตัวคุณและหน่วยงานของคุณ"

    เลือกข้อความและตั้งค่าขนาดเป็น 24 ในโปรแกรมแก้ไขข้อความ นอกจากนี้ให้ตั้งค่าสีตัวอักษรเป็น สีขาว ในโปรแกรมแก้ไขข้อความ


    คำอธิบาย GUID-399EE9A6-F882-40F9-8028-BB930A5FDC49-default.png มีดังนี้
    คำอธิบายภาพ GUID-399EE9A6-F882-40F9-8028-BB930A5FDC49-default.png

  11. ตอนนี้แบนเนอร์พร้อมแล้ว เราจะมาบันทึกกลุ่มองค์ประกอบนี้เป็นกลุ่มองค์ประกอบที่กำหนดเองเพื่อที่เราจะได้สามารถใช้ในเพจของเว็บไซต์อื่นๆ ได้ในภายหลัง คลิกไอคอนเมนูของกลุ่มองค์ประกอบ ไอคอนเมนูของกลุ่มองค์ประกอบ แล้วคลิก บันทึก ในไดอะล็อก "บันทึกกลุ่มองค์ประกอบ" ในฟิลด์ ชื่อ ให้ป้อน "Minimal-Banner" แล้วคลิก บันทึก ตอนนี้คุณจะสังเกตว่าชื่อ (Minimal-Banner) แสดงขึ้นสำหรับกลุ่มองค์ประกอบ


    คำอธิบาย GUID-E27E6BA0-E663-415F-A93D-C6C0C44D78A7-default.png มีดังนี้
    คำอธิบายภาพ GUID-E27E6BA0-E663-415F-A93D-C6C0C44D78A7-default.png

  12. จากแถบด้านข้างด้านซ้าย ให้ลากและวางกลุ่มองค์ประกอบอื่นลงในสล็อตเนื้อหา ด้านล่างกลุ่มองค์ประกอบ Minimal-Banner ที่คุณเพิ่มไว้แล้ว


    คำอธิบาย GUID-E7AAB67A-2CC8-49C8-B655-F60B6E64C46A-default.png มีดังนี้
    คำอธิบายภาพ GUID-E7AAB67A-2CC8-49C8-B655-F60B6E64C46A-default.png

  13. ลากและวางองค์ประกอบชื่อลงในกลุ่มองค์ประกอบ
  14. คลิกในองค์ประกอบชื่อ แล้วป้อน "ยินดีต้อนรับสู่ OCE Minimal"
  15. ทำการตั้งค่าองค์ประกอบชื่อในแท็บ ทั่วไป ให้เสร็จสมบูรณ์
    คุณสมบัติ ค่า
    บนสุด 3vw
    ล่างสุด 1.8vw
    ซ้าย 6vw
    ขวา 6vw

    คำอธิบาย GUID-515D7B63-7AB4-4FF6-94AD-0C30A331A7BC-default.png มีดังนี้
    คำอธิบายภาพ GUID-515D7B63-7AB4-4FF6-94AD-0C30A331A7BC-default.png
  16. จากแถบด้านข้างด้านซ้าย ให้ลากและวางองค์ประกอบย่อหน้าด้านล่างองค์ประกอบชื่อ ลงในกลุ่มองค์ประกอบ คลิกที่องค์ประกอบย่อหน้าเพื่อป้อนข้อความต่อไปนี้

    "Oracle Content Management คือศูนย์รวมเนื้อหาบนคลาวด์ที่ช่วยให้คุณสามารถจัดการเนื้อหาหลากหลายช่องทาง และส่งมอบประสบการณ์การใช้งานได้อย่างรวดเร็ว มาพร้อมกับความสามารถในการทำงานร่วมกันและการจัดการเวิร์กโฟลว์ที่ทรงพลังเพื่อเพิ่มประสิทธิภาพของการสร้างและการส่งมอบเนื้อหา"

    "Oracle Content Management มาพร้อมกับเครื่องมือที่เรียบง่ายและใช้งานง่ายสำหรับการสร้างเว็บไซต์ คุณสามารถสร้างเว็บไซต์อย่างรวดเร็วด้วยการใช้ประโยชน์จากคุณสมบัติที่ทรงพลังต่างๆ ที่ Oracle Content Management มีให้"

  17. ทำการตั้งค่าองค์ประกอบย่อหน้าในแท็บ ทั่วไป ให้เสร็จสมบูรณ์
    คุณสมบัติ ค่า
    บนสุด 20px
    ล่างสุด 50px
    ซ้าย 6vw
    ขวา 6vw

    คำอธิบาย GUID-D8B86A72-DC68-4FD3-B664-2603244316FD-default.png มีดังนี้
    คำอธิบายภาพ GUID-D8B86A72-DC68-4FD3-B664-2603244316FD-default.png
  18. เราดำเนินการกับสล็อตเนื้อหาเรียบร้อยแล้ว เราจะมาบันทึกกลุ่มองค์ประกอบเป็นกลุ่มองค์ประกอบที่กำหนดเองเพื่อที่เราจะได้สามารถใช้ในเพจของเว็บไซต์อื่นๆ ได้ในภายหลัง คลิกไอคอนเมนูของกลุ่มองค์ประกอบ ไอคอนเมนูของกลุ่มองค์ประกอบ แล้วคลิก บันทึก ในไดอะล็อก "บันทึกกลุ่มองค์ประกอบ" ในฟิลด์ ชื่อ ให้ป้อน "Minimal-Body" แล้วคลิก บันทึก
  19. คลิก บันทึก ที่มุมขวาบนของตัวสร้างไซต์เพื่อบันทึกการเปลี่ยนแปลงของคุณ สล็อตเนื้อหาควรมีลักษณะเหมือนภาพต่อไปนี้


    คำอธิบาย GUID-1A515BF0-6607-44F7-978B-1B9472E72901-default.png มีดังนี้
    คำอธิบายภาพ GUID-1A515BF0-6607-44F7-978B-1B9472E72901-default.png

ต่อไปเราจะดำเนินการกับสล็อตส่วนท้าย:
  1. จากแถบด้านข้างด้านซ้าย ให้ลากและวางกลุ่มองค์ประกอบลงในสล็อตส่วนท้าย ในการตั้งค่าของกลุ่มองค์ประกอบ ให้ตั้งค่าฟิลด์ สี เป็น #333333


    คำอธิบาย GUID-8852AFA2-9F6E-4F36-9071-E8CB4256116C-default.png มีดังนี้
    คำอธิบายภาพ GUID-8852AFA2-9F6E-4F36-9071-E8CB4256116C-default.png

  2. ลากและวางองค์ประกอบรูปภาพลงในกลุ่มองค์ประกอบและทำการตั้งค่าในแท็บ ทั่วไป ให้เสร็จสมบูรณ์
    คุณสมบัติ ค่า
    เลือก Powered_by_OCE.png จากโฟลเดอร์ Minimal-Images
    การจัดแนว ซ้าย
    ความกว้าง ยกเลิกการเลือก ตั้งค่าความกว้าง
    บนสุด 0.9vw
    ล่างสุด 0.9vw
    ซ้าย 6vw
    ขวา 0
  3. จากแถบด้านข้างด้านซ้าย ให้ลากและวางองค์ประกอบแถบข้อมูลสังคมในกลุ่มองค์ประกอบ ทางด้านขวาขององค์ประกอบรูปภาพ


    คำอธิบาย GUID-46FE020A-AF6D-4BE3-BFBB-EECBFC576CC3-default.png มีดังนี้
    คำอธิบายภาพ GUID-46FE020A-AF6D-4BE3-BFBB-EECBFC576CC3-default.png

    ทำการตั้งค่าสำหรับองค์ประกอบแถบข้อมูลสังคมในแท็บ ทั่วไป ให้เสร็จสมบูรณ์

    คุณสมบัติ ค่า
    บนสุด 1.8vw
    ล่างสุด 1.8vw
    ซ้าย 0.3vw
    ขวา 6vw

    ในแท็บ ทั่วไป ให้คลิก ไอคอน แล้วคลิกชื่อไอคอนเพื่อทำการตั้งค่าให้เสร็จสมบูรณ์

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


    คำอธิบาย GUID-11801720-9060-4A9D-9D7E-52A4C7295FB7-default.png มีดังนี้
    คำอธิบายภาพ GUID-11801720-9060-4A9D-9D7E-52A4C7295FB7-default.png

  5. คลิก บันทึก ที่มุมขวาบนของตัวสร้างไซต์เพื่อบันทึกการเปลี่ยนแปลงของคุณ

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

คุณสร้างโฮมเพจเสร็จสมบูรณ์แล้ว เราจะมาสร้างเพจ CONTACT US (ติดต่อเรา) กัน นี่คือหน้าตาของเพจผู้ติดต่อเมื่อเสร็จสมบูรณ์


คำอธิบาย GUID-DF490F84-D4EC-4124-B597-E30C5EB5609F-default.png มีดังนี้
คำอธิบายภาพ GUID-DF490F84-D4EC-4124-B597-E30C5EB5609F-default.png
เราจะมาเพิ่มองค์ประกอบลงในสล็อตต่างๆ กัน:
  1. ในแถบด้านข้างด้านซ้าย ให้คลิก ไอคอนเพจ แล้วคลิก เพิ่มเพจ
  2. ป้อน "CONTACT US" (ติดต่อเรา) ในฟิลด์ ชื่อเพจ แล้วคลิก ปิด คุณได้เพิ่มเพจใหม่ไปยังเว็บไซต์ของคุณแล้ว
  3. ในแถบด้านข้างด้านซ้าย ให้คลิก ไอคอนองค์ประกอบ แล้วคลิก กำหนดเอง
  4. ลากและวางองค์ประกอบ Minimal-Header (ซึ่งคุณสร้างและบันทึกไว้ก่อนหน้านี้) ลงในสล็อตส่วนหัว


    คำอธิบาย GUID-EEE0AFB4-A9A5-4362-9100-80BB1494E464-default.png มีดังนี้
    คำอธิบายภาพ GUID-EEE0AFB4-A9A5-4362-9100-80BB1494E464-default.png


    คำอธิบาย GUID-0D2B488D-7A09-4920-81CE-44F8F508F8E8-default.png มีดังนี้
    คำอธิบายภาพ GUID-0D2B488D-7A09-4920-81CE-44F8F508F8E8-default.png

    โปรดสังเกตว่าองค์ประกอบ Minimal-NavMenu ได้เลือกเพจ CONTACT US (ติดต่อเรา) ใหม่ที่คุณเพิ่งสร้างให้โดยอัตโนมัติ


    คำอธิบาย GUID-A9F9AD69-F6E2-4715-8885-26FDF5DFDF1D-default.png มีดังนี้
    คำอธิบายภาพ GUID-A9F9AD69-F6E2-4715-8885-26FDF5DFDF1D-default.png
  5. จากแถบด้านข้างด้านซ้าย ให้ลากและวางองค์ประกอบ Minimal-Banner ลงในสล็อตเนื้อหา


    คำอธิบาย GUID-CD535225-E948-40F2-AA4A-C092022981BD-default.png มีดังนี้
    คำอธิบายภาพ GUID-CD535225-E948-40F2-AA4A-C092022981BD-default.png

  6. เราจะมาแก้ไขแบนเนอร์เพื่อให้ดูต่างจากแบนเนอร์ของโฮมเพจ และเหมาะกับเพจ CONTACT US (ติดต่อเรา) ภายในกลุ่มองค์ประกอบ ให้แก้ไขการตั้งค่าสำหรับเลย์เอาต์ส่วนสองคอลัมน์:

    ในแท็บ พื้นหลัง ในฟิลด์ รูปภาพ ให้คลิก เลือกรูปภาพ แล้วเลือก Banner2.jpg จากโฟลเดอร์ Minimal-Images ที่คุณสร้างไว้ก่อนหน้านี้ใน เอกสาร


    คำอธิบาย GUID-B89812E5-369F-4E2C-8EFD-40DA5B9DB487-default.png มีดังนี้
    คำอธิบายภาพ GUID-B89812E5-369F-4E2C-8EFD-40DA5B9DB487-default.png
  7. ภายในเลย์เอาต์ส่วนสองคอลัมน์ ให้แก้ไขข้อความในองค์ประกอบชื่อและย่อหน้า
    • ป้อน "ต้องการเรียนรู้เพิ่มเติมหรือไม่" ในองค์ประกอบชื่อ
    • ป้อน "ค้นหาเอกสารการเรียนรู้เพิ่มเติมในเพจ CMS แบบเฮดเลส" ในองค์ประกอบย่อหน้า
  8. ในแถบด้านข้างด้านซ้าย ให้คลิก ไอคอนย้อนกลับ แล้วคลิก ตัวเลือก
  9. ภาพสำหรับเพจ CONTACT US (ติดต่อเรา) มีปุ่มที่ชื่อ OCE FOR DEVELOPERS เป็นส่วนหนึ่งของแบนเนอร์ เราจะมาเพิ่มปุ่มนี้ไปยังแบนเนอร์กัน ภายในกลุ่มองค์ประกอบ Minimal-Banner ให้ลากและวางองค์ประกอบปุ่มไปยังคอลัมน์ที่ 2 ของเลย์เอาต์ส่วนสองคอลัมน์ (ใต้องค์ประกอบย่อหน้าที่เพิ่มล่าสุด) ทำการตั้งค่าองค์ประกอบปุ่มในแท็บ ทั่วไป ให้เสร็จสมบูรณ์
    คุณสมบัติ ค่า
    ป้ายกำกับ OCE สำหรับผู้พัฒนา
    บนสุด 0.3vw
    ล่างสุด 3vw
    ซ้าย 6vw
    ขวา 0.3vw

    ในแท็บ สไตล์ เลือก ปรับแต่ง และดำเนินการตั้งค่าให้เรียบร้อย

    คุณสมบัติ ค่า
    สีพื้นหลัง #c0d600
    แบบอักษร
    • ป้อน 24 เป็นขนาด
    • ป้อนสี #58595b
    เส้นขอบ ไม่มี
    สีเมื่อเลื่อนเมาส์ทับ
    • ตั้งค่า พื้นหลัง เป็น #e1fa00
    • ตั้งค่า แบบอักษร เป็น #58595b
    • ตั้งค่า เส้นขอบ เป็น #2222dd
    มุม 0

    ทำการตั้งค่าในแท็บ ลิงค์ ให้เสร็จสมบูรณ์

    คุณสมบัติ ค่า
    เลือกประเภทลิงค์ เว็บเพจ
    URL http://www.oracle.com/pls/topic/lookup?ctx=cloud&id=content-cloud-headless
    เป้าหมาย เปิดในวินโดว์ใหม่

    คำอธิบาย GUID-2D527893-A2D4-4F11-8375-792FA3ABE725-default.png มีดังนี้
    คำอธิบายภาพ GUID-2D527893-A2D4-4F11-8375-792FA3ABE725-default.png

    คำอธิบาย GUID-CFA88AD0-4A14-4FB0-A4C0-6710D4B53F7B-default.png มีดังนี้
    คำอธิบายภาพ GUID-CFA88AD0-4A14-4FB0-A4C0-6710D4B53F7B-default.png
  10. ในแถบด้านข้างด้านซ้าย ให้คลิก ไอคอนย้อนกลับ แล้วคลิก กำหนดเอง
  11. ลากและวางองค์ประกอบเนื้อหาของ Minimal ด้านล่างองค์ประกอบแบนเนอร์ของ Minimal ลงในสล็อตเนื้อหา
  12. ภายในองค์ประกอบเนื้อหาของ Minimal ให้แก้ไขข้อความในองค์ประกอบชื่อและย่อหน้า
    1. ป้อน "เชื่อมต่อกับเรา:" ในองค์ประกอบชื่อ
    2. ป้อนรายละเอียด เช่น อีเมล์แอดเดรสและลิงค์ที่เกี่ยวข้องกับการสนับสนุนอื่นๆ ในองค์ประกอบย่อหน้า:

      "ไปที่ ฟอรั่ม Oracle Cloud Connect เพื่อโพสต์การสืบค้นของคุณ"

      "คุณสามารถดูตัวอย่าง Oracle Content Management ได้ที่: https://www.oracle.com/middleware/technologies/content-experience-downloads.html"

  13. จากแถบด้านข้างด้านซ้าย ให้ลากและวางองค์ประกอบเนื้อหา Minimal ลงในสล็อตเนื้อหา ด้านล่างองค์ประกอบเนื้อหา Minimal ที่คุณเพิ่มไว้ก่อนหน้านี้
  14. ในการตั้งค่าของกลุ่มองค์ประกอบ ในแท็บ พื้นหลัง ให้ตั้งค่าฟิลด์ สี เป็น #696969
  15. ภายในองค์ประกอบเนื้อหาของ Minimal ให้แก้ไของค์ประกอบชื่อและย่อหน้า
    1. ป้อน "ตำแหน่งที่ตั้ง" ในองค์ประกอบชื่อ เลือกข้อความและตั้งค่าสีตัวอักษรเป็น สีขาว ในโปรแกรมแก้ไขข้อความ
    2. ป้อนข้อความต่อไปนี้ในองค์ประกอบย่อหน้า

      "สำนักงานประจำภูมิภาค1:

      เลขที่อาคาร 1,

      เมือง1, เมือง1, ประเทศ1

      สำนักงานประจำภูมิภาค2:

      เลขที่อาคาร 2,

      เมือง2, จังหวัด2, ประเทศ2"

    เลือกข้อความและตั้งค่าสีตัวอักษรเป็น สีขาว ในโปรแกรมแก้ไขข้อความ
  16. ตอนนี้เราจะเพิ่มส่วนท้ายไปยังเพจ CONTACT US (ติดต่อเรา) กัน ลากและวางองค์ประกอบส่วนท้ายของ Minimal ลงในสล็อตส่วนท้าย
  17. คลิก บันทึก ที่มุมขวาบนของตัวสร้างไซต์เพื่อบันทึกการเปลี่ยนแปลงของคุณ

แสดงตัวอย่างเว็บไซต์ด้วยการคลิก ไอคอนแสดงตัวอย่าง ที่มุมขวาบนของตัวสร้างไซต์เพื่อให้แน่ใจว่าทุกอย่างออกมาดูดี ตรวจสอบให้แน่ใจว่ารูปภาพโลโก้บนเพจ CONTACT US (ติดต่อเรา) นำคุณกลับไปยังโฮมเพจเมื่อคลิก ทดสอบเมนูเพื่อให้แน่ใจว่าการนาวิเกตระหว่างเพจต่างๆ ของเว็บไซต์ทำงานได้ถูกต้อง

เว็บไซต์ของคุณพร้อมที่จะเผยแพร่แล้ว

ขั้นตอนถัดไป: เผยแพร่เว็บไซต์