Якщо ви коли-небудь намагалися вручну вставити фрагмент коду, такий як код відстеження Google Analytics, на свій веб-сайт, копаючись у файлах шаблонів PHP, ви зрозумієте, наскільки це може бути складно. Filament.io робить це так само просто, як перетягування. Принаймні, це обіцянка.
Починаючи
Перейдіть на filament.io і натисніть кнопку реєстрації. Вам потрібно буде створити логін, але облікові записи Facebook і Google можна використовувати для швидкого доступу одним натисканням кнопки. Далі вам потрібно буде ввести домен, на якому ви будете його використовувати - ви можете додати більше пізніше.
Якщо ви працюєте з WordPress, це буде виявлено при скануванні сайту, і пропонується встановити доданий плагін, оскільки він дозволяє більш точно контролювати, який тип сторінок містить функціональні можливості філаменту (наприклад, тільки повідомлення, а не статичні). сторінки).
На наступному кроці екран реєстрації Filament надасть вам невеликий фрагмент JavaScript - вставте його на сторінку налаштувань плагіну. Це може бути останній шматочок коду JavaScript, який вам коли-небудь знадобиться! Ви можете використовувати Filament без плагіну, але у вас не буде стільки варіантів фільтрації, де відображаються сценарії.
Додавання програм
Екран Filament - це попередній перегляд вашого сайту в реальному часі, так що ви можете візуально створювати, куди ви хочете, щоб програми йшли. Почніть з додавання доброго набору соціальних кнопок під назвою Flare. У попередньому перегляді сайту перейдіть до повідомлення.
Натисніть New на бічній панелі, щоб відкрити параметри Flare. Flare - це чудовий власний набір кнопок загального доступу, які виглядають набагато краще, ніж стандартні кнопки, що надаються мережею, які ви, ймовірно, побачите в цій статті. Включено фірмовий логотип, який можна видалити, купивши преміум-ліцензію для плагіну.
Збережіть параметри, потім перетягніть новий додаток Flare на свій сайт. Початковий набір параметрів фільтрування буде показано. Ідіть і додайте його в усі мої повідомлення.
Потім у вас буде інший набір фільтрів для налаштування; вони включені плагіном WordPress. Як розробник, я звик до оточення скриптів у різних реченнях if if (не знаєте, що це таке? Прочитайте Керівництво для початківців PHP.) , але я дійсно можу оцінити міць цих фільтрів для тих, у кого немає ноу-хау визначення типу сторінок WordPress.
На технічному рівні плагін WordPress додає набір мета-тегів до вашої сторінки, які повідомляють Filament, що це за сторінка; Ініціалізатор Javascript Filament виявляє це і впроваджує сценарії, які ви хочете на цій конкретній сторінці, відповідно до встановлених вами фільтрів. Він не маніпулює скриптами будь-яким іншим способом - він просто впроваджує їх на сторінку.
Вам потрібно буде натиснути «Опублікувати», перш ніж зміни будуть відправлені на ваш сайт, і вони можуть з'явитися через кілька хвилин, тому не панікуйте, якщо це не відразу видно.
Натисніть на посилання Dashboard, щоб додати більше програм, або ви можете створити додаткові блоки Flare (якщо, наприклад, вам потрібен конкретний дизайн або кілька кнопок на головній сторінці).
На момент написання статті доступно 6 програм:
- Flare, плагін для соціальних закладок.
- Плеолог, який дозволяє користувачам легко обмінюватися цитатами, які вони виділяють з ваших статей.
- Паспорт, цікавий спосіб підкреслити весь ваш особистий соціальний профіль (так, я розумію, це звучить трохи соціально-орієнтований в даний момент)
- MailChimp - це підписка на відмінний сервіс списків розсилки (який, до речі, безкоштовний для 12000 листів на місяць і 2000 підписників)
- Google Analytics повинен бути знайомий всім, у кого є веб-сайт; Райан створив це чудове керівництво для початківців. щоб зрозуміти ваші аналітичні дані.
- Нарешті, CodeDrop дозволяє вам керувати будь-якими іншими фрагментами коду, які ви дали в іншому місці.
На панелі інструментів клацніть «Запустити». Зверніть увагу на спадний список для вибору сайтів - ви можете керувати кількома сайтами з одного облікового запису.
Це добре?
Візуальний інструмент макета дивовижно ефективний, уникаючи клопоту з спробою точно визначити правильне положення вручну. Якщо ви не впевнені, що редагуєте файли тем, це рятувальник життя. Але це може працювати тільки в рамках вашої існуючої теми. Він автоматично прив'язується до будь-яких елементів, знайдених на сторінці, але не може, наприклад, створити новий стовпчик для віджету, якщо ваша тема має тільки один стовпчик.
Іноді це також призводить до помилок, оскільки неминуче на вашій сторінці будуть динамічні елементи, такі як повзунки; або ваша тема CSS може заважати віджету. Можливо, вам доведеться пограти - але здебільшого це працює добре.
Навіть будучи веб-розробником, я ціную простоту використання і централізоване управління сценаріями. Мої файли нижнього колонтитула зазвичай повні коду для виводу сценаріїв тільки на певній сторінці - це робить цю безглузду легку очистку файлів теми.
Вибір програм в даний час досить обмежений, хоча, звичайно, ви завжди можете додати свої власні прості додавання коду через додаток CodeDrop - і обіцяні інші програми. Я відчуваю, що хочу, щоб ця функціональність була включена за замовчуванням в WordPress - незважаючи на всі досягнення в налаштуванні теми, ми все ще залишалися з таємним редагуванням PHP-шаблонів для додавання фрагментів JavaScript. На даний момент Filament.io заповнює вкрай необхідну діру у функціональності, про яку багато хто з нас навіть не підозрювали. Ви дали йому спробувати? Розкажіть нам свої думки.