Редагування та оптимізація шаблону для

Редагування та оптимізація шаблону для
Редагування шаблону справа важка, але потрібне. Давно думав змінити шаблон на інший, як то бажається простору, але без наворотів. Але взяти сподобався і встановити мені не хотілося, тому я вирішив полізти глибоко в його код шаблону, трохи його підправити: прибрати непотрібні елементи, додати потрібний робочий код. Крім того мені хочеться полегшити свій шаблон, прискоривши його завантаження. Для мене це найважче завдання, так як іноді доведеться різати по живому, видаляти багато плагінів, які мені полегшували життя.

Для редагування шаблону я вже підвів основу, тепер я повинен взяти перший файл в розробку. Я відкрию файл index.php, так як він працює як скилет в встановлюється шаблоні для wordpress: вказує всім іншим файлом на порядок і час завантаження в браузер користувача. Відкривши цей файл програмою Notepad ++ я звертаю увагу на перший рядок.
Бачу наступний код

Він означає, що першим при генерації сторінки блогу завантажується файл header.php. Звертаю увагу, що перед цим рядком немає нічого написаного. Тепер я для виконання редагування та адаптації шаблону відкриваю файл header.php.

На самому початку роботи дивлюся на кількість рядків у файлах: в файлі index.php 49 рядків, але 17 порожніх, а в файлі header.php - 58 рядків, з яких 31 - порожня. Коли я буду завершувати роботу редагування шаблону, я видалю всі порожні рядки, браузер при завантаженні сторінки буде економити час при читанні кодів - ця така мінімальна робота по адаптації шаблону для блогу.

Перед редагуванням файлів index.php і header.php міняю кодування документів на UTF-8, я розповідав про це в попередній статті «Редагування шаблону WordPress»

1 рядок - дуже важлива для верифікації документа, вона підтверджує, що сторінка написана на вірному мовою, керуючись прийнятими стандартами. Я за цей рядок не переймаюся - є і нехай буде. Йду далі.

Я звертаючи увагу на рядок 2 - браузером

Він короткий, на зразок нешкідливий, але коли буде генеруватися головна сторінка блогу, він завантажить дуже багато коду: стилі плагіна посторінковою навігації, плагін капчи, All in One SEO Plugin, wp-syntax, Google Analytics, topsy. У Вас можуть завантажуватися властивості, стилі інших встановлених плагінів. Крім того, виконується висновок робочих скриптів з папки CMS WordPress wp-includes.

Висновок один. Я повинен оцінити необхідність для блогу кожного такого плагіна. і вирішити чи потрібен він чи пустити під ніж. Як приклад, я не можу обійтися без плагіна All in One SEO Plugin, дуже багато витратив часу на пошуки плагіна wp-syntax. Вони вантажать мій блог, але і віддача від них велика.

А ось без плагінів Вордпресс Google Analytics. topsy я прекрасно обійдуся, тим більше для останнього я знайшов заміну. Так що тут оптимізація шаблону зводиться до того, щоб залишити тільки потрібні плагіни. Щодо капчи. так потрібно теж шукати заміну, яка не буде розкидатися кодами.

Я не кодер і не програміст, тому не можу змінити вставляється код окремих плагінів в шаблон. Тим більше що написали їх люди, запровадивши коди в завантажений шаблон, на щось розраховували. Значить, якщо я буду змінювати код плагіна - я його можу просто зробити непрацездатним, тому моє дію, як блогера - видалити все зайве.

На цьому робота з невидимим кодом для читача завершено. Якщо хто знає як прибрати завантаження стилів і скриптів в шаблон без відключення самих плагінів - прошу поділитися радою.

Тепер видимий код.

Назва блогу і девіз виводиться за допомогою запитів до бази даних, які потрібно замінити. В правому куті знаходиться пошукова форма: мені не подобається біла мордочка, в низу під нею - хмара тегів - фраз, які використовувалися при пошуку, і перекласти назву кнопки "Search".

Посилання з'явилися, але стиль їх відображення мені дуже не подобається, букви маленькі підкреслення не до місця. Тому саме час відвідати файл style.css і трохи там відредагувати потрібні мені стилі: hot і topsearch.

Виявляється, що пошукова форма оформлена за допомогою вставки зображення в форматі gif, не особливо велика, але навіщо воно там потрібно, якщо можна прекрасно цей контейнер залити таким же кольором, як і зображення.

Ось з реалізацією цієї задумки у мене виникли проблеми, справа в тому, що в файлі стилів 323 рядки, багато пустого місця, крім того, я насилу знайшов код, де реалізована завантаження зображення в форму пошуку.

Я вже показую відредагований код файлу. Але потім мені довелося помучатся, коли потрібно було відредагувати колір кнопки і написи "Search".

Довелося трохи вкоротити довжину пошукового поля для введення слів, і відсунути праворуч від нього кнопку пошуку.

Відразу ж виконаю переклад файлу, який відповідає за виведення пошукової форми в шаблон блогу. Тим більше тут все просто, я повинен змінити кодування і замінити виділене слово на "Пошук".

З перекладом перших двох файлів шаблону я впорався. Німого їх адаптував, розібрався звідки береться велика кількість коду. Після установки повністю адаптованого шаблону мені доведеться повністю переглядати встановлені плагіни WordPress на блозі seomans.ru.

А зараз я завершив роботу з моєю темою .... Далі буде…

Вітаю! Я хотіла змінити шаблон, змінювала коди і все зіпсувала. Мій шаблон взагалі «полетів» (((Як мені бути - підкажіть, будь ласка! Як мені все видалити або повернути все по-старому? Спасибі за поради! Я новачок. Мій сайт yarovaya - travel точка ru

Вітаю! Спасибі за відповідь! Я вчора написала Вам, а потім сама змогла поміняти шаблон на інший. А сайт не наповнений, тому що я новачок і хочу спершу розібратися з настоянками шкоду преса, а потім вже наповнювати сайт. Ви написали що карта сайту у мене не правильно активована, а могли б пояснити що я не так зробила? Дякуємо!

З настройками вордпресс зручніше розбиратися на блозі, який встановлений на Denwere. не дивлячись на певний досвід роботи з цим движком я все нове відчуваю на тестовому блозі, коли я добиваюся того, що потрібно, переношу на свій блог.

Дякую за поради. Блог запустила сама, все роблю сама, читаю багато. Може не все розумію відразу, але не думаю що у інших людей все виходить з першого разу.

Схожі статті