Одржавање ЦСС -а у Престасхопу

Страница за одржавање веб странице је врло важан аспект, јер постоје тренуци у којима из различитих разлога (проблеми с добављачем, ажурирање изворног кода, ступање на снагу нових комерцијалних прописа) у којима морамо на тренутак обуставити нашу страницу, међутим, које корисник и потенцијални клијент виде морају одражавати сву професионалност особе иза које стоји.
одржавање.цсс
Приликом уласка у режим одржавање у нашој онлине продавници Престасхоп, наши корисници ће видети следеће ако користимо подразумевану тему:

Ово далеко од тога да је нешто персонализирано, међутим захваљујући датотеци маинтенанце.цсс можемо је измијенити и прилагодити тако да буде у складу с нашом сликом.
Погледајмо садржај ове датотеке:

 *, боди {маргин: 0; паддинг: 0} боди {фонт-фамили: 90% / 1ем 'Луцида Гранде', Вердана, санс-сериф} #маинтенанце {видтх: 450пк; маргина: 35пк ауто 0 ауто; паддинг: 12пк 0; позадина: #ффф; поравнање текста: центар; текстуална трансформација: нема; фонт-веигхт: нормал; размак између слова: 0; боја: # Ц73178} # порука {ширина: 450пк; маргин-топ: 35пк; паддинг: 12пк 15пк; бордер-топ: 1пк тачкасто # 666; бордер-боттом: 1пк тачкасто # 666; позадина: # Ф9Е3ЕЕ; тект-алигн: јустифи; фонт: 90% / 1ем 'Луцида Гранде', Вердана, без серифа; текстуална трансформација: нема; фонт-веигхт: нормал; размак између слова: 0; боја: # Ц73178} # порука имг {паддинг: 30пк} 

Приликом процене кода схватамо да имамо 3 велика селектора, који дају структуру нашој страници за одржавање, хајде да сада видимо следећу слику како бисмо могли визуелно лоцирати сваки селектор:

Уочавамо да селектор #одржавање је општи контејнер унутар којег имамо #мессаге имг који регулише слику поруке и тада имамо #порука који је текст са поруком коју желимо да прикажемо.
маинтенаце.тпл
Датотеке ЦСС оф Престасхоп контролне датотеке .тпл шта су шаблони Паметно, употреба шаблона побољшава и олакшава рад, за то морамо знати шаблон одржавање.тпл Хајде да видимо код који га разуме:

 {$ мета_титле | есцапе: 'хтмлалл': 'УТФ-8'} {иф иссет ($ мета_десцриптион)} {/ иф} {иф иссет ($ мета_кеивордс)} {/ иф}


{л с = 'Због ***** ради одржавања веб локације, наша онлине продавница је привремено искључена. Извињавамо се због непријатности и молимо вас да покушате поново касније! '}

Као што видимо сваки од селектора ЦСС она је присутна у овој датотеци па ће свака промена коју направимо имати утицаја на овај одељак.
На пример у одељку за поруке:

{л с = 'Због ***** ради одржавања веб локације, наша онлине продавница је привремено искључена. Извињавамо се због непријатности и молимо вас да покушате поново касније! '}

Можемо га променити у следеће:

{л с = 'Ова страница се одржава. Молимо контактирајте следећу АБЦ Сторе Онлине Лимитед 33 В. 111 Стреет, Нев Иорк, НИ 10001, УСА Телефон: (212) 210-2100 '}

Тада можемо изменити ЦСС са следећим:

 #одржавање {ширина: 750пк; маргина: 35пк ауто 0 ауто; паддинг: 12пк 0; позадина: #фефефе; поравнање текста: центар; текстуална трансформација: нема; фонт-веигхт: болд; размак између слова: 0; боја: # 3ФЦА66} # порука {ширина: 450пк; маргин-топ: 35пк; паддинг: 12пк 15пк; бордер-топ: 1пк тачкасто # 666; бордер-боттом: 1пк тачкасто # 666; позадина: # 2ЕЕ6Ф3; тект-алигн: јустифи; фонт: 90% / 1ем 'Луцида Гранде', Вердана, без серифа; текстуална трансформација: нема; фонт-веигхт: нормал; размак између слова: 0; боја: # 000} # порука имг {паддинг: 10пк} 

Помоћу ових малих промена које означавамо подебљано, додатих променама направљеним у .тпл шаблону, можемо постићи нешто слично следећој слици:

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