พัฒนาเลย์เอาต์ของเนื้อหา

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

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

โฮมเพจมีการคอนฟิเกอร์ลิสต์เนื้อหาให้แสดงรายการของประเภทเนื้อหา Blog-Post โดยใช้เลย์เอาต์ของเนื้อหา Blog-Post-Summary เป็นวิวรายการ

เพจรายละเอียดจะใช้เลย์เอาต์ของเนื้อหา Blog-Post-Header ในตัวจองพื้นที่เนื้อหาเพื่อแสดงรูปภาพส่วนหัวและชื่อ เลย์เอาต์ของส่วนที่มีสองคอลัมน์จะล้อมรอบตัวจองพื้นที่เนื้อหาสองรายการ โดยมีความกว้าง 70 เปอร์เซ็นต์และ 30 เปอร์เซ็นต์ โดยใช้เลย์เอาต์ของเนื้อหา Blog-Post-Content และ Blog-Post-Author ดังที่คุณเห็น มีการใช้เลย์เอาต์ของเนื้อหาสี่แบบเพื่อแสดงประเภทเนื้อหาเดียวกัน

คุณสามารถสร้างเลย์เอาต์ของเนื้อหาได้สองวิธีดังนี้

• ใน Oracle Content Management เลือก ผู้พัฒนา > ดูองค์ประกอบทั้งหมด > สร้าง > สร้างเลย์เอาต์ของเนื้อหา

• ในโปรเจคของชุดเครื่องมือ OCE ให้ใช้คำสั่ง cec create-contentlayout

Oracle Content Management สร้างเลย์เอาต์ของเนื้อหาดีฟอลต์สำหรับประเภทเนื้อหา ในการแก้ไขเลย์เอาต์ของเนื้อหาดีฟอลต์ คุณสามารถแก้ไขไฟล์ต่อไปนี้

• assets/layout.html

  แก้ไขไฟล์นี้เพื่อเปลี่ยนแปลงวิว HTML

• assets/design.css

  แก้ไขไฟล์นี้เพื่อกำหนดสไตล์ให้กับเลย์เอาต์ของเนื้อหา

• assets/render.js

  แก้ไขไฟล์นี้เพื่อเปลี่ยนแปลงข้อมูลที่ใช้ใน layout.html หรือเพิ่มการทำงานแบบไดนามิคให้กับเลย์เอาต์ของเนื้อหา

องค์ประกอบเลย์เอาต์ของเนื้อหาจะแสดงผลรายการเนื้อหาจากเซิร์ฟเวอร์ Oracle Content Management ข้อมูลส่วนใหญ่จะเก็บอยู่ในเซิร์ฟเวอร์ Oracle Content Management บางครั้งคุณอาจต้องการใช้ข้อมูลแบบสแตติกที่มีในระบบภายในเลย์เอาต์ของเนื้อหาเอง เช่น ภาพพื้นหลัง สำหรับการกำหนดสไตล์ ตัวอย่างเช่น ในเลย์เอาต์ของเนื้อหาหลังจากนี้ URL แบบเต็มไปยัง images/background.jpg สามารถสร้างใน render.js และใช้ใน layout.html

วิธีที่ง่ายที่สุดในการสร้าง URL แบบเต็มคือ ใช้ไฟล์ requirejs ที่มาพร้อมกับระบบ กำหนด 'require' เป็นการอ้างอิงและใช้ require.toURL() เพื่อสร้าง URL ตามที่แสดงในรหัสต่อไปนี้

define([
    'require',
    'jquery',
    'mustache',
    'text!./layout.html',
    'css!./design.css'
], function (require, $, Mustache, templateHtml, css) {
    'use strict';

   var imageURL = req.toUrl('./images/background.jpg');

หัวข้อต่อไปนี้จะอธิบายวิธีพัฒนาเลย์เอาต์ของเนื้อหา:

• สร้างเลย์เอาต์ของเนื้อหาด้วย Oracle Content Management

• ส่งวิวของเลย์เอาต์ไปยังเลย์เอาต์ของเนื้อหา

• สร้าง URL เพจรายละเอียดของไซต์ด้วย API

• พัฒนาเลย์เอาต์ของเนื้อหาในระบบด้วย Developer Cloud Service

• ขยายมาโครในการสืบค้นลิสต์เนื้อหา

• พัฒนาเลย์เอาต์ของเนื้อหาที่มีประสิทธิภาพ

• สร้างเทมเพลทของบล็อกตัวอย่าง

• เพิ่มการแมปเลย์เอาต์ของเนื้อหากับเทมเพลท

• ทดสอบเลย์เอาต์ของเนื้อหาด้วยตัวควบคุมการทดสอบในระบบ

• อิมปอร์ตเทมเพลทที่มีเลย์เอาต์ของเนื้อหาเข้าสู่ Oracle Content Management