WPCode проти Fluent Snippets: що краще? Порівняння плагінів та практичний посібник

Навіть найгарніший код може зіпсувати роботу вашого сайту WordPress, якщо ви оберете неправильні плагіни.

Це не перебільшення. Я бачив забагато вебсайтів, які працювали чудово, але їхня швидкість завантаження підскочила з 0.8 секунди до 3 секунд після додавання кількох фрагментів коду. Після тривалого розслідування виявилося, що певний фрагмент коду виконував купу непотрібних запитів до бази даних.

Отже, сьогодні давайте поговоримо про WPCode та Fluent Snippets, два плагіни для керування фрагментами коду, які часто порівнюють у спільноті WordPress.

Чесно кажучи, я активно користувався обома і навіть допомагав друзям уникнути деяких пасток. Сьогодні я поділюся своїм чесним досвідом.

Дозвольте мені почати з деякої передісторії.

Існує кілька способів додавання власного коду в WordPress. Один із них — це безпосередня зміна файлу functions.php теми, що є простим і зрозумілим, але з кожним оновленням все втрачається; інший — використання дочірньої теми, яка трохи краща, але все одно потребує вищих витрат на обслуговування; і ще один — знайти надійний плагін для фрагментів коду, який безпечніший в управлінні та виконанні.

WPCode та Fluent Snippets є конкурентами у цих двох напрямках.

WPCode , ветеран спільноти WordPress, є продуктом команди WPCode та завжди мав гарну репутацію. Він має рейтинг 4.9 з 10; незважаючи на те, що має лише 31 відгук, цей бал говорить сам за себе.

Fluent Snippets , ще один продукт від команди WPManageNinja — так, тієї ж команди, яка створила FluentCRM. Він має понад 40 000 встановлень та рейтинг 4.6, трохи менше, ніж у WPCode, але з учетверо більшою кількістю встановлень.

Це цікаво. Зворотна залежність між обсягом встановлення та рейтингами має бути обґрунтованою.

Досвід редактора

WPCode використовує редактор ACE, який, дозвольте мені сказати, має виразно традиційний стиль WordPress. У ньому є підсвічування коду, але колірна схема досить консервативна, і забудьте про автодоповнення коду. Якщо ви звикли до VS Code, його використання тут викличе у вас дезорієнтуюче відчуття: «Ах, я подорожував на п'ять років тому».

Fluent Snippets відрізняється; він безпосередньо інтегрований у Monaco Editor.

Так, це той самий редактор, що й у VS Code. Підсвічування коду, автодоповнення, синтаксичні підказки — весь процес майже ідентичний написанню коду локально. Коли я вперше його використав, я одразу закохався в нього. Це було те саме відчуття: «нарешті плагін, який готовий створити пристойний редактор!».

Але ось питання: чи обов'язково кращий редактор означає кращий користувацький досвід?

невизначений.

Я знаю друга в Шеньчжені, який керує бізнесом з веб-сайтів контенту. Він є власником веб-сайту, який самостійно підтримує понад тридцять веб-сайтів. Він сказав мені, що любить WPCode. Чому? Тому що це просто. Відкриває бекенд, клацає кілька разів, з'являється код, і все. Йому не потрібні жодні вигадливі функції; йому потрібна стабільність і безпомилкова робота.

Ці слова справді зворушили мене тоді.

Так, Monaco Editor чудовий і дуже потужний. Але для того, хто керує більш ніж тридцятьма вебсайтами щодня, сама крива навчання є тягарем.

存储方式

Обговоривши редактор, перейдемо до чогось більш хардкорного.

WPCode зберігається в базі даних, а всі фрагменти зберігаються в таблиці wp_options. Кожна операція читання включає запит до бази даних, і в сценаріях з високою паралельністю ця кількість запитів може накопичуватися.

Fluent Snippets використовує файлове сховище. Фрагменти коду зберігаються як PHP-файли в каталозі wp-content/fluent-snippets/, і WordPress включає їх безпосередньо під час виконання, минаючи запити до бази даних.

Теоретично, зберігання файлів швидше та безпечніше.

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

Але є одне «але».

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

Тому немає чарівного рішення; кожен сценарій має свою мету.

Умови навантаження

Саме тут і полягає найбільш очевидна різниця між двома плагінами.

Умовне завантаження WPCode досить базове, підтримується як завантаження на передньому плані, так і на фоні. Ви також можете ввімкнути або вимкнути його глобально. Це так просто.

Умовне завантаження Fluent Snippets неймовірне; воно може базуватися на ролях користувачів, правилах URL-адрес, типах пристроїв і навіть настроюваних полях. Його професіоналізм просто неймовірний.

这意味着什么？

Це означає, що ви можете досягти дуже детального контролю. Наприклад, «завантажувати цей код лише на мобільних пристроях, URL-адреса яких містить /product/, і користувач не ввійшов у систему» ​​– це вимога, яку практично неможливо виконати в WPCode, але вона є стандартною функцією в Fluent Snippets.

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

Мої почуття

WPCode — це як швейцарський ніж: він достатній та стабільний, але його функціональність має обмеження.

Fluent Snippets – це як професійний набір інструментів; ви можете зробити більше, але вам потрібно знати, що ви робите.

Чесно кажучи, ці двоє навіть не є конкурентами в одній галузі.

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

Якщо ви виконуєте складні операції або ваш сайт має складну бізнес-логіку, умовне завантаження Fluent Snippets може стати справжнім порятунком.

Практичне застосування: тип контенту не може безпосередньо викликати шорткоди

Добре, тепер, коли ми розглянули основні порівняння, перейдемо до практичних прикладів.

Багато людей створюють фрагмент коду типу Content у Fluent Snippets, а потім пишуть у ньому шорткоди.

такий як

[nihaoya]

Саме так.

Дозвольте сказати вам, я вже потрапляв у цю пастку раніше.

Fluent Snippets підтримує три типи фрагментів: тип PHP, тип контенту та тип CSS/JS.

Якщо ваш фрагмент коду встановлено на тип «Вміст (PHP+HTML)», напишіть всередині наступне: [nihaoya]Він не розбиратиме його; він лише... [nihaoya] Ці символи виводяться точно так само, як і були.

Це просто звичайний текст, а не скорочений вивід.

Щоб шорткод фактично виконався, його потрібно обгорнути у функцію PHP `do_shortcode()`. Синтаксис такий:

<?php echo do_shortcode('[nihaoya]'); ?>

Таким чином, WordPress проаналізує шорткод і виведе відповідний контент.

Мені знадобилося багато часу, щоб розібратися в цьому; це не було чітко зазначено в документації.

Якщо ваш фрагмент коду використовує тип PHP, це ще простіше: просто напишіть оператор `return` у функції, зареєструйте його за допомогою `add_shortcode`, і шорткод працюватиме правильно. Немає жодної двозначності; проблема полягає виключно в типі Content.

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

на завершення

Для кого підходить WPCode ? Невеликим вебсайтам з простими потребами та тим, хто не хоче докладати зусиль. Він готовий до використання одразу після розпакування, не потребує багато часу для навчання та легко усуває неполадки.

Для кого підходять Fluent Snippets ? Для веб-сайтів середнього та великого розміру зі складним умовним керуванням та акцентом на продуктивності. Зберігання файлів означає вищу швидкість виконання, умовне завантаження — детальніше керування, а редактор Monaco забезпечує комфортніший процес розробки.

Звичайно, це за умови, що ви готові заплатити вартість навчання за це «більше».

Чесно кажучи, якщо ви просто додаєте код Google Analytics або повідомлення про авторські права в кінці своєї статті, WPCode цілком підійде. Немає жодної потреби витрачати час на налаштування Fluent Snippets для «кращого редактора».

Однак, якщо ваш сайт потребує A/B-тестування та має завантажувати різний код залежно від пристрою, ролі користувача або типу сторінки, умовне завантаження Fluent Snippets може заощадити вам багато часу на ручне оцінювання та жорстке кодування.

І останнє.

Інструменти – це лише засоби; їхня справжня цінність полягає в тому, чи можете ви максимально використати їхній потенціал.

WPCode — це популярний інструмент, який є стабільним, простим у використанні та підходить для швидкого розгортання. Fluent Snippets — це професійний інструмент, який пропонує кращу продуктивність, гнучкіший контроль умов і підходить для розробників та складних веб-сайтів.

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

Я твердо переконаний, що найкраще підходить саме вам, а не обов'язково чим більше функцій чи чим сильніші вони.

резюме одним реченням

• Невеликий сайт, прості вимоги → WPCode
• Великий об'єкт, складний контроль стану → Вільні фрагменти

І насамкінець, ось порада: найцінніше дослідження — це отримання практичного досвіду та запуск коду. Не додавайте його до закладок, не потренувавшись!