Určitý textový nebo obrazový obsah v rozvržení můžete konfigurovat tak, aby jej mohli upravovat i uživatelé, kteří pracují se stránkami založenými na rozvržení.
Tuto funkci lze použít pro libovolné téma, včetně témat z prostředí Bootstrap. Změny automaticky převezmou styl původní stránky.
Můžete přidat jednoduchou značku k následujícím tagům HTML v rozvržení: <p>, <h1> až <h6>, <div> a <img>.
Mezi volby pro formátování textu a obrázků patří:
Text: Umožňuje uživatelům zvolit tučné písmo, kurzívu, podtrhávání a odkaz.
Obrázek: Umožňuje uživatelům zadat odkaz na soubor obrázku. Změňte vlastnosti názvu (to, co uživatel uvidí, když přesune ukazatel myši nad obrázek) a přidejte alternativní text pro usnadnění.
Změna textového nebo obrazového prvku tak, aby jej mohli upravovat uživatelé, vyžaduje dvě věci:
Přidejte atribut scs-editable do definice třídy (class).
Přidání jedinečného atributu id.
Po změně rozvržení bude funkce dostupná pro všechny stránky založené na tomto rozvržení (včetně nových stránek).
Pokud zkopírujete a vložíte stránku, změny se zkopírují do nové stránky.
Změna tagu záhlaví
Synchronizujte soubor rozvržení s místním počítačem nebo upravte zdrojový soubor HTML pro záhlaví <h1>.
Přidejte atribut scs-editable do definice třídy (class) a poté atribut id="test-heading" na řádek kódu pro záhlaví, aby k němu bylo možné připojit editor. Například:
<h1 class="brand-heading scs-editable" id="test-heading">Sample Heading Value</h1>
Uložte soubor.
Proveďte synchronizaci se službou Oracle Content Management a znovu načtěte prohlížeč.
Když uživatel přesune ukazatel myši nad záhlaví, měl by se kolem záhlaví zobrazit černý rámeček, který signalizuje, že obsah lze upravit. Když uživatel klikne na záhlaví, barva ohraničení se změní na zelenou, což znamená, že nyní je možné obsah záhlaví upravit.
Pokud téma nebylo publikováno, publikujte jej. Pokud bylo publikováno, změna se projeví po aktualizaci prohlížeče.
Jakmile je téma publikováno, uživatelé webu mohou kliknout na záhlaví a upravit jej v nástroji Site Builder.
Vytvoří se pseudokomponenta pro prvek scs-editable, takže můžete provést změnu v nástroji Site Builder a výsledek uložit s daty stránky. Za běhu, ale ještě před generováním stránky, nahradí ovladač tagy scs-editable hodnotami, které jste nastavili v nástroji Site Builder.
Změna tagu obrázku
Postup změny tagu obrázku v rozvržení tak, aby jej uživatelé mohli upravovat, je podobný postupu pro text.
Přidejte atribut scs-editable do definice třídy (class).
Přidejte jedinečný atribut id obrázku.
Uživatelé mohou kliknout na obrázek a poté změnit vlastnosti tak, aby byl používán jiný obrázek.
Zde je uveden ukázkový kód pro obrázek, který mohou uživatelé upravovat:
<img class="scs-editable" id="test-image" src="_scs_theme_root_/assets/img/downloads-bg-small.jpg"/>