สร้างธีม

คัดลอกธีม

1. บนโฮมเพจ ให้คลิก ผู้พัฒนา

   ระบบจะแสดงเพจ ผู้พัฒนา

2. คลิก ดูธีมทั้งหมด

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

3. เลือกธีมและเลือก คัดลอก ในเมนูแบบคลิกขวา หรือคลิก ในแถบการดำเนินการ

   โฟลเดอร์และไฟล์ทั้งหมดของธีมจะถูกคัดลอกด้วย รวมถึงตัวอย่างเพจและเนื้อหา

   หมายเหตุ:

   เมื่อคุณคัดลอกธีม ข้อมูลการใช้ร่วมกันสำหรับจะไม่ถูกคัดลอกด้วย

4. ป้อนชื่อสำหรับธีมที่คัดลอก คุณไม่สามารถใช้ชื่อที่ธีมอื่นใช้อยู่

   ชื่อต้องประกอบด้วยตัวอักษร ตัวเลข เครื่องหมายขีดล่าง (_) และเครื่องหมายขีดกลาง (-) หากคุณเว้นวรรค ระบบจะแทนที่เว้นวรรคด้วยเครื่องหมายขีดกลางโดยอัตโนมัติ

   ห้ามใช้ชื่อต่อไปนี้สำหรับเทมเพลท ธีม องค์ประกอบ ไซต์ หรือเพจของไซต์: authsite, content, pages, scstemplate_*, _comps, _components, _compsdelivery, _idcservice , _sitescloud, _sitesclouddelivery, _themes, _themesdelivery แม้ว่าคุณสามารถใช้ชื่อต่อไปนี้สำหรับเพจของไซต์ แต่ห้ามใช้สำหรับเทมเพลท ธีม องค์ประกอบ หรือไซต์: documents, sites

5. คุณสามารถเลือกป้อนคำอธิบายสำหรับธีม

6. คลิก คัดลอก

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

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

ตั้งค่าให้ใช้สไตล์ที่กำหนดเองในไซต์ได้หรือไม่

ผู้ดูแลระบบธีมสามารถระบุสไตล์ที่มาพร้อมกับธีม หรือปรับแต่งสไตล์ได้

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

หากต้องการอนุญาตการใช้สไตล์ที่กำหนดเองในไซต์ ให้ทำดังนี้

1. ซ่อนตัวเลือก ปรับแต่ง ในแผงข้อมูล การตั้งค่า สำหรับองค์ประกอบ

   ในไฟล์ components.json สำหรับธีม ให้เพิ่มออบเจกต์ต่อไปนี้พร้อมกับการกำหนดองค์ประกอบอื่นๆ:

   [
       {
           "showStyleClassOnly": "true"
       }
   ]

2. ปรับแต่งกลุ่มแถบเครื่องมือและปุ่มของ CKEditor เพื่อย้ายการกำหนดสไตล์ที่กำหนดเองออก:

   ในไฟล์ components.json สำหรับธีม คุณสามารถระบุคุณสมบัติ toolbarGroups และ removeButtons ของ CKEditor เพื่อปรับแต่งกลุ่มและปุ่มต่างๆ ภายในกลุ่มสำหรับองค์ประกอบ ชื่อ และ ย่อหน้า

   ตัวอย่างเช่น เพิ่มออบเจกต์ต่อไปนี้พร้อมกับการกำหนดองค์ประกอบอื่นๆ เพื่อย้ายสไตล์ แบบอักษร และสีจากกลุ่ม สไตล์ ออก:

   [
       {
           "name": "",
           "list": [
               {
                   "type": "scs-title",
                   "id": "scs-title",
                   "config": {
                       "toolbarGroups": [
                           {
                               "name": "basicstyles",
                               "groups": ["basicstyles"]
                           },
                           {
                               "name": "styles",
                               "groups": ["styles"]
                           },
                           {
                               "name": "colors",
                               "groups": ["colors"]
                           },
                           "/",
                           {
                               "name": "undo",
                               "groups": ["undo"]
                           },
                           {
                               "name": "links",
                               "groups": ["links"]
                           },
                           {
                               "name": "paragraph",
                               "groups": ["list", "indent"]
                           },
                           {
                               "name": "align",
                               "groups": ["align"]
                           },
                           {
                               "name": "cleanup",
                               "groups": ["cleanup"]
                           }
                       ],
                       "removeButtons": "Styles,Subscript,Superscript,Strike,Anchor,Blockquote,Link,Unlink,Font,TextColor,BGColor"
                   }
               },
               {
                   "type": "scs-paragraph",
                   "id": "scs-paragraph",
                   "config": {
                       "toolbarGroups": [
                           {
                               "name": "basicstyles",
                               "groups": ["basicstyles"]
                           },
                           {
                               "name": "styles",
                               "groups": ["styles"]
                           },
                           {
                               "name": "colors",
                               "groups": ["colors"]
                           },
                           "/",
                           {
                               "name": "undo",
                               "groups": ["undo"]
                           },
                           {
                               "name": "links",
                               "groups": ["links"]
                           },
                           {
                               "name": "paragraph",
                               "groups": ["list", "indent"]
                           },
                           {
                               "name": "align",
                               "groups": ["align"]
                           },
                           {
                               "name": "insert",
                               "groups": ["image", "table"]
                           },
                           {
                               "name": "cleanup",
                               "groups": ["cleanup"]
                           }
                       ],
                       "removeButtons": "Styles,Subscript,Superscript,Strike,Anchor,Blockquote,Link,Unlink,Font,TextColor,BGColor"
                   }
               }
           ]
       }
   ]

3. ป้องกันไม่ให้มีการวางการกำหนดสไตล์ใน CKEditor

   การวางจะเป็นไปตามสไตล์และปุ่มที่คอนฟิเกอร์ไว้ สำหรับตัวอย่างก่อนหน้า แบบอักษร ถูกย้ายออกจากข้อมูลที่วาง

ซ่อนองค์ประกอบและเลย์เอาต์ส่วนสำหรับธีม

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

ตรวจสอบธีมกับไซต์

หลังจากที่คุณแก้ไขธีมเรียบร้อยแล้ว คุณต้องตรวจสอบว่าทุกส่วนทำงานกับไซต์ได้อย่างที่ต้องการ

1. ตรวจสอบให้แน่ใจว่าคุณได้ซิงโครไนซ์โฟลเดอร์และไฟล์ที่คัดลอกกับแอปเดสก์ท็อป Oracle Content Management และตรวจสอบว่าได้บันทึกการแก้ไขทั้งหมดแล้ว

2. เปิดไซต์ (สามารถเป็นไซต์ทดสอบหรือไซต์ออฟไลน์ที่มีอยู่) ในตัวสร้างไซต์และเปลี่ยนให้ไซต์ใช้ธีมใหม่

3. ทดสอบไซต์กับธีมด้วยการเพิ่มเพจและใช้การตั้งค่า ดูรูปภาพ ตรวจสอบการนาวิเกต และสิ่งอื่นๆ ที่คุณได้เปลี่ยนแปลงในธีมใหม่

4. ตรวจสอบว่าทุกสิ่งแสดงผลอย่างถูกต้อง รวมถึงไฟล์และลิงค์ทั้งหมด

5. เผยแพร่ธีมเพื่อให้ไซต์ใช้งานการเปลี่ยนแปลงธีมเหล่านี้ จากนั้นตรวจสอบในสภาพแวดล้อมรันไทม์

โปรดดู เผยแพร่ธีม

ใช้ธีมบูตสแตรป

ความคล้ายกันระหว่างธีมของ Oracle Content Management และธีมของบูตสแตรปทำให้สามารถแปลงระหว่างเพจธีมของบูตสแตรปที่มีอยู่และเนื้อหาสำหรับใช้ในธีมของ Oracle Content Management ได้

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

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

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

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

โปรดดู สร้างเทมเพลทของไซต์จาก Bootstrap หรือเทมเพลทการออกแบบเว็บไซต์