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

Управление на CSS файлове

  • Статия

Каскадни стилови таблици (CSS) ви позволява да контролирате форматирането и стилизирането на вашия сайт.

По подразбиране новите сайтове в Power Pages имат bootstrap.min.css, theme.css и portalbasictheme.css файлове, инсталирани като част от шаблоните на сайта.

Можете да промените стила, като използвате работната област за стилизиране, или можете да качите свои собствени персонализирани CSS файлове.

Когато качите нов персонализиран CSS файл, той ще бъде наличен като уеб файл в приложението за управление на портали.

Бележка

Power Pages сайтовете използват Bootstrap 3.3.x. Разработчиците на сайтове не трябва да заменят Bootstrap 3 с други CSS библиотеки като някои от сценариите в Power Pages зависят от Bootstrap 3.3.x. Повече информация: Bootstrap преглед.

Управление на персонализирани CSS файлове в работната област за стилизиране

  1. Отидете на Power Pages.

  2. Изберете Редактиране на сайта, към който искате да добавите страница.

  3. Изберете работната област за стилизиране.

  4. Изберете опцията Управление на CSS под „Още опции“ в работната област за стилизиране.

    Управление на CSS файлове с помощта на студиото за дизайн.

Качване на CSS файлове

В панела Управление на CSS се показва списък с CSS файловете по подразбиране:

  • bootstrapmin.css
  • theme.css
  • portalbasictheme.css

За да качите своя персонализиран CSS файл, изберете Качване и изберете вашия персонализиран CSS файл.

Качване на CSS файлове с помощта на студиото за дизайн.

Бележка

  • Можете да качвате потребителски CSS файлове с размер до 1 МБ.
  • След като персонализираният CSS файл бъде качен, визуализацията ще се отрази от дясната страна.
  • Качените потребителски CSS файлове ще бъдат приложими за всички теми.

Още опции

Изберете ... (многоточие) вдясно от персонализирания CSS файл, където можете да преместите файла по-високо или по-ниско по приоритет и да деактивирате персонализирания CSS файл.

Бележка

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

Ред на предимство за CSS файлове.

Архитектура

Всеки персонализиран CSS файл е с по-нисък приоритет от този по подразбиране portalbasictheme.css и по-висок от theme.css. Това приоритизиране има за цел да насърчи персонализирането на стилове с помощта на панел със стилове за предварително предоставени опции за стилизиране.

Бележка

Препоръчваме персонализираните CSS да се използва за форматиране само на стилове, които не са предоставени предварително в панела за стилове.

Предупреждение

Не деактивирайте, изтривайте или променяйте реда на показване на който и да е от CSS файловете по подразбиране (bootstrap.min.css, theme.css или portalbasictheme.css). Ще видите грешка в студиото за дизайн.
Актуализирайте CSS файлове с помощта на приложението за управление на портали.
Отворете приложението за управление на портала и за да възстановите състоянието по подразбиране и реда на показване на файловете по подразбиране CSS , за да разрешите проблема.

Изтриване на потребителски CSS файл

  1. CSS файловете се съхраняват като уеб файлове. За да премахнете потребителския CSS файл, отидете на приложението за управление на портали и изберете Уеб файлове.

  2. Намерете записа на персонализирания CSS файл. Може да се наложи да филтрирате Име и уебсайт стойности, за да намерите правилния запис.

  3. След като бъде избран записът на уеб файл, изберете Изтрий.

  4. В студиото за дизайн изберете Синхронизиране на конфигурацията за да изчистите промените в стила от персонализирания CSS.

Вижте също