Tinklalapių tinkinimas naudojant dizaino studio puslapių rengyklę

Įtraukę reikiamus tinklalapius ir nustatę jų hierarchiją svetainės struktūroje, galite įtraukti įvairių komponentų. WYSIWYG dizaino studio puslapių rengyklė yra puslapių darbo srities dalis. Naudodami rengyklę galite lengvai įtraukti į drobę reikiamų komponentų ir drobę .

Rengyklės naudojimas

Norėdami naudoti rengyklę:

1. Atverti dizaino studiją, kad būtų galima redaguoti jūsų svetainės turinį ir komponentus.

2. Eikite į Puslapių darbo sritį.

3. Pasirinkite puslapį, į kurį norite įtraukti komponentą ar skyrių.

4. Norėdami įtraukti sritį, laikykite pelės žymiklį virš bet kurios redaguojamos drobės srities, tada pažymėkite pliuso ženklą (+). Tada galėsite rinktis iš toliau nurodytų šešių skyriaus maketo parinkčių.

   

5. Norėdami įtraukti komponentą, laikykite pelės žymiklį virš skyriaus, kuriame norite įdėti komponentą, ir pažymėkite +. Tada galėsite rinktis iš galimų komponentų.

   

   Pastaba.

   Taip pat galite kurti ir naudoti žiniatinklio šablonus kaip komponentus tinklalapiuose.
   Daugiau informacijos: Kaip: žiniatinklio šablono komponento kūrimas (peržiūros versija)

   Galite nuvilkti sekcijas, stulpelius ir komponentus ir pertvarkyti juos puslapyje.

   Jei norite nuvilkti objektą, kairiuoju pelės mygtuku spustelėkite ir laikykite nuspaudę klavišą arba paspauskite tarpo klavišą, kol jis bus centruojamas. Tada, naudodami pelės arba klaviatūros rodykles, nuvilkite objektą į paskirties sritį. Palikite zonas, rodo, kur galima įdėti objektą. Pasiekę numetimo zoną, atlaisvinkite kairįjį pelės mygtuką arba paspauskite tarpo klavišą, kad numeskite objektą.

   Pastaba.

   • Kai kurių komponentų negalima nuvilkti, įskaitant antraštę, poraštę ir kelis įdėtus komponentus (pavyzdžiui, nuorodas į teksto komponentą).
   • Nuvilkimo funkcija nepalaikoma skyriuose, kurių flex-direction CSS ypatybė nustatyta row-reverse.

6. Jei norite naikinti svetainės struktūros komponentą, pasirinkite drobę ir tada rinkitės Naikinti.

Norėdami, kad redagavimas būtų smerdžiau, galite naudoti viso ekrano redagavimo režimą viršutiniame dešiniajame rengyklės kampe pažymėdami dvigubos rodyklės piktogramą. Taip pat galite perjungti kodą Visual Studio Code, keisti mastelį (+),, atitolinti (-) arba Nustatyti iš naujo arba vėl nustatyti puslapio dizaino drobės rodinį į 100%.

Redaguoti komponentus

Visus skyrius ir komponentus galima redaguoti kontekste. Bet kurį skyrių arba komponentą galite redaguoti tiesiai iš drobės.

Norėdami koreguoti skyriaus arba komponento stilių, pažymėkite teptukas.

Galimi stilių tipai grindžiami komponento tipu. Šiuo metu palaikomos sekcijos, tekstas, mygtukai, vaizdai ir vaizdo įrašai. Galimi stiliai priklauso nuo komponento tipo ir apima:

• Maketas – valdykite puslapio elementų, pvz., paraščių, užpildymo ir padėties, padėtį padėtį ir išdėstymą.

• Dekoracijos - pagerina elementų, tokių kaip kraštinės, šešėliai ir kampo spindulys, išvaizdą.

• Tipografija - pakeiskite teksto išvaizdą, įskaitant tokias ypatybes kaip šriftų šeima, šrifto dydis ir tarpai tarp raidžių.

Anuliuoti / perdaryti

Puslapių darbo srityje anuliuoti / perdaryti mygtukai, rodomi drobės viršuje kairėje. Mygtukas Anuliuoti įjungiaas, kai keičiate. Mygtukas Anuliuoti įjungiaas, kai atšaukiate veiksmą.

Jei norite pakeisti veiksmą, pažymėkite mygtuką Anuliuoti.

Jei norite pakeisti veiksmą, pažymėkite mygtuką Anuliuoti.

Parinktys Anuliuoti ir Perdaryti puslapius palaiko tik stiliaus darbo srityje atliktus pakeitimus. Kai atnaujinsite naršyklės puslapį arba pereisite į kitą dizaino studio darbo sritį, jūsų veiksmų retrospektyva išvalo.

Apribojimai

Drobės sinchronizavimas, įrašymas, peržiūra, priartinimas, dydžio keitimas, naršymas tarp darbo sričių ir tinklalapių bei medijos ir failų įkėlimas CSS nėra palaikomas.

Kodo komponentų redagavimas

Kodo komponentos ypatybės yra redaguojamos Puslapių darbo srityje.

Norėdami redaguoti kodo komponentą:

1. Pažymėkite komponentą ir įrankių juostoje pasirinkite Redaguoti kodo komponentą.

2. Nustatykite kodo komponento ypatybes.

3. Pasirinkite Atlikta.

Daugiau informacijos apie kodo komponentų įtraukimą į formas ir puslapius ieškokite Kodo komponentų naudojimas in Power Pages

Taip pat žr.

• Įtraukti tekstą
• Mygtukas Įtraukti
• Įtraukti vaizdą
• Įtraukti vaizdo įrašą
• Įtraukti skyriklį
• Įtraukti Power BI
• Įtraukti sąrašą
• Įtraukti formą
• Įtraukti iframe
• Įtraukti kelių veiksmų formą
• Redaguoti kodą su Visual Studio Code žiniatinkliui
• Svetainės struktūros suformavimas