Boxes - Cotonti плагін виведення вмісту в шаблон - вебмастер, сайт, веб
Boxes — Cotonti плагін, за допомогою якого можна вивести в шаблон різні блоки, віджети, лічильники відвідувань та інші доповнення, що допомагають оживити сайт і зробити його корисним для людей.
Boxes - Cotonti плагін тепер включає кілька можливостей відразу. Це і виведення тексту на головній, і можливість додавати метатеги, включати режим обслуговування, виводити лічильники відвідувань, код html css js та довільні блоки.
1. Текст на головній сторінці
Текст для головної сторінки сайту тепер можна заповнювати прямо з адмінпанелі, для цього потрібно перейти в конфігурацію Boxes - Cotonti плагін, якщо встановлено плагін CKEditor, він автоматично переключить текстове поле (textarea) у візуальний режим.
2. Виведення метатегів
Підтвердження за допомогою метатегів не завдасть клопоту, якщо є можливість їх додавання через адмінку. Тепер метатеги додаються легко та швидко, достатньо їх вставити у спеціальне поле у налаштуваннях плагіна boxes.
3. Підключення додаткових CSS, JS
Підключення css файлів окремо від загальних може знадобитися для оптимізації швидкості завантаження сайту, наприклад, якщо у вас css стилі розбиті на логічні файли (скидання, каркас, дефолтні, основні, візуалізація, респонсив), то за допомогою спеціального поля можна прописати основні файли css необхідні для початкового завантаження, а інші (другорядні) підвантажувати після завантаження сторінки (основного коду) як рекомендує Google в інструкції до pagespeed.
Але це налаштування більше для тих хто розуміє, що таке перевірка по pagespeed, для чого вона потрібна, і яке відношення мають вищезазначені способи виклику css до оптимізації сайту. Шлях до папки css вашого шаблону формуєтьсяавтоматично, файли перераховуються з нового рядка кожен, тільки назву та розширення, наприклад style.css.
Додаткові css стилі сайту можна підключити до наступного поля. Це зручно в тому випадку, коли ви хочете перезаписати існуючі установки, наприклад, колір посилання, або тимчасово приховати певний div. У полі для додаткових стилів додається css код, а не посилання на css файли, як у попередньому випадку.
Sss, js — в це поле можна підключити css js файли, як зовнішні так і внутрішні, з використанням стандартних html тегів відповідно до розширення файлу ( ).
4. Висновок js у нижній частині сайту
Поле для вставки вмісту js файлу — тут як і в підключенні css файлів шлях формується автоматично, потрібно тільки перерахувати файли js, що знаходяться в папці js вашого шаблону, тільки ім'я файлу та розширення, наприклад script.js, кожен з нової рядки. Вміст перелічених файлів з'явиться внизу структури шаблону (у футері).
Поле для вставки довільного js коду може стати в нагоді коли потрібно додати дрібні фрагменти скриптів, які рекомендується вбудовувати в тіло каркаса шаблону замість виклику окремого js файлу. Якщо немає доступу до ftp, це поле буде доречним.
Підключення js файлів - у це поле можна вставити html теги виклику скриптів ( ), як зовнішніх так і внутрішніх. Тут підключення файлів відбувається звичайним способом. На відміну від перших двох варіантів підключення скриптів, тут виводиться тег script, що є посиланням-контейнером, а в перших двох виводиться вміст data, що не має src.
Підключення лічильників відвідувань не повинно викликати скрути навіть у новачків, тому в плагіні boxes передбачено спеціальне поле, в яке вставляється код (або кодиякщо лічильник не один).
Також є додаткові вісім полів, кожне з яких доступне глобально по всьому сайту. Потрібно лише вставити відповідне поле у потрібне місце у шаблоні. Опис кожного поля можна додати до наступного поля.
5. Опис додаткових блоків
До цього поля додаються позначки ( описи ) для вищеописаних додаткових полів. Розділювачем є перенесення рядка. Таким чином, спочатку опис прив'яжеться до додаткового блоку під номером 1, все що буде з нового рядка - до блоку номер 2, і так далі.
6. Установка Boxes - Cotonti плагін
- Розпакувати та залити вміст у папку plugins.
- Встановити через адмінпанель: (Керування сайтом / Розширення / Boxes).
- Додати наведені нижче теги до шаблону
перед тегом додати , а потім додати , для правильної роботи зазначена черговість обов'язкова. У результаті у вас має вийти так: