Почти всеки блогър, създател на съдържание или технологичен разработчик от време на време трябва да показва маркирани фрагменти от код в блога си. Само по себе си това може да е главоболие. Маркирането на един или повече редове в този фрагмент обаче може да е необходимо и тази функция за съжаление не е част от повечето интеграции с код. За щастие, съществува плъгинът SyntaxHighlighter Evolved. Ще ви покажем как да го използвате, за да поддържате кода си възможно най-чист и четлив.
SyntaxHighlighter Evolved
Инсталирането и активирането на приставката е лесно. Можете да го намерите в хранилището на приставки за WP.org но се уверете, че това е добре направено от Алекс Милс (Viper007Bond), защото наистина има много резултати. Знаем обаче, че този е надежден и актуален. Освен това този се предлага със специализиран блок за редактора на Гутенберг. Да не говорим за редица параметри, които ви позволяват да персонализирате вашето преживяване, което го прави нашият избор за този тип задачи.
В менюто Параметри на таблото за управление на WordPress ще намерите нов елемент, наречен SyntaxHighlighter . Продължете и кликнете върху него. Там можете да коригирате всяко малко нещо, което ще ви е необходимо, за да вградите фрагментите във вашия сайт на WordPress.
Настройки на SyntaxHighlighter
Страницата с настройки на плъгина е сравнително лесна за употреба. Едно нещо, което ни харесва в този плъгин, е, че получавате много персонализации по отношение на това как кодът се показва на вашия сайт. Можете да добавяте CSS класове към вградения код, да регулирате допълването на номерата на редовете, да избирате цветови теми, да използвате интелигентни табулации и прекъсвания на редовете и да решавате дали да зареждате отделни езици за кодиране, които да се маркират в целия сайт.
Искаме да определим три конкретни параметъра, които повечето хора трябва да знаят.
Версия на приставката, номера на линии и размери на раздела
Първият е коя версия на приставката зареждате. Въпреки че приставката остава актуална в хранилището, можете да избирате между версиите 2.x и 3.x на приставката , в зависимост от това как искате да покажете кода си. И двете са сигурни, но всеки от тях предлага специфични функции, които другият не предлага (по време на писането).
Ако потребителите копират вашия код е най-важното, версия 3.x ще направи. Ако обаче вашият е по-полезен за показване от действителната помощна програма, тогава новият ред във версия 2.x може да е по-добър за вас, тъй като елиминира необходимостта от използване на ленти за превъртане. за големи кодови фрагменти.
След това трябва да покажете или не номерата на редовете. За големи парчета код и уроци номерата на редовете са безценни. Когато обаче имате кратки фрагменти, не е необходимо да ги маркирате за постоянно като редове 1 и 2. Премахването им може значително да подобри външния вид на кода.
И тогава е там размер на раздела все още спорен. Опцията по подразбиране е 4, но можете да я промените на произволен номер, който искате. Включително правилната стойност на 2. (Да, разбираме, че няма правилна стойност. Харесваме просто 2 интервала за разделите.)
Вашият код и кратки кодове
Ако превъртите до края на страницата Параметри , ще видите визуализация на големия код, както и голям брой параметри на шорткода. Времето ви ще бъде добре прекарано, за да ги прегледате, само за да видите какво може да направи всичко, за да покаже вашите фрагменти. Също така всички промени, които сте направили по-горе в кодовия дисплей в настройките по-горе, ще бъдат отразени тук. Така че не забравяйте да натиснете save след промяна на някоя от опциите.
Въпреки че някои хора може да не са най-големите фенове на шорткодовете, защото могат да ви свържат с определени приставки, ние смятаме, че си струва да ги използвате, защото са умни и лесни за запомняне. Ако не друго, трябва да запомните две неща и тогава приставката ще работи най-добре за вас.
ou ou ou et...bien, vous obtenez</li><li>[highlight 5-9]</li></ul>
Или някои вариации. Ако можете да си спомняте, сте уверени в различните неща, които можете да направите с този плъгин. Въпреки че можете да използвате дълъг идентификатор, плъгинът SyntaxHighlighter е изграден достатъчно добре, за да опрости работата си.
Използвайте кратки кодове
Навсякъде, където можете да изобразите шорткод, можете да ги използвате. В Divi или класическия редактор можете да използвате модула Text или редактора TinyMCE и просто да поставите кода между шорткодовете. Поради начина, по който работи разделът „Визуално“, предлагаме да използвате Texte за да запазите тези специални символи за форматиране.
Ако сте потребител на Gutenberg / Block Editor, нещата са толкова прости. Можете отново да използвате текстовия блок за това. Още по-лесно, потребителският HTML блок. Както по-горе, поставете кода в маркерите за шорткод.
Още по-добре, блокът SyntaxHighlighter Evolved е самият той. Приставката включва собствен блок на Gutenberg; така че ако не сте шорткод и не искате да се забърквате с настройките, не е нужно. Просто намерете блока под форматиране и го поставете във вашето съобщение или страница.
Независимо как вмъквате кода, ще видите същото пренасяне в предния край на вашия WordPress сайт.
За да обобщим
Може да се наложи да представите фрагменти на аудиторията си по много причини. Може би пишете уроци или публикувате решения на често срещани проблеми, които аудиторията може да вземе и използва, както си иска? Но понякога интеграцията на GitHub просто не предоставя вида опит, който искате за вашите потребители. Това е, когато имате нужда от плъгин като SyntaxHighlighter Evolved.
Само с няколко кликвания, с малко персонализиране и блок или кратък код на Гутенберг, вашата аудитория ще изследва кода без проблеми.
