Делите путем

Прилагођавање веб-страница помоћу уређивача страница студија за дизајнирање

  • Чланак

Када додате потребне веб-странице и управљате њиховом хијерархијом на мапи локације, можете додати разне компоненте. WYSIWYG уређивач страница студија за дизајнирање је део радног простора страница. Користите уређивач да додајете и уређујете потребне компоненте на подлози.

Коришћење уређивача

Да бисте користили уређивач:

  1. Отворите студио за дизајнирање да бисте изменили садржај и компоненте портала.

  2. Идите на радни простор страница.

  3. Изаберите страницу на којој желите да додате компоненту или одељак.

  4. Да бисте додали одељак, задржите показивач изнад неког одељка који може да се уређује, а затим изаберите знак плус (+). Затим можете да одаберете неку од следећих шест опција распореда одељака.

    Шест опција распореда одељака.

  5. Да бисте додали компоненту, задржите показивач изнад одељка у који желите да поставите компоненту, а затим изаберите +. Затим можете бирати између расположивих компоненти.

    Опције менија за додавање компоненти.

    Напомена

    Веб-предлошке можете да креирате и користите као компоненте на веб-страницама.
    Још информација: Упутство: Креирање компоненте веб-предлошка

    Можете да превучете и отпустите одељке, колоне и компоненте да бисте их прераспоредили на страници.

    Да бисте превукли објекат, кликните и држите притиснут леви тастер миша или притисните размакницу док је фокусиран. Затим превуците објекат у циљну област помоћу миша или стрелица на тастатури. Зоне отпуштања указују на место где објекат може да се смести. Када стигнете до зоне отпуштања, отпустите леви тастер миша или притисните размакницу да бисте отпустили објекат.

    Напомена

    • Неке компоненте се не могу превлачити, укључујући заглавље, подножје и неке угнежђене компоненте (на пример, везе унутар текстуалне компоненте).
    • Функционалност превлачења и отпуштања није подржана за одељке на којима је CSS својство flex-direction постављено на row-reverse.

  6. Да бисте избрисали компоненту, изаберите компоненту на подлози, а затим изаберите Избриши.

За свеобухватније искуство уређивања, можете да користите режим уређивања преко целог екрана тако што ћете изабрати икону са двоструком стрелицом у горњем десном углу уређивача. Такође можете да се пребаците у Visual Studio Code, увећате (+), умањите(-) или да вратите приказ подлоге за дизајн странице на 100%.

Контроле за опције свеобухватног уређивања, укључујући увећавање, увећавање и поништавање зума.

Уређивање компоненти

Сви одељци и компоненте омогућавају уређивање у контексту. Било који одељак или компоненту можете да уређујете директно са подлоге.

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

Снимак екрана иконе четкице за сликање.

Доступни стилови се заснивају на типу компоненте. Тренутно су подржани одељци, текст, дугмад, слике и видео записи. Доступни стилови се разликују у зависности од типа компоненте и укључују:

  • Распоред – контролишите постављање и распоред елемената на страници, као што су маргине, уложак и положај.

  • Украси – поспешују визуелни изглед елемената, као што су ивице, сенке и угаони радијус.

  • Типографија – промените изглед текста, укључујући својства као што су фонт-породица, величина фонта и размак између слова.

Белешка

Када користите икону четкице за сликање да бисте применили стилове, ова подешавања обично имају предност у односу на поставке конфигурисане у Стајлинг радном простору и све постојеће обичаје CSS. На пример, мењање фонта текстуалне компоненте помоћу алатке за четкицу обично ће заменити фонт одређен темом (као што је "Наслов 1") или друге наслеђене стилове. Међутим, стилови дефинисани директивом !important у вашем обичају CSS нису замењени.

Опозови/понови радњу

У радном простору странице дугмад за опозив/понављање се приказују у горњем левом углу подлоге. Дугме за опозив је омогућено када извршите неку промену. Дугме за понављање је омогућено када опозовете неку радњу.

Радни простор странице са приказаним дугмадима за опозив и понављање.

Да бисте вратили радњу, изаберите дугме „Опозови“.

Да бисте вратили опозвану радњу, изаберите дугме „Понови“.

Операције опозива понављања подржавају само промене које правите у радном простору страница. Историја радњи се брише када освежите страницу прегледача или одете у други радни простор унутар студија за дизајнирање.

Ограничења

Синхронизовање, чување, преглед, зумирање, проширивање/сажимање радног простора, кретање између радних простора и страница, као и отпремање медија и CSS датотека нису подржани.

Напомена

  • Не можете да избришете заглавље или подножје странице у радном простору страница. У чланку Веб-предлошци потражите више информација о креирању прилагођених распореда на страницама.
  • За локације креиране у услузи Power Pages пре 23. септембра 2022. постоји познати проблем везан за теме. Још информација: Прилагођавање боје позадине за вашу Power Pages локацију

Уређивање компоненти кода

Својства компоненти кода се могу уређивати унутар радног простора страница.

Да бисте уређивали компоненту кода:

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

  2. Подесите својства за компоненту кода.

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

Више информација о додавању компоненти кода обрасцима и страницама потражите у чланку Коришћење компоненти кода у услузи Power Pages.

Погледајте и