Veebilehtede kohandamine kujundusstuudio leheredaktoriga

Pärast vajalike veebilehtede lisamist ja saidikaardil nende hierarhia haldamist peate lisama erinevaid komponente. WYSIWYG kujundusstuudio lehe redaktor on osa tööruumist Lehed. Redaktori abil saate lisada ja redigeerida vajalikke komponente lõuendil.

Redaktori kasutamine

Redaktori kasutamiseks:

  1. Avage kujundusstuudio, et redigeerida portaali sisu ja komponente.

  2. Avage tööruum Lehed.

  3. Valige leht, kuhu soovite komponenti või jaotist lisada.

  4. Jaotise lisamiseks hõljutage kursorit üle redigeeritava jaotise alal ja seejärel valige plussmärk (+). Seejärel saate valida kuue jaotise paigutuse vahel.

    Kuue jaotise paigutusvalikud.

  5. Komponendi lisamiseks hõljutage kursoriga üle jaotise, kuhu soovite komponendi lisada, ja valige siis +. Siis saate valida olemasolevate komponentide vahel.

    Komponendi lisamise menüüvalikud.

    Märkus.

    Samuti saate luua ja kasutada veebimalle kui komponente veebilehtedel.
    Lisateave: Juhend: veebimalli komponendi loomine (eelversioon)

    Jaotisi, veergusid ja komponente saab lehele ümber paigutada lohistades.

    Objekti lohistamiseks tehke vasakpoolne hiireklõps ja hoidke hiirenuppu all või vajutage tühikuklahvi, kui objekt on fookuses. Järgmiseks lohistage objekt sihtalale, kasutades hiirt või klaviatuurinooli. Lohistustsoonid näitavad, kuhu objekti saab paigutada. Kui olete lohistustsoonini jõudnud, vabastage hiire vasak nupp või vajutage objekti kukutamiseks tühikuklahvi.

    Märkus.

    • Mõningaid komponente ei saa lohistada, sh päist, jalust ja mõnda pesastatud komponenti (nt tekstikomponendi lingid).
    • Pukseerimisfunktsiooni ei toetata jaotistes, mille flex-direction CSS atribuudi väärtuseks on määratud row-reverse.
  6. Selleks, et komponenti kustutada, valige komponent lõuendil ja seejärel valige Kustuta.

Põhjalikumaks redigeerimiskogemuseks saate kasutada täisekraani redigeerimisrežiimi, valides redaktori paremas ülanurgas asuva topeltnooltega ikooni. Saate lülitada sisse ka Visual Studio Code, suumi sisse (+), suumi välja (-) või Lähtestamine kujunduse lõuendivaate tagasi 100%-le.

Kontrollid süvendatud redigeerimisvalikute jaoks, sh sisse suumimine, välja suumimine ja lähtestamine.

Redigeerige komponente

Kõik jaotised ja komponendid lubavad kontekstisisest redigeerimist. Saate redigeerida mis tahes jaotist või komponenti otse lõuendilt.

Jaotise või komponendi stiilide kohandamiseks valige pintsli ikoon.

Pintsli ikooni kuvatõmmis.

Saadaolevad stiilid põhinevad komponendi tüübil. Praegu toetatakse jaotisi, teksti, nuppe, pilte ja videoid. Saadaolevad laadid varieeruvad sõltuvalt komponendi tüübist ja hõlmavad järgmist.

  • Paigutus – kontrollige elementide paigutust ja paigutust lehel, nagu veerised, polsterdus ja asukoht.

  • Kaunistused – parandavad elementide, nagu äärised, varjud ja nurgaraadius, visuaalset välimust.

  • Tüpograafia – muutke teksti välimust, sealhulgas selliseid atribuute nagu fondiperekond, fondi suurus ja tähtede.

Märkus.

Kui kasutate laadide rakendamiseks pintsliikooni, on need kohandused tavaliselt ülimuslikud tööruumis Laadimine konfigureeritud sätete ja olemasolevate kohandatud sätete suhtes CSS. Näiteks tekstikomponendi fondi muutmine pintslitööriistaga alistab tavaliselt kujundusega määratud fondi (nt "Pealkiri 1") või muud päritud laadid. Kohandatud direktiiviga !important määratletud CSS laade siiski ei alistata.

Tagasivõtmine / uuesti tegemine

Tööruumis Lehed kuvatakse lõuendi vasakus ülaservas kuvatavad nupud võta tagasi/tee uuesti. Muudatuse tegemise korral lubatakse tagasivõtmise nupp. Tegevuse tagasivõtmise korral lubatakse uuestitegemise nupp.

Tööruum Lehed on kuvatud tagasivõtmis- ja uuestitegemisnuppudega.

Toimingu tagasipööramiseks valige tagasivõtmise nupp.

Toimingu tagasivõtmiseks valige uuestitegemise nupp.

Tagasivõtmine ja uuestitegemine toetavad ainult neid muudatusi, mida teete tööruumis Lehed. Teie tegevusajalugu tühjendatakse, kui värskendate brauseri lehte või liigute kujundusstuudios mõnda teise tööruumi.

Piirangud

Ei toeta sünkroonimist, salvestamist, eelvaadet, suumimist, tööruumi laiendamist/vähendamist, tööruumide ja lehekülgede vahel navigeerimist ning meedia- ja CSS-failide üleslaadimist.

Märkus.

  • Tööruumis Lehed ei saa päist ega jalust kustutada. Vaadake teavet kohandatud lehekülje kujunduse loomise kohta jaotisest Veebimallid.
  • Enne 23. septembrit 2022 rakendusega Power Pages loodud saitidel on teada teemadega seotud probleem. Rohkem infot: Saidi taustvärvi kohandamine teie Power Pages saidi jaoks
  • Kui kohandatud JavaScript on kirjutatud lehe koopia sees olevasse skriptisildisse, asendatakse kohandatud JavaScripti vedelad sildid Studio laadimise ajal HTML-ümbrisega. See asendus katkestab kohandatud JavaScripti funktsiooni. Selle probleemi vältimiseks tuleks kohandatud JavaScript lisada ainult atribuuti custom_javascript.

Koodikomponentide redigeerimine

Koodikomponendi omadused on redigeeritavad tööruumis Lehed.

Koodikomponendi redigeerimiseks:

  1. Valige komponent ja valige tööriistaribalt Koodikomponendi redigeerimine.

  2. Koodikomponendi omaduste määramine.

  3. Valige nupp Valmis.

Lisateavet koodikomponentide vormidele ja lehtedele lisamise kohta leiate teemast Koodikomponentide kasutamine teenuses Power Pages.

Vedeliku vead

Kui lehte ei renderdata Liquidi süntaksiprobleemi tõttu , kuvatakse tõrkedialoog. Dialoog kirjeldab probleemi ja sisaldab nuppu Redigeeri koodi, mis avab faili veebikoodis Visual Studio . Kui sulgete dialoogi, valides suvandi Jätka redigeerimist , näete endiselt viga teatistes, mille parandamiseks on suvand Redigeeri koodi .

Vedeliku vea parandamine

Vedeliku vea parandamiseks toimige järgmiselt.

  1. Valige tõrkedialoogis Redigeeri koodi. Visual Studio Avaneb veebikood ja saate kerida tõrkega reale (nt puuduv {% endif %} silt).

    Vedela vea dialoog.

  2. Parandage vedeliku märgistust.

  3. Faili salvestamiseks vajutage klahvikombinatsiooni Ctrl+S .

  4. Naaske Stuudiosse Power Pages ja valige lehe uuesti laadimiseks Sünkrooni. Leht peaks renderdama ilma vigadeta.

Vaata ka