Deli putem

Prilagođavanje veb-stranica pomoću uređivača stranica studija za dizajniranje

  • Članak

Kada dodate potrebne veb-stranice i upravljate njihovom hijerarhijom na mapi lokacije, možete dodati razne komponente. WYSIWYG uređivač stranica studija za dizajniranje je deo radnog prostora stranica. Koristite uređivač da dodajete i uređujete potrebne komponente na podlozi.

Korišćenje uređivača

Da biste koristili uređivač:

  1. Otvorite studio za dizajniranje da biste izmenili sadržaj i komponente portala.

  2. Idite na radni prostor stranica.

  3. Izaberite stranicu na kojoj želite da dodate komponentu ili odeljak.

  4. Da biste dodali odeljak, zadržite pokazivač iznad nekog odeljka koji može da se uređuje, a zatim izaberite znak plus (+). Zatim možete da odaberete neku od sledećih šest opcija rasporeda odeljaka.

    Šest opcija rasporeda odeljaka.

  5. Da biste dodali komponentu, zadržite pokazivač iznad odeljka u koji želite da postavite komponentu, a zatim izaberite +. Zatim možete birati između raspoloživih komponenti.

    Opcije menija za dodavanje komponenti.

    Napomena

    Veb-predloške možete da kreirate i koristite kao komponente na veb-stranicama.
    Još informacija: Uputstvo: Kreiranje komponente veb-predloška

    Možete da prevučete i otpustite odeljke, kolone i komponente da biste ih prerasporedili na stranici.

    Da biste prevukli objekat, kliknite i držite pritisnut levi taster miša ili pritisnite razmaknicu dok je fokusiran. Zatim prevucite objekat u ciljnu oblast pomoću miša ili strelica na tastaturi. Zone otpuštanja ukazuju na mesto gde objekat može da se smesti. Kada stignete do zone otpuštanja, otpustite levi taster miša ili pritisnite razmaknicu da biste otpustili objekat.

    Napomena

    • Neke komponente se ne mogu prevlačiti, uključujući zaglavlje, podnožje i neke ugnežđene komponente (na primer, veze unutar tekstualne komponente).
    • Funkcionalnost prevlačenja i otpuštanja nije podržana za odeljke na kojima je CSS svojstvo flex-direction postavljeno na row-reverse.

  6. Da biste izbrisali komponentu, izaberite komponentu na podlozi, a zatim izaberite Izbriši.

Za sveobuhvatnije iskustvo uređivanja, možete da koristite režim uređivanja preko celog ekrana tako što ćete izabrati ikonu sa dvostrukom strelicom u gornjem desnom uglu uređivača. Takođe možete da se prebacite u Visual Studio Code, uvećate (+), umanjite(-) ili da vratite prikaz podloge za dizajn stranice na 100%.

Kontrole za opcije sveobuhvatnog uređivanja, uključujući uvećavanje, uvećavanje i poništavanje zuma.

Uređivanje komponenti

Svi odeljci i komponente omogućavaju uređivanje u kontekstu. Bilo koji odeljak ili komponentu možete da uređujete direktno sa podloge.

Izaberite ikonu četkice da biste podesili stilove odeljka ili komponente.

Snimak ekrana ikone četkice za slikanje.

Dostupni stilovi se zasnivaju na tipu komponente. Trenutno su podržani odeljci, tekst, dugmad, slike i video zapisi. Dostupni stilovi se razlikuju u zavisnosti od tipa komponente i uključuju:

  • Raspored – kontrolišite postavljanje i raspored elemenata na stranici, kao što su margine, uložak i položaj.

  • Ukrasi – pospešuju vizuelni izgled elemenata, kao što su ivice, senke i ugaoni radijus.

  • Tipografija – promenite izgled teksta, uključujući svojstva kao što su font-porodica, veličina fonta i razmak između slova.

Belešku

Kada koristite ikonu četkice za slikanje da biste primenili stilove, ova podešavanja obično imaju prednost u odnosu na postavke konfigurisane u Stajling radnom prostoru i sve postojeće običaje CSS. Na primer, menjanje fonta tekstualne komponente pomoću alatke za četkicu obično će zameniti font određen temom (kao što je "Naslov 1") ili druge nasleđene stilove. Međutim, stilovi definisani direktivom !important u vašem običaju CSS nisu zamenjeni.

Opozovi/ponovi radnju

U radnom prostoru stranice dugmad za opoziv/ponavljanje se prikazuju u gornjem levom uglu podloge. Dugme za opoziv je omogućeno kada izvršite neku promenu. Dugme za ponavljanje je omogućeno kada opozovete neku radnju.

Radni prostor stranice sa prikazanim dugmadima za opoziv i ponavljanje.

Da biste vratili radnju, izaberite dugme „Opozovi“.

Da biste vratili opozvanu radnju, izaberite dugme „Ponovi“.

Operacije opoziva ponavljanja podržavaju samo promene koje pravite u radnom prostoru stranica. Istorija radnji se briše kada osvežite stranicu pregledača ili odete u drugi radni prostor unutar studija za dizajniranje.

Ograničenja

Sinhronizovanje, čuvanje, pregled, zumiranje, proširivanje/sažimanje radnog prostora, kretanje između radnih prostora i stranica, kao i otpremanje medija i CSS datoteka nisu podržani.

Napomena

  • Ne možete da izbrišete zaglavlje ili podnožje stranice u radnom prostoru stranica. U članku Veb-predlošci potražite više informacija o kreiranju prilagođenih rasporeda na stranicama.
  • Za lokacije kreirane u usluzi Power Pages pre 23. septembra 2022. postoji poznati problem vezan za teme. Još informacija: Prilagođavanje boje pozadine za vašu Power Pages lokaciju

Uređivanje komponenti koda

Svojstva komponenti koda se mogu uređivati unutar radnog prostora stranica.

Da biste uređivali komponentu koda:

  1. Izaberite komponentu i odaberite stavku Uredi komponentu koda sa trake sa alatkama.

  2. Podesite svojstva za komponentu koda.

  3. Izaberite Gotovo.

Više informacija o dodavanju komponenti koda obrascima i stranicama potražite u članku Korišćenje komponenti koda u usluzi Power Pages.

Pogledajte i ovo