Споделяне чрез

Персонализиране на уеб страници с редактора на страници в студиото за дизайн

  • Статия

След като добавите необходимите уеб страници и управлявате тяхната йерархия в картата на сайта, можете да добавите различни компоненти. Редакторът на страници в студиото за дизайн на WYSIWYG е част от работната област за страници. Използвайте редактора, за да добавяте и редактирате необходимите компоненти в платното.

Използване на редактора

За да използвате редактора:

  1. Отворете студиото за дизайн, за да редактирате съдържанието и компонентите на портала.

  2. Към работната област Страници.

  3. Изберете страницата, където искате да добавите компонента или секцията.

  4. За да добавите секция, задръжте курсора на мишката върху някоя област с възможност за редактиране на секция и след това изберете знака плюс (+). След това можете да избирате между шест опции за оформление на секция.

    Шестте опции за оформление на секция.

  5. За да добавите компонент, задръжте курсора на мишката над секцията, където искате да поставите компонента, и след това изберете +. След това можете да избирате между наличните компоненти.

    Опциите на менюто за добавяне на компонент.

    Бележка

    Можете също да създавате и използвате уеб шаблони като компоненти в уеб страници.
    Повече информация: Напътствия: Създаване на компонент за уеб шаблон

    Можете да плъзгате и пускате секции, колони и компоненти, за да ги пренаредите в страница.

    За да плъзнете обект, щракнете с левия бутон и задръжте бутона на мишката или натиснете интервала, докато е на фокус. След това плъзнете обекта към целевата област с помощта на мишката или стрелките на клавиатурата. Появяват се зони за пускане, за да покажат къде може да бъде поставен обектът. След като стигнете до зоната за пускане, пуснете левия бутон на мишката или натиснете интервала, за да пуснете обекта.

    Бележка

    • Някои компоненти не могат да се плъзгат, включително горният, долният колонтитул и някои вложени компоненти (например връзки в текстов компонент).
    • Функционалността за плъзгане и пускане не се поддържа за секции, за които flex-directionсвойството на CSS е зададено на row-reverse.

  6. За да изтриете компонент, изберете компонента в платното и след това изберете Изтриване.

За по-завладяващо изживяване при редактиране можете да използвате режима за редактиране на цял екран, като изберете иконата с двойна стрелка в горния десен ъгъл на редактора. Можете също да превключите към Visual Studio Code, увеличаване на мащаба (+), намаляване на мащаба (-) или Нулиране на изгледа на платното за дизайн на страница обратно на 100%.

Контроли за завладяващи опции за редактиране, включително увеличаване и намаляване на мащаба и нулиране.

Редактиране на компоненти

Всички секции и компоненти позволяват редактиране в контекста. Можете да редактирате всяка секция или компонент директно от платното.

Изберете иконата на четка за рисуване, за да коригирате стиловете на секция или компонент.

Екранна снимка на иконата на четката за рисуване.

Наличните стилове се основават на типа на компонента. В момента се поддържат раздели, текст, бутони, изображения и видеоклипове. Наличните стилове варират в зависимост от типа на компонента и включват:

  • Оформление – контролирайте позиционирането и подреждането на елементи на страница, като полета, подложка и позиция.

  • Декорации – подобряват визуалния облик на елементи, като граници, сенки и радиус на ъгъла.

  • Типография – промяна на облика на текста, включително свойства като шрифтово семейство, размер на шрифта и буквена разредка.

Бележка

Когато използвате иконата на четка за рисуване, за да прилагате стилове, тези настройки обикновено имат предимство пред настройките, конфигурирани в работната област за стилизиране и всеки съществуващ обичай CSS. Например промяната на шрифта на текстов компонент с инструмента paintbrush обикновено ще замести шрифта, зададен от тема (например "Заглавие 1") или други наследени стилове. Въпреки това, стиловете !important , дефинирани с директивата във вашия обичай CSS , не се отменят.

Отмяна/повтаряне

В работното пространство за страници бутоните за отмяна/връщане се показват в горния ляв ъгъл на платното. Бутонът за отмяна се активира, когато направите промяна. Бутонът за връщане се активира, когато отмените действие.

Работната област за страници с показани бутони за отмяна и връщане.

За да отмените действие, изберете бутона „Отмяна“.

За да върнете извършена отмяна, изберете бутона „Връщане“.

Функциите за отмяната и връщане поддържат само промени, които правите в работната област за страници. Историята на вашите действия се изчиства, когато обновите страницата на браузъра или отидете в друга работна област в студиото за дизайн

Ограничения

Синхронизиране, записване, преглед, мащабиране, разширяване/намаляване на работата област, навигиране между работни области и страници и качване на мултимедийни и CSS файловете не се поддържат.

Бележка

  • Не можете да изтриете горния или долния колонтитули в работната област за страници. Вижте Уеб шаблони за информация относно създаването на персонализирани оформления на страници.
  • За сайтове, създадени с Power Pages преди 23 септември 2022 г., има известен проблем, свързан с темите. Повече информация: Коригиране на фоновия цвят за вашия сайт в Power Pages

Редактиране на компоненти на код

Свойствата на компоненти на код могат да се редактират в работната област за страници.

За да редактирате компонент на код:

  1. Изберете компонента и изберете Редактиране на компонента на кода от лентата с инструменти.

  2. Задайте свойства за своя компонент на код.

  3. Изберете Готово.

За повече информация относно добавянето на компоненти на кода към формуляри и страници вижте Използване на компоненти на кода в Power Pages.

Вижте също