Prilagođavanje sadržaja pomoću isečaka sadržaja

Isečci sadržaja su mali komadići izmenjivog sadržaja koje programer može da postavlja u zaglavlje, podnožje, veb-stranicu ili veb-predložak stranice, omogućavajući prilagodljivom sadržaju da lako popuni raspored veb-stranice.

Programer može da postavi isečak koristeći Liquid: {{ snippets["<<snippet name>>"] }}, {% editable snippets '<<snippet name>>' %} ili {% include 'snippet' snippet_name:'<<snippet name>>' %}.

Uređivanje isečaka

Isečci se mogu kreirati ili uređivati putem aplikacije Upravljanje portalima. Glavna snaga isečka jeste činjenica da možete da izdvojite malo sadržaja (sem glavne kopije stranice) i zasebno ga uređujete, u suštini omogućavajući da bilo koji statički sadržaj na lokaciji bude u potpunosti kontrolisan sadržajem i direktno izmenjiv.

  1. Otvorite aplikaciju Upravljanje portalima.

  2. Idite na Sadržaj>Isečci sadržaja.

  3. Da biste kreirali novi isečak, izaberite Novo.

  4. Da biste uredili postojeći isečak, izaberete postojeći Isečak sadržaja u mreži.

Unesite vrednosti za sledeća polja:

Naziv Opis
Naziv Programer može da koristi naziv za postavljanje vrednosti isečka u kôd veb-lokacije.
Veb-lokacija Veb-lokacija koja je povezana sa isečkom.
Ime za prikaz Ime za prikaz za isečak sadržaja.
Tip Tip isečka sadržaja, tekst ili HTML.
Jezik isečaka sadržaja Izaberite jezik za isečak sadržaja. Da biste dodali još jezika, idite na omogući podršku za više jezika.
Vrednost Sadržaj isečka koji će se prikazati na veb-lokaciji. Možete da unesete čisti tekst ili HTML naznaku. Takođe možete da koristite Liquid objekte sa vrednostima teksta ili HTML naznake.

Korišćenje isečka koda

Možete koristiti isečke da biste prikazali tekst ili HTML. Isečci sadržaja takođe mogu da koriste Liquid objekte i da upućuju na drugi sadržaj kao što su entiteti.

Na primer, možete da koristite korake objašnjene ranije u ovom članku za kreiranje/uređivanje isečka sadržaja. Dok uređujete isečak, možete uključiti uzorak koda u zapis. Obavezno zamenite ID zapisa tabele poslovnog kontakta tačnim ID-om iz svog okruženja. Umesto poslovnog kontakta, možete da koristite i drugu tabelu.

Kada kreirate isečak sa tekstom, HTML-om ili Liquid objektima prikazanim u gornjem primeru, možete ga koristiti na veb-stranici.

Da biste dodali isečak na veb-stranicu:

  1. Kreirajte veb-predložak i koristite isečak Liquid objekta da pozovete isečak koji ste kreirali.

  2. Kreirajte predložak stranice koristeći ranije kreiran veb-predložak.

  3. Koristite studio za dizajniranje da biste napravili novu stranicu koristeći ranije kreirani raspored stranice.

Primer

Sledeći primer koristi Microsoft Dataverse bazu podataka sa primerom podataka.

Napomena

Moraćete da konfigurišete dozvole za tabelu u tabeli Poslovni kontakt (ili bilo kojoj tabeli koju ćete koristiti).

  1. Otvorite aplikaciju Upravljanje portalima.

  2. Idite na Sadržaj>Isečci sadržaja.

  3. Da biste kreirali novi isečak, izaberite Novo.

  4. Unesite naziv. Na primer, AccountData.

  5. Izaberite veb-lokaciju.

  6. Unesite ime za prikaz. Na primer, AccountData.

  7. Izaberite da tip u ovom primeru bude HTML. Umesto toga, možete da izaberete i tekst.

  8. Izaberite jezik.

  9. Kopirajte i nalepite vrednost uzorka:

    {% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
    {% if account %}
    <b> Account Name is: </b> {{ account.name }} <br>
    <i> Account State: </i> {{ account.statecode.label }})
    {% endif %}
    

    Zamenite GUID zapisa zapisom tabele poslovnog kontakta iz vaše Dataverse baze podataka.

    Kreirajte isečak sadržaja.

  10. Sačuvajte isečak sadržaja.

  11. U Power Pages studiju za dizajniranje kreirajte novu veb-stranicu ili odaberite postojeću veb-stranicu.

  12. Izaberite Uredi kôd.

  13. Između postojećih oznaka <div></div> kopirajte i nalepite sledeću izvornu vrednost:

    {% include 'snippet' snippet_name:'AccountData' %}

    Ako je različita, ažurirajte vrednost za snippet_name sa nazivom vašeg isečka.

    Dodavanje isečka u kôd.

  14. Izaberite CTRL-S.

  15. U studiju za dizajniranje izaberite stavku Sinhronizuj

  16. Izaberite Pregled.

Videćete informacije o poslovnom kontaktu prikazane kao deo isečka:

Tekst koji koriste čitači ekrana.

Možete da sledite iste korake sa sadržajem tipa Tekst umesto HTML-a, na primer:

{% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
{% if account %}
Account Name is: {{ account.name }} 
Account State: {{ account.statecode.label }}
{% endif %}

Zamenite GUID zapisa zapisom tabele poslovnog kontakta iz vaše Dataverse baze podataka.

Kada pregledate stranicu sa ovim isečkom sadržaja, informacije tabele se prikazuju pomoću Liquid objekta zajedno sa tekstom umesto HTML-a. Slično tome, možete koristiti samo HTML za prikazivanje sadržaja bez upotrebe Liquid objekata.

Takođe pogledajte

Rad sa Liquid predlošcima