Kodunuzu WordPress saytınızda necə asanlıqla göstərə bilərsiniz

WordPress blog yazılarınızda kodu göstərmək istəyirsiniz? Kodu normal mətn kimi əlavə etməyə çalışırsınızsa, WordPress onu düzgün göstərməyəcək.

WordPress hər yazı göndərdiyiniz zaman çoxlu təmizləyici filtrlər vasitəsi ilə məzmununuzu işə salır. Bu filtrlər veb saytınızı hack etmək üçün poçt redaktoru vasitəsi ilə kimsə kod vurmadığından əmin olmaq üçün var.

Bu yazıda, WordPress saytınızda kodu asanlıqla göstərməyin düzgün yollarını göstərəcəyik. Sizə fərqli metodlar göstərəcəyik və ehtiyaclarınıza ən uyğun olanı seçə bilərsiniz.

Kodu WordPress yazılarında asanlıqla necə göstərmək olar

Metod 1. WordPress-də standart redaktordan istifadə edərək kodu göstərin

Bu metod çox tez-tez kod göstərməyə ehtiyacı olmayan yeni başlayanlar və istifadəçilər üçün tövsiyə olunur.

Bloqun poçtunu və ya kodu göstərmək istədiyiniz səhifəni düzəldin. Yazı redaktə ekranda yazıınıza yeni kod bloku əlavə edin.

WordPress yazılarınıza kod bloku əlavə edin

İndi kod parçasını blok mətn sahəsinə daxil edə bilərsiniz.

Blogunuzun yazılarına kod əlavə edin

Bundan sonra, blogunuzun yazısını və kod blokunu fəaliyyətdə görmək üçün saxlaya bilərsiniz.

WordPress-də göstərilən PHP kodu

WordPress mövzusundan asılı olaraq kod bloku veb saytınızda fərqli görünə bilər.

Metod 2. Plugin istifadə edərək WordPress-də kodu göstərin

Bu metod üçün, blog yazılarınızda kodu göstərmək üçün bir WordPress plaginindən istifadə edəcəyik. Bu metod məqalələrində tez-tez kodu göstərən istifadəçilər üçün tövsiyə olunur.

Standart kod blokundan aşağıdakı üstünlükləri təklif edir:

  • Hər hansı bir proqramlaşdırma dilində istənilən kodu asanlıqla görmək imkanı verir.
  • Kodu sintaksis vurğulama və xətt nömrələri ilə göstərir.
  • İstifadəçiləri kodu asanlıqla öyrənə və kopyalaya bilərlər.

Birincisi, SyntaxHighlighter Evolved plaginini quraşdırmalı və aktivləşdirməlisiniz. Daha çox məlumat üçün, WordPress plaginini necə quraşdıracağımızı addım-addım təlimatımıza baxın.

Aktivləşdirildikdən sonra kodu göstərmək istədiyiniz yerdə blog yazılarını düzəldə bilərsiniz. Göndərmə ekranda yazıya "SyntaxHighlighter Code" blokunu əlavə edin.

Sintaksis kod bloku

İndi poçt redaktorunda kodunuzu daxil edə biləcəyiniz yeni bir kod blokunu görəcəksiniz. Kod əlavə edildikdən sonra sağ sütundan blok parametrini seçmək lazımdır.

Kod kilidi parametrini vurğulayan sintaksis

Əvvəlcə kodunuzun dilini seçməlisiniz. Bundan sonra, sətir nömrələrini deaktiv edə, ilk sətrin nömrəsini verə, istədiyiniz hər hansı bir sətri vurğulaya və əlaqələri tıklamaq üçün funksiyanı deaktiv edə bilərsiniz.

Bitirdikdən sonra yazınızı qeyd edin və hərəkətdə görmək üçün önizləmə düyməsini vurun.

Kod sintaksis işıqlandırması ilə göstərilir

Plugin bir sıra rəng sxemləri və mövzuları ilə gəlir. Rəng mövzusunu dəyişdirmək üçün ziyarət etməlisiniz Parametrlər »SyntaxHighlighter səhifə.

Sintaksis parametrləri

Parametrlər səhifəsindən rəng mövzusunu seçə və SyntaxHighlighter parametrlərini dəyişə bilərsiniz. Səhifənin altındakı kod blokunun əvvəlcədən görülməsini görmək üçün parametrlərinizi saxlaya bilərsiniz.

Kod Blokuna Baxış

Klassik Redaktor ilə SyntaxHighlighter istifadə edin

Köhnə klassik WordPress redaktorundan hələ də istifadə edirsinizsə, WordPress blog yazılarınıza kod əlavə etmək üçün SyntaxHighlighter plaginindən istifadə etdiyiniz budur.

Kodunuzu kvadrat mötərizədə dil adı ilə sarın. Məsələn, PHP kodu əlavə etmək niyyətindəsinizsə, onu bu kimi əlavə edəcəksiniz:

(php)

php
Şəxsi funksiya get_time_tags () {
$ vaxt = get_the_time ('d M, Y');
dollara qayıtmaq;
}
?>
(/ php)

Eynilə, bir HTML kodu əlavə etmək istəsəniz, onu HTML kimi qısa koda sarar:

(html)

Bir nümunə bağlantısı
(/ html)

Metod 3. Əllə WordPress-də koda baxın (plugin və ya blok olmadan)

Bu metod inkişaf etmiş istifadəçilər üçündür, çünki daha çox iş tələb edir və həmişə nəzərdə tutulduğu kimi işləmir.

Hələ köhnə klassik redaktoru istifadə edən və bir plagin istifadə etmədən kodu göstərmək istəyən istifadəçilər üçün uygundur.

Əvvəlcə kodunuzu onlayn bir HTML varlığını kodlaşdırma vasitəsi ilə keçməlisiniz. Kodunuzun işarəsini HTML qurumlarına dəyişdirəcək, kodu əlavə etməyə və WordPress təmizləmə filtrlərini atlamağa imkan verir.

İndi kodunuzu mətn redaktoruna köçürün və yapışdırın

  və etiketlər  

Klassik redaktorda əl ilə əlavə edin

Kodunuz belə görünür:

Bu nümunə bir linkdir


İndi poçtunuzu saxlaya və kodu əvvəlcədən nəzərdən keçirə bilərsiniz. Brauzeriniz HTML obyektlərini çevirə bilər və istifadəçilər düzgün kodu görə və kopyalayabilirlər.

WordPress-də əl kodunu göstərmək

Ümid edirik ki, bu məqalə WordPress saytınızda kodu asanlıqla necə göstərməyinizi öyrənməyə kömək etdi. Ayrıca ən çox axtarılan WordPress məsləhətləri, fəndləri və hacks son siyahısımızı görmək istəyə bilərsiniz.

Bu yazını bəyənmisinizsə, kanalımıza abunə olun YouTube WordPress tutorial video izləmək üçün. Bizi də tapa bilərsiniz Twitter və Facebook.