Asettelun sisällön määritys muokattavaksi

Voit määrittää, että asetteluun perustuvaa sivua käsittelevät käyttäjät voivat muokata tiettyä asettelun teksti- tai kuvasisältöä.

Tätä toimintoa voi käyttää missä tahansa teemassa bootstrap-teemat mukaan lukien. Muutoksissa käytetään automaattisesti alkuperäisen sivun tyyliä.

Voit lisätä yksinkertaista koodia asettelun seuraaviin HTML-tunnisteisiin: <p>, <h1><h6>, <div> ja <img>.

Tekstin ja kuvien muotoiluvalinnat ovat seuraavat:

  • Teksti: käyttäjät voivat määrittää lihavoinnin, kursivoinnin, alleviivauksen tai linkin.

  • Kuva: Käyttäjät voivat määrittää linkin kuvatiedostoon. Otsikon (näytetään, kun käyttäjä siirtää osoittimen kuvan kohdalle) ominaisuuksia voi muuttaa ja kuvaan voi lisätä helppokäyttöisyyttä parantavan vaihtoehtoisen tekstin.

Teksti- tai kuvaelementin muuttaminen sellaiseksi, että käyttäjät voivat muokata sitä, edellyttää kahta asiaa:

  1. Lisää scs-editable class-kohtaan.

  2. Lisää yksilöivä id-määrite.

Kun asettelua on muokattu, toiminto on käytettävissä kaikilla asetteluun perustuvilla sivuilla (myös uusilla sivuilla).

Jos kopioit ja liität sivun, muutokset kopioidaan uudelle sivulle.

Otsikkotunnisteen muokkaus

Tässä on esimerkki siitä, miten asettelun otsikkotunnistetta voi muuttaa sellaiseksi, että käyttäjät voivat muokata sitä.
  1. Synkronoi asettelutiedosto paikalliseen tietokoneeseen tai muokkaa <h1>-otsikon HTML-lähdetiedostoa.

  2. Lisää scs-editable-arvo class-kohtaan ja lisää id="test-heading"-määrite otsikon koodiriville, jotta siihen voi liittää editorin. Esimerkki:

    <h1 class="brand-heading scs-editable" id="test-heading">Sample Heading Value</h1>
  3. Tallenna tiedosto.

  4. Synkronoi Oracle Content Management -palvelun kanssa ja lataa sivu uudelleen selaimessa.

    Otsikon ympärille pitäisi tulla musta raja, kun käyttäjä siirtää kohdistimen sen päälle. Raja ilmaisee, että sisältöä voi muokata. Kun käyttäjä napsauttaa otsikkoa, raja muuttuu vihreäksi, mikä ilmaisee, että käyttäjä voi nyt muokata otsikon sisältöä.

  5. Jos teemaa ei ole julkaistu, julkaise se. Jos se on julkaistu, näet muutoksen, kun päivität selaimen.

    Kun teema on julkaistu, sivuston käyttäjät voivat napsauttaa otsikkoa ja muokata sitä sivustonluontiohjelmassa.

    scs-editable-elementille luodaan näennäiskomponentti, jotta voit muuttaa sitä sivustonluontiohjelmassa ja tallentaa sen sivun tietojen kanssa. Ohjain korvaa scs-editable-tunnisteet ajon aikana ennen sivun muodostusta arvoilla, jotka on määritetty sivustonluontiohjelmassa.

Kuvatunnisteen muokkaus

Asettelun kuvatunnisteen voi muuttaa käyttäjien muokattavaksi samanlaisella tavalla kuin tekstitunnisteen.

  1. Lisää scs-editable class-kohtaan.

  2. Lisää yksilöivä kuvan id-määrite.

Käyttäjät voivat napsauttaa kuvaa ja käyttää eri kuvaa muuttamalla ominaisuuksia.

Tässä on käyttäjien muokattavissa olevan kuvan esimerkkikoodi:

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