Zdieľať cez

Prispôsobte si webové stránky pomocou editora stránok dizajnérskeho štúdia

  • Článok

Po pridaní potrebných webových stránok a spravovaní ich hierarchie v mape lokality môžete pridať rôzne komponenty. Editor stránok WYSIWYG dizajnérskeho štúdia je súčasťou pracovného priestoru Stránky. Editor použite na pridanie a úpravu potrebných komponentov v rámci plátna.

Používanie editora

Používanie editora:

  1. Otvorte dizajnové štúdiu na úpravu obsahu a komponentov portálu.

  2. Prejdite do pracovného priestoru Stránky.

  3. Vyberte stránku, ku ktorej chcete pridať danú súčasť alebo sekciu.

  4. Na pridanie sekcie umiestnite kurzor myši na ľubovoľnú upraviteľnú sekciu a potom stlačte znamienko plus (+). Potom si môžete vybrať z nasledujúcich šiestich možností rozloženia sekcií.

    Šesť možností rozloženia sekcií.

  5. Ak chcete pridať komponent, umiestnite kurzor myši na sekciu, do ktorej chcete komponent umiestniť, a potom stlačte +. Potom si môžete vybrať medzi dostupnými komponentmi.

    Možnosti ponuky Pridať komponent.

    Poznámka

    Môžete tiež vytvárať a používať webové šablóny ako komponenty webových stránok.
    Ďalšie informácie: Postup: Vytvorenie komponentu webovej šablóny

    Sekcie, stĺpce a komponenty môžete presunúť myšou, aby ste ich na stránke usporiadali.

    Ak chcete presunúť objekt, kliknite ľavým tlačidlom myši a podržte stlačené tlačidlo myši alebo po označení stlačte medzerník. Potom presuňte objekt do cieľovej oblasti pomocou šípok myši alebo klávesnice. Zobrazia sa zóny spustenia, ktoré označujú, kam možno objekt umiestniť. Keď sa dostanete do zóny spustenia, uvoľnite ľavé tlačidlo myši alebo stlačte medzerník, aby ste objekt pustili.

    Poznámka

    • Niektoré komponenty nie je možné presúvať, vrátane hlavičky, päty a niektorých vnorených komponentov (napríklad prepojenia v rámci textového komponentu).
    • Funkcia presúvania nie je podporovaná pre sekcie, ktoré majú vlastnosť flex-direction CSS nastavenú na row-reverse.

  6. Ak chcete odstrániť súčasť, stlačte súčasť na plátne a následne stlačte možnosť Odstrániť.

Ak chcete získať pôsobivejší zážitok z úprav, môžete použiť režim úprav na celej obrazovke stlačením ikony dvojitej šípky v pravom hornom rohu editora. Môžete tiež prepnúť na Visual Studio Code, priblížiť (+), oddialiť (-) alebo Obnoviť zobrazenie plátna návrhu stránky späť na 100 %.

Ovládacie prvky pre pôsobivé možnosti úprav vrátane priblíženia, oddialenia a resetovania.

Úprava súčastí

Všetky sekcie a komponenty umožňujú úpravy v kontexte. Môžete upraviť ľubovoľnú sekciu alebo komponent priamo z plátna.

Ak chcete upraviť štýly sekcie alebo komponentu, stlačte ikonu štetca.

Snímka obrazovky ikony štetca.

Dostupné štýly sú založené na type komponentu. V súčasnosti sú podporované sekcie, text, tlačidlá, obrázky a videá. Dostupné štýly sa líšia v závislosti od typu komponentu a zahŕňajú:

  • Rozloženie – ovláda umiestnenie a usporiadanie prvkov na stránke, ako sú okraje, odsadenie a pozícia.

  • Dekorácie – zlepšujú vizuálny vzhľad prvkov, ako sú okraje, tiene a polomer rohov.

  • Typografia – zmena vzhľadu textu vrátane vlastností, ako je skupina písma, veľkosť písma a medzery medzi písmenami.

Poznámka

Keď na aplikovanie štýlov použijete ikonu štetca, tieto úpravy majú vo všeobecnosti prednosť pred nastaveniami nakonfigurovanými v pracovnom priestore Štýl a akýmkoľvek existujúcim vlastným CSS. Napríklad zmena písma textového komponentu pomocou nástroja štetec zvyčajne prepíše písmo určené témou (napríklad „Nadpis 1“) alebo inými zdedenými štýlmi. Štýly definované pomocou !important smernice vo vašom vlastnom CSS nebudú však prepísané.

Zrušiť zmenu/opakovať

V pracovnom priestore Stránky sa v ľavej hornej časti plátna zobrazujú tlačidlá Späť/Znova. Tlačidlo Späť je povolené, keď vykonáte zmenu. Tlačidlo znova je povolené, keď vrátite späť akciu.

Pracovný priestor Stránky so zobrazenými tlačidlami Späť a Znova.

Ak chcete akciu vrátiť späť, stlačte tlačidlo Späť.

Na znovu vykonanie vrátenej akcie stlačte tlačidlo Znova.

Možnosti Späť a Znova podporujú iba zmeny, ktoré vykonáte v pracovnom priestore Stránky. Vaša história akcií sa vymaže, keď obnovíte stránku prehliadača alebo prejdete na iný pracovný priestor v dizajnovom štúdiu.

Obmedzenia

Synchronizácia, ukladanie, zobrazenie ukážky, rozťahovanie/sťahovanie, pracovný priestor, navigácia medzi pracovnými priestormi a stránkami a nahrávanie médií a súborov CSS nie sú podporované.

Poznámka

  • V pracovnom priestore Stránky nemôžete odstrániť hlavičku ani pätu. Informácie o vytváraní vlastných rozložení stránok nájdete v časti Webové šablóny.
  • Pre stránky vytvorené pomocou Power Pages pred 23. septembrom 2022 je známy problém súvisiaci s témami. Viac informácií: Úprava farby pozadia pre vaše stránky Power Pages

Upravte komponenty kódu

Vlastnosti komponentu kódu je možné upravovať v rámci pracovného priestoru Stránky.

Ak chcete upraviť komponent kódu:

  1. Vyberte komponent a na paneli nástrojov zvoľte Upraviť komponent kódu.

  2. Nastavte vlastnosti komponentu kódu.

  3. Vyberte položku Hotovo.

Ďalšie informácie o pridávaní komponentov kódu do formulárov a stránok nájdete v časti Používanie komponentov kódu v Power Pages.

Pozrite si tiež