WPCode наспроти Fluent Snippets: Кој е подобар? Споредба на додатоци и практичен туторијал

WordPress Дури и најубавиот код може да ја осакати вашата веб-страница ако изберете погрешни додатоци.

Ова не е претерување. Видов премногу веб-страници кои работеа совршено, само за да им се зголеми брзината на вчитување од 0.8 секунди на 3 секунди по додавањето на неколку фрагменти од код. По долго истражување, се покажа дека одреден фрагмент извршувал еден куп непотребни барања во базата на податоци.

Значи, денес, ајде да зборуваме за WPCode и Fluent Snippets, два додатоци за управување со фрагменти од код кои често се споредуваат во заедницата на WordPress.

Да бидам искрен, ги користев и двете многу, па дури и им помогнав на пријателите да избегнат некои стапици. Денес, ќе ги споделам сите мои искрени искуства.

Да почнам со некоја позадина.

Во суштина, постојат неколку начини за додавање прилагоден код во WordPress. Еден е директно да се измени functions.php на темата, што е едноставно и јасно, но сè се губи со секое ажурирање; друг е да се користи дете тема, што е малку подобро, но сепак има повисоки трошоци за одржување; и уште еден е да се најде сигурен додаток за фрагменти од код, кој е побезбеден за управување и извршување.

WPCode и Fluent Snippets се конкуренти во овие две патеки.

WP кодТоа е ветерански производ од тимот на WPCode и отсекогаш имал добра репутација во заедницата на WordPress. Има оценка од 4.9 од 10; немојте да ве залажат само 31 преглед - таа оценка зборува сама за себе.

Флуент СнипетсУште еден производ од тимот на WPManageNinja - да, истиот тим што го направи FluentCRM. Има над 40 инсталации и оценка од 4.6, малку помалку од WPCode, но со четири пати поголем број инсталации.

Ова е интересно. Инверзната врска помеѓу обемот на инсталација и оценките мора да има причина зад себе.

Искуство на уредникот

WPCode го користи ACE уредникот, кој, дозволете ми да ви кажам, има изразито традиционален WordPress стил. Има означување на кодот, но шемата на бои е прилично конзервативна и заборава на дополнувањето на кодот. Ако сте навикнати на VS Code, неговото користење овде ќе ви даде дезориентирано чувство од „Ах, се вратив пет години назад“.

Fluent Snippets е различен; е директно интегриран во Monaco Editor.

Да, тоа е истиот уредувач како VS Code. Означување на код, автоматско дополнување, синтаксни совети - целото искуство е речиси идентично со пишување код локално. Кога го користев за прв пат, веднаш се заљубив во него. Тоа беше чувството на „конечно, додаток кој е подготвен да направи добар уредувач!“

Но, еве го прашањето: дали подобар уредник мора да значи и подобро корисничко искуство?

Не мора.

Познавам еден пријател во Шенжен кој води бизнис со веб-страници за содржини. Тој е самостоен сопственик на веб-страница, кој самостојно одржува над триесет веб-страници. Ми рече дека го обожава WPCode. Зошто? Затоа што е едноставно. Отворете го бекендот, кликнете неколку пати, кодот се појавува и тоа е тоа. Не му требаат никакви фенси функции; му треба стабилност и работа без грешки.

Тие зборови навистина ме трогнаа во тој момент.

Да, Monaco Editor е одличен и многу моќен. Но, за некој што управува со повеќе од триесет веб-страници секој ден, самата крива на учење е товар.

存储方式

Откако го разгледавме уредникот, да преминеме на нешто посериозно.

WP код Се чува во база на податоци; сите фрагменти се чуваат во табелата `wp_options`. Секоја операција на читање вклучува барање во базата на податоци, а во сценарија со висока истовременост, овој број на барања може да се акумулира.

Флуент Снипетс Фрагментите од кодот се складираат како PHP датотеки во директориумот wp-content/fluent-snippets/. WordPress ги вклучува директно за време на извршувањето, заобиколувајќи ги барањата во базата на податоци.

Во теорија, складирањето на датотеки е побрзо и побезбедно.

Зошто се смета за побезбедно? Бидејќи складирањето на датотеки по својата природа го изолира ризикот од SQL инјекција; во базата на податоци нема фрагменти од код што можат да се инјектираат.

Но, постои едно „но“.

Складирањето датотеки исто така има свои проблеми. Секој пат кога се ажурира фрагментот, потребни се дозволи за запишување. Ако серверот е неправилно конфигуриран или во одредени посебни виртуелни средини за хостирање, запишувањето датотеки може да наиде на проблеми. Претходно, некој се пожали во група дека кодот не работи по ажурирањето на фрагментот, а по истрагата, се покажа дека станува збор за проблем со дозволите за датотеки.

Затоа, нема сребрен куршум; секој има свое сценарио.

Услови за товарење

Тука лежи најочигледната разлика помеѓу двата приклучоци.

Условното вчитување на WPCode е доста основно, поддржувајќи вчитување и во преден план и во позадина. Можете исто така да изберете да го овозможите или оневозможите глобално. Толку е едноставно.

Условното вчитување на Fluent Snippets е неверојатно; може да се базира на кориснички улоги, URL правила, типови уреди, па дури и прилагодени полиња. Неговиот професионализам е неверојатен.

这意味着什么?

Ова значи дека можете да постигнете многу прецизна контрола. На пример, „вчитај го овој код само на мобилни уреди каде што URL-то содржи /product/ и корисникот не е најавен“. Овој вид барање е во основа невозможно да се постигне во WPCode, но е стандардна карактеристика во Fluent Snippets.

Секако, тука се вклучени трошоци. Колку е посложена конфигурацијата, толку се повисоки трошоците за одржување. Шест месеци подоцна, прашање е дали воопшто можете да ги разберете условите и правилата што сте ги напишале.

Моите чувства

WPCode е како швајцарски нож: доволен е и стабилен, но неговата функционалност има ограничувања.

Fluent Snippets се како професионална кутија со алатки; можете да направите повеќе, но треба да знаете што правите.

Искрено, овие двајца дури и не се конкуренти во истата област.

Ако само водите лична веб-страница или работа од мал обем, WPCode е доволен. Неговата најголема вредност лежи во доброто управување со вашиот код, избегнување на грешки и обезбедување стабилно работење.

Ако работите со софистицирани операции или вашата страница има сложена деловна логика, условното вчитување на Fluent Snippets може да ви биде спасоносно.

Практична примена: Типот на содржина не може директно да повикува кратки кодови

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

Многу луѓе креираат фрагмент од типот на содржина во Fluent Snippets, а потоа пишуваат кратки кодови во него.

како што се

[nihaoya]

Точно така.

Да ви кажам, и јас сум паднал во оваа стапица порано.

Fluent Snippets поддржува три типа на снипети: PHP тип, Content тип и CSS/JS тип.

Ако вашиот фрагмент е поставен на типот Содржина (PHP+HTML), напишете го следново внатре: [nihaoya]Нема да го анализира; само ќе... [nihaoya] Овие знаци се прикажуваат точно онакви какви што биле.

Тоа е само обичен текст, а не скратен излез.

За да се изврши краткиот код, тој мора да биде завиткан во PHP функцијата `do_shortcode()`. Синтаксата е следнава:

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

На овој начин, WordPress ќе го парсира краткиот код и ќе ја прикаже соодветната содржина.

Ми требаше долго време да го сфатам ова; не беше јасно наведено во документацијата.

Ако вашиот снимка го користи типот PHP, уште поедноставно е: само напишете наредба `return` во функцијата, регистрирајте ја со `add_shortcode` и краткиот код ќе работи правилно. Нема двосмисленост; проблемот лежи исклучиво во типот Content.

Претпоставувам дека лицето кое го напишало ова претпоставило дека типот Содржина е првенствено за HTML содржина и дека кратенките треба да се обработуваат со PHP типови, па оттука и недостатокот на јасна индикација за ова на интерфејсот. Сепак, во пракса, многу луѓе ги користат двата типа наизменично, што доведува до проблеми.

Во заклучок

WP код За кого е ова погодно? За мали веб-страници со едноставни потреби и за оние кои не сакаат да вложуваат многу труд. Подготвен е за употреба веднаш штом ќе го извадите од кутијата, со мала крива на учење и лесен за решавање проблеми доколку се појават проблеми.

Флуент Снипетс За кого е погоден? Средни до големи веб-страници со комплексна условна контрола и фокус на перформанси. Складирањето датотеки значи побрза брзина на извршување, условното вчитување значи пофина контрола, а Monaco Editor значи поудобно искуство во развојот.

Секако, ова е под претпоставка дека сте спремни да ги платите трошоците за учење за овие „повеќе“.

Искрено, ако само додавате код на Google Analytics или известување за авторски права на крајот од вашата статија, WPCode е сосема во ред. Навистина нема потреба да се мачите со прилагодување на Fluent Snippets за „подобар уредник“.

Меѓутоа, ако на вашата страница ѝ е потребно A/B тестирање и треба да вчита различен код според уред, улога на корисник или тип на страница, условното вчитување на Fluent Snippets може да ви заштеди многу рачна проценка и тешко кодирање.

Уште едно последно нешто.

Алатките се само средства; нивната вистинска вредност лежи во тоа дали можете да го максимизирате нивниот потенцијал.

WPCode е популарна алатка која е стабилна, лесна за користење и погодна за брзо распоредување. Fluent Snippets е професионална алатка која нуди посилни перформанси, пофлексибилна контрола на состојбата и е погодна за програмери и сложени веб-страници.

Изборот на додатоци не е за покажување на вашите вештини, туку за да ја направите вашата веб-страница постабилна, побрза и побезбедна.

Цврсто верувам дека она што најмногу ви одговара е најдобро, не мора да значи дека имаат повеќе карактеристики или се посилни.

Резиме на една реченица

• Мала локација, едноставни барања → WP код
• Голема локација, комплексна контрола на состојбата → Флуент Снипетс

Конечно, еве еден совет: Највредното истражување е стекнување практично искуство и извршување на кодот. Не го обележувајте само без да вежбате, сите!