Тақырыптарға арналған CSS өңдеу

Мақала
03/14/2023

Ескерім

2022 жылдың қазанынан бастап күшіне енеді, Power Apps порталдары — Power Pages.
2024 жылдың 26 ақпанынан бастап бұрынғы Power Apps порталдарының студиясы істен шығады. Оның орнына веб-сайттарыңызды өңдеу үшін Power Pages дизайн студиясын пайдаланыңыз. Қосымша ақпарат: Power Apps порталдарының студиясы істен шығарылады
Бұл тақырып бұрынғы мүмкіндіктерге қолданылады. Соңғы ақпарат алу үшін Microsoft Power Pages құжаттамасына өтіңіз.

Стильдердің каскадтық кестелері (CSS) веб-сайтыңыздың пішімін басқаруға мүмкіндік береді. Әдепкі бойынша bootstrap.min.css және theme.css файлдары қолжетімді. Бұрыннан бар CSS файлдарын өңдеуге және жаңа CSS файлдарын жүктеп салуға болады. Жаңа CSS файлын жүктеп салған кезде, ол порталды басқару бағдарламасында веб-файл ретінде қолжетімді болады.

Маңызды

Power Apps порталдары Оқиға порталы ерекшелігі бар Bootstrap 3.3.x инфрақұрылымына негізделген. Портал әзірлеушілері Bootstrap 3 инфрақұрылымын басқа CSS кітапханаларымен ауыстырмау тиіс, себебі Power Apps порталдарындағы кейбір сценарийлер Bootstrap 3.3.x инфрақұрылымына негізделген. Қосымша ақпарат алу үшін осы мақаладағы Бастапқы жүктеу құрылымын түсіну және Бастапқы жүктеуді реттеу бөлімдерін қараңыз.

a CSS код редакторында ашыңыз

a CSS код өңдегішінде ашу үшін порталды portals Studio бағдарламасында ашу үшін Power Apps өңдеңіз.

Экранның сол жағында Тақырып белгішесін таңдаңыз. осы кезде қолжетімді тақырыптар көрсетіледі.
Оны код өңдегішінде ашу үшін қажетті CSS үлгісін таңдаңыз.
Кодты өңдеп, өзгерістерді сақтаңыз.

Жаңа CSS файл жүктеп салыңыз

Жаңа CSS файлды жүктеп салу үшін порталды өңдетіп, Power Apps portals Studio бағдарламасында ашыңыз.

Экранның сол жағында Тақырып белгішесін таңдаңыз. осы кезде қолжетімді тақырыптар көрсетіледі.
Реттелетін CSS файлын жүктеп салу опциясын таңдаңыз.
Шолу жасап, жүктеу қажет CSS файлын таңдаңыз.

Теңшелетін CSS файлды жойыңыз

CSS файлдары веб-файлдар ретінде сақталады.

CSS файлын жою үшін Порталды басқару бағдарламасы бөліміне өтіп, Веб-файлдар опциясын таңдаңыз.
CSS файлының жазбасын табыңыз. Дұрыс жазбаны табу үшін Атауы және Веб-сайт мәндері бойынша сүзгілеу қажет болуы мүмкін.
Веб-файл жазбасы таңдалғаннан кейін Жою опциясын таңдаңыз.
Реттелетін CSS файлынан мәнерлеу өзгерістерін жою үшін Studio порталында Синхрондау конфигурациясы опциясын таңдаңыз.

Бастапқы жүктеу құрылымын түсіну

Бастапқы жүктеу жалпы веб-бағдарлама интерфейсінің элементтеріне арналған CSS және JavaScript құрамдастарын қамтитын интерфейстік инфрақұрылым болып табылады. Ол шарлау элементтерінің, пішіндердің, түймешіктердің мәнерлерін және сайт орналасуларының телефондар және планшеттер сияқты әртүрлі экран өлшемдері бар құрылғыларға динамикалық түрде реттелуіне мүмкіндік беретін бейімделгіш тор орналасуы жүйесін қамтиды. Бастапқы жүктеудің орналасу жүйесін пайдаланып, тұтынушылар пайдалануы мүмкін барлық құрылғыларға тиісті интерфейсті ұсынатын бір сайтты әзірлеуге болады.

Порталдарда қамтылған үлгілер қосымша минималды реттелетін мәнерлері бар стандартты бастапқы жүктеу құрамдастарын пайдалана отырып іске асырылады. Осылайша үлгілерді іске асырғанда сіз бастапқы жүктеу теңшеу параметрлерінің артықшылығын пайдалана аласыз. Тақырыпты (қаріптер, түстер және т.с.с.) жылдам және бүкіл порталда біркелкі қолданылатын түрде теңшеуге болады.

Бастапқы жүктеуді теңшеу

Бастапқы жүктеу айнымалылар жинағы арқылы теңшеуге қолдау көрсетеді. Осы айнымалы мәндердің кез келгенін немесе барлығын теңшелетін мәндерге орнатып, осы мәндер негізінде құрастырылған бастапқы жүктеу жүйесінің реттелетін нұсқасын жүктеп алуға болады.

Бастапқы жүктеу айнымалыларының артықшылығы олардың бір элемент мәнерін анықтамайтындығында болып табылады. Арқаулық жүйедегі барлық мәнерлер осы мәндерге негізделеді және олардан туындайды. Мысалы, @font-size-base айнымалысын қарастырайық. Ол бастапқы жүктеу қалыпты негізгі мәтінге тағайындайтын өлшемді көрсетеді. Дегенмен, осыған қоса, бастапқы жүктеу бұл айнымалыны тақырыптар мен басқа элементтердің қаріп өлшемін көрсету үшін пайдаланады. H1 элементінің өлшемін @font-size-base өлшемінің 300 пайызы ретінде анықтауға болады. Осы бір айнымалы мәнін орнатып, порталдың типографикалық масштабын біркелкі жолмен басқарасыз. Сол сияқты @link-color айнымалысы гиперсілтеме түсін басқарады. Осы мәнге тағайындалатын түс үшін бастапқы жүктеу сілтемелердің үстіне көрсеткіні апарған кездегі түсін реттелетін мәннен 15 пайыз күңгірттеу етіп анықтайды.

Бастапқы жүктеудің реттелетін нұсқасын жасаудың стандартты жолы Бастапқы жүктеу ресми сайты арқылы болып табылады. Дегенмен, бастапқы жүктеу танымал болғандықтан, осы мақсатта көптеген үшінші тарап сайттары да жасалған. Бұл сайттар бастапқы жүктеуді теңшеуге арналған пайдалануы оңай интерфейсті немесе жүктеп алатын алдын ала жасақталған бастапқы жүктеу нұсқаларын қамтамасыз етуі мүмкін. Ресми бастапқы жүктеу теңшеушісі сайтында бастапқы жүктеуді теңшеу туралы қосымша ақпарат бар.

Бастапқы жүктеудің теңшелетін нұсқасын жүктеп алғанда оның құрамында келесі каталогтар құрылымы болады.

css/
    |-- bootstrap.min.css 
img/
    |-- glyphicons-halflings-white.png 
    |-- glyphicons-halflings.png 
js/ 
    |-- bootstrap.min.js

Я болмаса, пайдаланылатын реттеуші бағдарламасына байланысты, оған тек bootstrap.min.css кіруі мүмкін. Осыған қарамастан, bootstrap.min.css теңшелімдерді қамтитын файл болып табылады. Басқа файлдар бастапқы жүктедің барлық теңшелетін нұсқаларында бірдей болады және порталға қосылып қойылған.

Сонымен қатар қараңыз

Ескерім

Сіз құжат тіліңіздің артықшылықтары туралы айта аласыз ба? Қысқа сауалнамаға қатысыңыз. (бұл сауалнама ағылшын тілінде екеніне назар аударыңыз)

Сауалнама шамамен жеті минут уақытыңызды алады. Жеке деректер жиналмайды (құпиялылық туралы мәлімдеме).