Як уникализировать шаблон wordpress практика з скріншот!
Урок 142. Як уникализировать шаблон WordPress? Практика!
Нещодавно був на біржі фрілансу, і виявив, що люди не знають, як уникализировать шаблон. Гаразд, це не страшно, страшно те, що за таку послугу фрілансери беруть до 8 неоподатковуваних мінімумів доходів громадян! У цій статті Ви побачите, що Унікалізація шаблону - річ дуже проста, і тут нема за що платити такі гроші. Додайте до них ще пару тисяч і за таку ціну Вам з нуля зверстають шаблон psd. Тобишь готовий макет. Так що воно того не варто. Отже, для початку невелике введення. Навіщо потрібно уникализировать шаблон. Час йде, техніка розвивається, дороги будуються (тільки не вУкаіни), а пошукові системи (далі ПС) продовжують модернізуватися. Точніше розробники їх продовжують модернізувати. Так ось, красивою видачею вже нікого не здивуєш. Новими крутими фільтрами теж. Тому розробники пішли далі - вони навчили ПС міркувати щодо коду на Вашому сайті.
Щодо шаблону - ПС дивиться на назви тих чи інших блоків (мова йде про блоках
блокова верстка), і якщо 80% назв або більше збігаються з ще якимось сайтом (сайтами), то ПС робить висновок, що шаблон взятий з паблік. Тобто, не унікальний, а публічний - беріть хто хочете.
Зрозуміло, до сайтів з такими шаблонами різко почав падати довіру, і взагалі відношення погіршувався. Тому люди і почали замислюватися про те, як уникализировать шаблон. Унікалізація і полягає в зміні назв
блоків. Основні (header, footer, sidebar) і тд можна залишити. А ось другорядні краще замінювати. До другорядних відносяться назви, які були придумані кимось одним, а потім пішли по всьому інтернету.
Наприклад, у всіх точно є header, footer і подібні назви. Але навряд чи у багатьох будуть збігатися назви будь-яких унікальних елементів. Припустимо я вирішу зробити якусь цікаву кнопку і назву її "my_first_button". Швидше за все ця назва буде унікально. І це добре! Але якщо раптом з'явиться людина 100 з такою кнопкою, у якій таку ж назву - вся унікальність втрачається. Тому дуже бажано самим давати назви другорядним елементам.
Звичайно, це базова Унікалізація, насправді, якщо Ви хочете на всі 100% уникализировать шаблон, то доведеться змінити всі кольори, картинки і так далі. По-моєму, це зайве. Кольори можуть збігтися навіть на різних шаблонах, тому цей параметр не є важливим. Картинки так, бажано змінити. Не всі, звичайно, а ті, які можливо. Наприклад, логотип звичайно, змінити треба. А ось фонову картинку, картинку, яка обтікає сайдбар (в деяких шаблонах таке є), такі картинки можна залишити.
Ось все, що я візуально змінив на цьому блозі:
Логотип, напис "кращі уроки", там стандартно щось було написано, начебто "топові записи". І, замість стандартних двох зображень соц мережі (якщо хто бачив цей шаблон в інтернеті, той знає) вставив форму підпису на RSS.
Приступаємо до найцікавішого. Уникализировать шаблон я буду на прикладі мого блога. Якраз недавно його закрив, через зміну дизайну. Буду надавати скріншоти де і що я міняв. Поїхали!
Як уникализировать шаблон?
Ось перед нами відкритий файл header.php:
У ньому можна змінити багато чого. Логотип я вже міняв недавно. Раніше він виглядав так:
Зараз же, як видно на зображенні, він виглядає так:
Суть та ж, назви різні! Дивимося на картинку, я хочу змінити назву container.
Зміню я його, наприклад, на container_sa. Взагалі я вирішив, що всім назвами буду просто приписувати _sa. Від SlyArt. Можете зробити також, можете взагалі замість container написати trash або ще що. Фантазія Ваша тут обмежена лише латинським алфавітом.
Тепер сам процес зміни. Поміняли в header.php назва блоку, йдемо в файл style.css і шукаємо стара назва: container. знайшли:
Міняємо на .container_sa. Зберігаємо і заливаємо ці файли назад на сайт. Щоб переконатися в тому, що зміни пройшли, відкриємо вихідний код. Я відкрию його завдяки плагіну firebug для firefox. Ви ж просто можете відкрити вихідний код і натиснути: "знайти". В поле пошуку вводите container_sa. ну або яке ім'я Ви там задавали. І знаходимо.
Як бачимо, і сам div змінив назву, і в правій колонці бачимо, що для нього працює однойменний стиль, який ми міняли в файлі style.css.
Думаю тут весь процес ясний. Як уникализировать шаблон зрозуміло. Просто треба якомога більше назв змінити. Можна НЕ міняти такі назви: header, footer, content, wrapper. Ну і деякі інші. Тому що вони і так використовуються на 99.9% сайтів в інтернеті. Я думаю, що ПС не звертають уваги на ці назви, тому що в цьому немає сенсу. Навіть якщо Ви зараз замовите тисяч за 30 собі дизайн на блог, в ньому 100% будуть фігурувати ці назви. Так як вони загальні серед вебмайстрів.
Як бути з назвами блоків, у яких в файлі style.css кілька значень? Я спеціально підготував для цього наступний код:
Це в html. Навіщо я прописав в ньому теги h1 і p? Зараз дізнаєтеся. Ось як виглядають стилі для цього коду:
Справа в тому, що у Вас можуть бути два дива:
Тепер Ви знаєте, як уникализировать шаблон. Погодьтеся, нічого складного немає? І ось за це люди платять до 8 тисяч. А фрілансери з видом професіоналів вішають локшину на вуха клієнтам своїм, кажучи що Унікалізація шаблону - це дуже складна і довга операція, займе дня 3, і буде коштувати не дешево.
Кожен заробляє як може, але мені здається, що шахраювати в таких легких речах - дуже нахабно. Нахабніше тільки брати 2 тисячі рублів за зміну картинки одній на іншу.