Elrendezéstartalom beállítása szerkeszthetőként

Az elrendezésen lévő egyes szöveges vagy képtartalmat szerkeszthetőként állíthat be az elrendezésen alapuló oldalakon dolgozó felhasználók számára.

Ez a funkció tetszőleges témán alkalmazható a betöltő témákat is beleértve. A módosítások automatikusan az eredeti oldal stílusát feltételezik.

Egyszerű kódot vehet fel az elrendezés következő HTML-címkéibe: <p>, <h1><h6>, <div> és <img>.

A szöveg és a kép formázási beállításai a következők lehetnek:

  • Szöveg: a felhasználók félkövér, dőlt, aláhúzott és hivatkozás formázást állíthatnak be.

  • Kép: a felhasználók képfájlra mutató hivatkozást adhatnak meg. Módosíthatják a tulajdonságokat a címnél (ezt látja a felhasználó, amikor a mutatót egy kép fölé viszi), és helyettesítő szöveget adhatnak meg kisegítő lehetőségként.

Szöveges vagy képelem olyan módosításához, hogy az szerkeszthető legyen a felhasználók számára, két dolog szükséges:

  1. A scs-editable felvétele a class címkébe.

  2. Egyedi id attribútum hozzáadása.

Az elrendezés módosítása után a funkció elérhető lesz az adott elrendezésen alapuló összes oldalon (az új oldalakon is).

Ha másol és beilleszt egy oldalt, a módosítások átkerülnek az új oldalra.

Fejléc címke módosítása

A következő példa fejléc címke módosítását mutatja be egy elrendezésben, így a szöveget szerkeszthetik a felhasználók.
  1. Szinkronizálja az elrendezésfájlt asztali számítógépével, vagy szerkessze a <h1> címkéhez tartozó HTML forrásfájlt.

  2. Vegye fel a scs-editable elemet a class címkébe, és adja hozzá az id="test-heading" attribútumot a fejléc kódsorához, így szerkesztő csatolható ehhez. Például:

    <h1 class="brand-heading scs-editable" id="test-heading">Sample Heading Value</h1>
  3. Mentse a fájlt.

  4. Szinkronizáljon az Oracle Content Management szolgáltatással, és töltse be újra a böngészőt.

    Fekete szegélynek kell megjelenni a fejléc körül, amikor a felhasználó föléje viszi a mutatót, ezzel jelezve, hogy a tartalom szerkeszthető. Amikor a felhasználó a fejlécre kattint, a szegély zöld színűre változik, ezzel jelezve, hogy a felhasználó most szerkesztheti a tartalmat.

  5. Ha a téma még nincs közzétéve, tegye közzé. Közzététele után a módosítás akkor jelenik meg, amikor frissíti a böngészőt.

    A téma közzététele után a webhely felhasználói a fejlécre kattinthatnak, és szerkeszthetik azt a Site Builder szolgáltatásban.

    A rendszer álösszetevőt hoz létre az scs-editable elemhez, így módosíthatja azt a Site Builder szolgáltatásban, és az oldal adataival tárolhatja. Futásidőben az oldal megjelenítése előtt a vezérlő lecseréli az scs-editable címkéket a Site Builder szolgáltatásban megadott értékekre.

Kép címke módosítása

Az elrendezésben egy kép címke módosítása szerkeszthetővé tételéhez hasonló a szövegnél megismert eljáráshoz.

  1. A scs-editable felvétele a class címkébe.

  2. Vegyen fel a képhez egyedi id attribútumot.

A felhasználók a képre kattinthatnak, majd másik kép használatához módosíthatják a tulajdonságokat.

A következő mintakód egy képnél állítja be, hogy a felhasználók szerkeszthessék:

<img class="scs-editable" id="test-image" src="_scs_theme_root_/assets/img/downloads-bg-small.jpg"/>