Мұқабамен жұмыс істеу

Мұқаба - адам бетте бірінші болып көреді. Мұқаба материалдың не туралы екенін баяндайды және оны оқуға ынталандырады немесе өнімнің бірегей мәнін жеткізеді, оның неге қызықты екенін қысқаша түсіндіреді. Мұқабада көбінесе фон бейнесі болады – ол стильді фотосурет, атмосфералық бейне, жай түс, иллюстрация немесе градиент, текстура болуы мүмкін.

Мұқабалармен және фондық суреттермен және бейнелермен дұрыс жұмыс істеу үшін білу қажет бірнеше нәрсе бар.

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

Мұқабаның фондық суреті блоктың мазмұны → фон суретінде жүктелген.

Суретіңіз жақсы көрінуі үшін фондық суретті қалай пайдалану керектігі туралы ұсыныстарды біріктірдік.

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

Суретті таңдай бастамас бұрын Tilda Eduкation мақаласындағы «Мұқабаны қалай жасау керек» деген мақаламызды оқыңыз. Онда өз мұқабаңызды жасауға арналған кеңестер және жақсы кескінді табуға болатын қызметтерге сілтемелер бар.

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

Мұқабаларды мәтінмен толтырудың екі жолы бар: блоктың «Мазмұн» панелін пайдалану және бетті өңдеу бетіндегі мәтінді басу арқылы.

Мәтінді жоғарғы жағындағы панель арқылы немесе блок параметрлері → типографиясындағы өлшемін, түсін немесе басқа мәтін параметрлерін өзгерту арқылы пішімдеуге болады.

Салқын мұқаба жасау үшін мәтін мен фондық кескінді біріктірудің практикалық мысалдары бар «Мұқаба жасау әдісі» мақаласын және мұқабаңыз алғашқы 10 секундта назар аударуға көмектесетіндей «Веб-сайт үшін сату ұсынысын (USP) қалай жасау керек» деген мақаланы оқыңыз.

Жіңішке жамылғы жамылғысының биіктігі 100% емес, шамамен 60 немесе 70%. Бұл жағдайда мұқабада имидждік функция емес, утилитарлық болады, себебі екпін одан кейінгі ақпаратқа ауысады.

Мұндай терілерді жасау үшін блок параметрлерінде «Өлшемі бойынша» параметрі бар. Биіктікті не пикселдерде (мысалы, 400px) немесе экран биіктігінен пайызбен (vh, 1vh экранды көру портының 1%- ына тең) орнатуға болады. Вх биіктікті орнату дұрыс.

Фондық кескінді тондау
Мұқабадағы мәтін анық оқылуы үшін бейнені тондау қажет.
Ол үшін «Мұқаба» санатының блоктарында сүзгінің түсін реттеуге болады. Жоғарыдағы мысалда сүзгі түсі мұқабаның басы мен аяғында бірдей болады.
Кейде тондау үшін сайттың корпоративтік түсі немесе негізгі түсі қолданылады.

Мұқабадан кейінгі блок түсіне ауысу
Кейде мұқабаның келесі блокқа бірқалыпты ауысуы қажет. Ол үшін сүзгі түсін соңында 100% мөлдір еместігіне орнату керек. Ал түсінің өзі мұқабаның қасындағы блоктағыдай болуы керек.

Сондай-ақ мұқаба биіктігін екі есе ұлғайтып, төмендегі екі параметрді біріктіру арқылы әсерге қол жеткізуге болады:

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

Онлайн түрлендіргіштер арқылы бейнені webm және mpeg4 пішімінде жасап, оны хостингте немесе түрлендіргіштің хостингінде орналастыруға болады.

Мұқаба мазмұны бөліміне өтіп, бейнеге сілтемені қажетті өрістерде екі пішімде қойыңыз.

Неге екі пішімде?
Әр түрлі браузерлер әр түрлі форматтарды қолдайды және әмбебап форматы жоқ. Сондықтан пайдаланушы сайтқа кіргенде оның браузеріне жарамды форматта бейне көрсетіледі. Әйтпесе мұқаба бос болады.

Мұқабаңыз әр түрлі экран ажыратымдылықтарында басқаша пайда болады. Ал егер ең танымал қарарларда сыртқы келбеті сыни тұрғыдан өзгермесе, онда мобильді құрылғыларда мұқаба сіз күткеннен мүлдем өзгеше болып көрінуі мүмкін. Мұқабаның мобильді нұсқасын (және кез келген басқа блокты) жасау туралы егжей-тегжейлі нұсқауларды қараңыз.

Бейнені қамту ұялы телефонда жұмыс істемейді

Мобильді браузерлердегі операциялық жүйелердің ерекшеліктеріне байланысты жүйелердегі бейнені автоойнатуға тыйым салынғандықтан фондық бейне ойнатылмайтынын естен шығармаған жөн. Егер сайтта мұқаба бейне фоны болса, суретті кері жүктеуді ұмытпаңыз (Мазмұн қойындысы). Бейнені ойнату мүмкін болмаса, яғни телефондарда немесе планшеттерде қараған кезде көрсетіледі.

Деректерді қабылдау формасы CR26 (бір жазылым өрісі), CR26AN (бір жолға бірнеше өрісі бар форма), CR32 (оң жақтағы тік пішін), CR34 (мұқабадағы таймермен жазба формасы), CR36 (бір жағынан бейне/суретпен мұқаба және екінші жағынан формуляр) мұқабалары конструкциясының бір бөлігі болып табылады.

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

Мұқабалардағы пішіндер әдеттегі пішіндер сияқты әрекет етеді және реттейді. Пішінді орнату үшін деректерді қабылдау формаларын орнату туралы мақаламызды оқыңыз.

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

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

Егер күн дұрыс белгіленсе, мұқабада таймер пайда болады.

Мұқаба блоктары барлық құрылғыларға автоматты түрде бейімделген жақсы конструкцияның ойластырылған үлгілері болып табылады. Бірақ кейде элемент қосу немесе өз мұқабасын жасау керек. Мұны Нөлдік блок өңдегіші арқылы жасауға болады.

Мұқабалары бар көптеген блоктарды одан әрі нақтылау үшін Нөлдік блокқа түрлендіруге болады. Ол үшін блок параметрлеріне өтіп, төмен айналдырып, «Нөлдік блокқа түрлендіру» түймешігін басу керек.

Осыдан кейін мұқаба дұрыс бейімделуді сақтай отырып, Нөлдік блокқа түрлендіріледі. Егер өзгерістер енгізген болсаңыз, олар сақталмайды, сондықтан түрлендіру кезінде абай болыңыз.