Dijeli putem


Prilagodite web-stranice pomoću uređivača stranica studija za dizajn

Nakon dodavanja potrebnih web-stranica i rješavanja njihove hijerarhije na karti web-mjesta, možete dodati različite komponente. WYSIWYG uređivač stranica studija za dizajn dio je radnog prostora Stranice. Uređivačem dodajte i uređujte potrebne komponente unutar radnog područja.

Upotreba uređivača

Za korištenje uređivača:

  1. Otvorite studio za dizajn kako biste uredili sadržaj i komponente portala.

  2. Idite na radni prostor Stranice.

  3. Odaberite stranicu na kojoj želite dodati komponentu ili odjeljak.

  4. Da biste dodali odjeljak, zadržite pokazivač iznad bilo kojeg područja odjeljka koje se može uređivati, a zatim odaberite znak plus (+). Zatim možete birati između šest opcija rasporeda odjeljaka.

    Šest opcija izgleda odjeljaka.

  5. Da biste dodali komponentu, zadržite pokazivač iznad odjeljka u koji želite postaviti komponentu, a zatim odaberite +. Zatim možete birati između dostupnih komponenti.

    Opcije izbornika za dodavanje komponente.

    Napomena

    Također možete izraditi i upotrijebiti web-predloške kao komponente na web-stranicama.
    Više informacija: Upute za izradu komponente web-predloška

    Odjeljke, stupce i komponente možete povući i ispustiti da biste ih prerasporedili na stranici.

    Za povlačenje objekta pritisnite lijevu tipku miša i držite je pritisnutom ili pritisnite razmaknicu dok je objekt u fokusu. Zatim povucite objekt na ciljno područje pomoću miša ili strelica na tipkovnici. Pojavit će se zone ispuštanja koje pokazuju gdje se objekt može postaviti. Kada dođete do zone ispuštanja, otpustite lijevu tipku miša ili pritisnite razmaknicu da ispustite objekt.

    Napomena

    • Neke komponente nije moguće povlačiti, uključujući zaglavlje, podnožje i neke ugniježđene komponente (npr. veze unutar tekstualne komponente).
    • Funkcija povlačenja i ispuštanja nije podržana za odjeljke kojima je CSS svojstvo flex-direction postavljeno na row-reverse.
  6. Da biste izbrisali komponentu, u radnom području odaberite komponentu, a zatim odaberite Izbriši.

Za interaktivniji doživljaj uređivanja možete se koristiti načinom uređivanja preko cijelog zaslona tako da odaberete ikonu dvostruke strelice u gornjem desnom kutu uređivača. Također se možete prebaciti na proširenje Visual Studio Code te prikaz radnog područja za dizajn stranice povećati (+), smanjiti (-) te vratiti na 100%.

Kontrole za interaktivnije opcije uređivanja, uključujući povećavanje, smanjivanje i vraćanje.

Uredi komponentu

Svi odjeljci i komponente omogućuju uređivanje u kontekstu. Možete uređivati ​​bilo koji odjeljak ili komponentu izravno u radnom području.

Odaberite ikonu kista za podešavanje oblikovanja odjeljka ili komponente.

Snimka zaslona s ikonom kista.

Dostupna oblikovanja temelje se na tipu komponente. Trenutno su podržani odjeljci, tekst, gumbi, slike i videozapisi. Dostupni stilovi razlikuju se ovisno o vrsti komponente i uključuju:

  • Izgled – kontrolirajte položaj i raspored elemenata na stranici, kao što su margine, obloga i položaj.

  • Dekoracije – poboljšavaju vizualni izgled elemenata, kao što su obrubi, sjene i kutni radijus.

  • Tipografija – promijenite izgled teksta, uključujući svojstva kao što su obitelj fontova, veličina fonta i razmak između slova.

Napomena

Kada koristite ikonu kistova za primjenu stilova, te prilagodbe obično imaju prednost pred postavkama konfiguriranima u radnom prostoru Styling i svim postojećim prilagodbama CSS. Na primjer, promjena fonta tekstualne komponente pomoću alata za kist obično će nadjačati font određen temom (kao što je "Naslov 1") ili drugim naslijeđenim stilovima. Međutim, stilovi definirani direktivom !important u vašem običaju CSS nisu nadjačani.

Poništi / ponovi poništeno

U radnom području Stranice gumbi za poništavanje/ponavljanje prikazuju se u gornjem lijevom kutu radnog područja. Gumb za poništavanje omogućen je kada napravite izmjenu. Gumb za ponavljanje omogućen je kada poništite radnju.

Radni prostor Stranice s prikazanim gumbima za poništavanje i ponavljanje.

Da biste poništili radnju, odaberite gumb Poništi.

Da biste poništili poništavanje, odaberite gumb Ponovi.

Radnje poništavanja i ponavljanja mogu se primijeniti samo na promjene koje napravite u radnom prostoru Stranice. Povijest vaših radnji briše se kada osvježite stranicu preglednika ili prijeđete na drugi radni prostor unutar studija za dizajn.

Ograničenja

Sinkronizacija, spremanje, pretpregled, zumiranje, širenje/smanjivanje radnog prostora, navigacija između radnih prostora i stranica te učitavanje medijskih i CSS datoteka nije podržano.

Napomena

Uređivanje komponenti koda

Svojstva komponenti koda moguće je uređivati ​​unutar radnog prostora Stranice.

Da biste uredili komponentu koda:

  1. Odaberite komponentu i na alatnoj traci izaberite Uredi komponentu koda.

  2. Odredite svojstva za komponentu koda.

  3. Odaberite Gotovo.

Za više informacija o dodavanju komponenti koda obrascima i stranicama pogledajte članak Upotreba komponenti koda na platformi Power Pages.

Pogledajte