глава дизайн - WordPress Codex
дизайн Header
Казват, че не може да се съди за книгата по корицата, и все пак хората го правят всеки ден. Те вземат книгата, погледнете капака и след това да направите нова, или се връща, или се преобърне и виж какво е написано на обратната страна, или да го отворите само като погледнете в капака. Уебсайтове също се оценяват за тяхното покритие и първите впечатления, които често идва от заглавията.
Наименование на вашия сайт, обикновено първото нещо, което хората виждат. От тази линия или изготвяне на горната част на страницата, хората правят радикални преценки за това, което виждат и четат. Същите хора, които казват, че не може да се съди за книгата по корицата, ние също казват, че имате само 30 секунди, за да направите добро впечатление. В света на интернет, където до следващата страница - кликнете с мишката, имате много по-малко време, за да го направя.
Ще ви разкажа за архитектурата на дял в WordPress и ще предлага съвети за това как да го настроите така, че тя да стане свой собствен "корица на книга", примамват хора към вашия сайт, да направи добро впечатление. Тогава ние ще ви предложим някои експертни съвети за това какво predstavlet добър удар с глава на сайта.
WordPress Заглавие
По подразбиране, WordPress заглавна е просто част от кода. Не е нужно да се разбере кода, за да промените заглавието, което се доставя с всеки WordPress тема. Трябва да инсталирате на вашия блог или уеб сайт име и описание на обекта в административния панел> Настройки> Общи. и WordPress ще свърши останалото.
В най-простата си форма - класическа тема - на WordPress заглавна predstavyaet код в WP-съдържание / теми / класически / header.php шаблонен файл.
Титла се намира в тага h1 и и изпълнява функция шаблони за маркери. се използва в две различни изпълнения или параметри. Можете да научите повече за тези настройки в документацията на bloginfo (). По принцип първите показва в URL на сайта във връзката, а втората показва името на вашия блог или сайт, както е предвидено в Administration_Panels> Administration_Panels # General> Settings_General_SubPanel панел. Когато потребителят се движи мишката върху името на заглавието, заглавието може да се натисне, за да се върнете към основния или началната страница, както е предвидено в административния панел> Настройки> Obschiel панел.
По подразбиране WordPress тема определя характеристиките на изображението във фонов режим и е заглавие, като този в WP-съдържание / теми / по подразбиране / header.php.
Заглавната част на подразбиране / Кубрик Тема на
шаблон маркер показва името на един блог или уебсайт в тази връзка, но тя показва по-скоро използването на заявка URL адреса по-горе. Той получава една и съща информация, просто по различен начин. Той добавя описанието на обекта в административния панел> Настройки> вкъщи.
Казано по-просто, това са два примера за заглавията са едно и също нещо по различни начини. Те предоставят информация за титлата с потенциал да се настанят на изображението, както и създаване кликване заглавие може да помогне с навигация на сайта. Това е просто въпрос на колко информация, която искате в заглавието и как ще се появи тази информация.
Използването на първия пример на класическата тема, то ще продължи да може да се използва като фон, разположен в стил лист, за да h1 селектор, втората тема дава повече контрол за използване на снимката в заглавната чрез възлагане го sobstvennosy разделен област. Начинът, по който изглежда, е напълно контролирана от стилове.
Заглавие стилове
Както е посочено в горните два примера, стилове заглавието, съдържащи се в CSS селектори: h1. глава. headerimg. и описание. Всичко това е в style.css. въпреки че може да бъде и във файловете header.php стил от темата, която използвате. Вие ще трябва да се провери и на двете места. класическа тема CSS В продължение на заглавната част са на една и съща селектор #header.
Зелен цвят е избран като цвета на фона и контур около титлата, но на границата има различен тон и създава укрепена, ефект на сянка. Font Times New Roman е настроен на 230% в размер с по-широк от обикновено между символи разстояние. Отстъпи встрани създава отстъп за текста в заглавната си част.
Всички те могат лесно да се променя само да редактирате всеки атрибут стил: може да се увеличи дебелината на границите и всички с един и същи цвят, само влияе цвета на фона, размера на шрифта и стила, разстоянието между буквите и т.н.
Същото важи и за титлата в подразбиране WordPress тема, освен, че има още няколко стилове, които ще трябва да се погрижа. Те са вътре в header.php в "главата" маркер в style.css. Когато има голям брой стилове, по-добре е да се движи цялата информация в стилове.
Styles, които контролират тип глава са в h1, глава. headerimg. и описание на CSS селектори. Както и за класическата тема, можете да намерите тези връзки и да направите промени там, за да промените външния вид.
Промяна на заглавната част на изображението за WordPress тема по подразбиране е опростена с въвеждането на един инструмент, наречен Kubrickr. Той просто иска да сложи ново име на файла на изображението за заглавната част, а след това се превежда за вас, така че не е нужно да се копае в кода. Ако всичко, което искате да промените изображението на заглавната е, че е изключително полезна и прост инструмент.
Ако искате да програмирате, или копаят в своите заглавни стилове и да направи всички необходими промени. Ето един прост урок за промяна само заглавието на изображението ръчно.
Промяна на изображението на глава
Има много различни заглавна графични и дизайнерски решения са достъпни за редактиране и използване. стилове за изображението на заглавна част, нито по подразбиране WordPress тема Кубрик, и всяка тема се основава на този въпрос, са по-трудно да се промени от тези на класическите теми. Стилове са в диапазона от стилове в раздела header.php "глава", както и styles.css. За да промените само на графични връзки заглавни, отворете header.php файла на шаблона и за стилове като това изглежда:
Запазете файла на шаблона и го и изображението на вашия сайт качвате и да погледнем. Може да се наложи да бъдат направени, за да фина настройка на разположението и външния вид Някои промени.
С образа на заглавката на сайта, че е време да се справи с останалите заглавия. Отворете style.css стил лист файл, и имайте предвид следното:
Спецификация за изображението на заглавната
Тема образ, който се вписва в WordPress тема по подразбиране е на около 192 х 740 пиксела. Когато заглавието се заменя по никакъв WordPress тема, проверете размера на заглавната част на изображението, а след това да се намери заместник, който съвпада с този размер. Ако изберете заглавната снимка, която е по-малка или по-широки или по-висок от замяната, може да се наложи да промените другите структурни елементи на уеб страницата, за да се даде възможност за промени в размера на заглавната си част.
Ако зададете на вашия уеб сайт, за да "плува", който се намира в средата на прозореца на браузъра да се поставят от двете страни, а след това можете да настроите ширината на хедър, който искате. При разработването на темата с гъвкави или "еластична" ширината на екрана, ширината на заглавната става важно.
Ако използвате изображението на хедър, който може да се повтори, а вие сте с помощта на еластични ширини, можете да зададете стилове в заглавната отново, за да запълни пространството:
Тази снимка заглавна zastvit многократно хоризонтално, започвайки от горния ляв ъгъл до края. Можете да настроите това поведение, както желаете фон позиция според вашите спецификации и дизайн нужди.
глава изкуство
Избор на предварително отпечатана глава изкуство има някои предимства. художници са направили работата и всичко, което трябва да направите, е да изберете дизайн, който най-добре отговаря вашия сайт. И графиката е готов за употреба, вече размера и записан като размер на файла малък.
WordPress Header Art Digital Westex има голям избор от изкуствени заглавия на разположение за свободно изтегляне изключително за WordPress
Copyright Изкуствен Header
Развиване на свой собствен титла
Можете да развиете собствен изкуствен хедър. Подходящ за всеки разработка на софтуер графичен дизайн. Най-популярен е: Adobe Photoshop, Adobe Elements, Jasc PaintShop Pro, бродиране и Macromedia Fireworks. Софтуер за графичен дизайн трябва да има функция за мащабиране, контролира разделителната способност на изображението и вида при запис. Размерът на вашия изкуствено удар с глава трябва да бъде съобразен с контейнера за изображението в заглавната част на сайта.
Можете да използвате вашия собствен fotgrafii, снимки, шрифтове, както и всяка комбинация от изображения, за да създадете свой Imitativi хедър. Когато сте готови, просто го запишете като JPG, GIF или .png "за Уеб" файла. За обяснения могат да се отнесат към статията GIF-JPG-PNG SitePoint на Каква е разликата на разликата между тези видове. Тези файлове ще компресират изображението, намаляване на размера на файла. Препоръчително е да се избегне размерът на файла е по-голям от 50K, по-бавно razmertem сайта на натоварване.
Скриване на текст заглавие
Много теми и тематични дизайнери искат да им покаже заглавието със снимките, не е въведен. Някои ще постави текста в графично представяне, така че не се изисква действително използване на текста. Единият вариант е да се премахнат шаблон тагове, които генерират заглавието и описанието. Друг вариант е да го оставите, но за да го скрие.
За да скриете титлата, оставяйки в кода, не променя нищо в шаблонните файлове. CSS променя само. Добави дисплей: няма в CSS селектори не искате да се появи. Например, за да се скрие текста в h1 селектора:
Създаване на интерактивни титла
За да бъде заглавието на интерактивна мрежа, трябва да се постави цялата връзката заглавни графика. Има два начина да направите това:
Към глава интерактивно изкуство чрез внасянето му в хедър файла на шаблона на WP-съдържание / теми / класически / header.php на вашия WordPress тема, променете следното:
този фрагмент:
Можете да се получи желаният заглавна стил h1, така че той е бил обхванат от друг блок или я спуснете долу, или пък дори да не се вижда. За това, че цялата зона се превърна в интерактивен хедър, заглавието трябва да има широчина на набор котва за h1 HTML тагове за покриване на активната област изображение в заглавката на заден план. стилове са разположени в стилове.
Въртяща Заглавната снимка
Има скриптове, които ви позволяват да завъртите изображението в заглавния, лента или който и да е файл с шаблон. Ние считаме, че използването на един от тях - Random Изображение Rotator. Запазване на сценария в папка, която съдържа образа хедър, който искате да се върти. Например, да го наречем rotate.php. Използвайте фоново изображение се променя или се върти с всяка нова страница за изтегляне:
Да наистина го направи в заглавието, или някъде другаде на сайта си, добавете линк към изображението в водещият блок:
Изображение въртене скрипт се състои от:
Добави навигация, за да си начело Заглавие
Заглавия са друга област, в която можете да добавите елементи за навигация към вашия сайт. Като правило, тези хоризонтални меню в горната или долната част на заглавието. За да добавите това, да създадете нов блок в заглавката - навигация устройството и приложите стил към това устройство.
За да се направи този стил лист, използвайте #categorylist в style.css.
Устройството ще изглежда така:
Съвети за създаване на заглавия
Ето някои съвети и информация, за да ви помогне да изберете и да персонализирате заглавната част на WordPress сайт.
Смели и драматични заглавия се поддават на смело проектирани сайтове, докато меки и пастелни цветни сайтове могат да служат за по-нежна графични заглавки. Сайт, посветен на пънк рок и гръндж трябва да има заглавна поглед пънкарски и гръндж. Тя е до теб, но мисля, консистенция.
Прибързаните и панаирджийски заглавия са смели сайтове, а меки и пастелни цветове сайтове могат да служат за безалкохолни графични заглавки. Сайт, посветен на пънк-рок и пънк гръндж група трябва да има или grazhevy хедър. Това зависи от вас, но го правим постоянно.
допълнителна информация
образ на надписа
Много WordPress Теми на разположение вече ofrmlenii заглавия с grfikoy ви mozhetet използвате, защото те са на разположение за свободно под litsenzieyGPL - General Public License. Или можете да една и perchislennyh resursovdostupnyh безплатно в интернет, или да разработят свои собствени снимки.
Ето някои ресурси, където можете да намерите изображения на заглавието: