كيفية عرض التعليمات البرمجية في منشورات WordPress


واحدة من أكثر المشاكل شيوعًا التي يواجهها مستخدمو WordPress الجدد هي عرض الكود في المنشورات. تظهر المشكلة عندما يحاول المستخدم مشاركة مقتطف الشفرة في مشاركاته. بشكل افتراضي ، يقوم WordPress بتصفية الشفرة ولا يمكن قراءتها. في هذه المقالة ، سأوضح لك كيفية عرض الكود في مشاركات WordPress.

استخدام كيانات HTML لعرض الكود في منشورات WordPress

كيانات HTML عبارة عن تعليمات برمجية خاصة يتم تحليلها بواسطة المستعرضات لعرض الحرف المرتبط بهذا الكيان المحدد. على سبيل المثال:

  • & أمبير ؛ يصبح &
  • العلامة & lt؛ يصبح
  • & GT. يصبح>

باستخدام كيان HTML ، يمكنك عرض الكود في مشاركات WordPress الخاصة بك.

<div class="awesome"> سيتم عرضه في المتصفح على النحو التالي:

<div class="awesome">

هذه الطريقة مفيدة بشكل خاص إذا كنت تريد فقط عرض بضعة أسطر من التعليمات البرمجية. ومع ذلك ، قد يكون من الصعب تطبيق هذه الطريقة يدويًا مع العديد من أسطر التعليمات البرمجية.

لحل هذه المشكلة ، يمكنك استخدام برنامج ترميز كيان HTML عبر الإنترنت مثل عشرة. فقط ضع الكود الذي تريد تحويله واضغط على زر التشفير. سيقوم بتحويل التعليمات البرمجية الخاصة بك إلى كيانات HTML ويمكنك لصق هذا الرمز بأمان في الداخل <code></code> ضع الكلمة المناسبة.

استخدام مكون إضافي لعرض التعليمات البرمجية في منشورات WordPress

إذا كنت تشارك مقتطفات التعليمات البرمجية بشكل متكرر في مشاركاتك ، فلن تعمل الطرق المذكورة أعلاه من أجلك. أول شيء عليك القيام به هو التثبيت والتفعيل تمييز متطور توصيل في. هذا يوفر عليك عناء تحويل التعليمات البرمجية إلى كيانات HTML. ليس ذلك فحسب ، بل سيسلط الضوء على الكود لعرضه بتنسيق أكثر قابلية للقراءة.

إنه يعمل خارج الصندوق ، كل ما عليك فعله هو التفاف المحتوى الخاص بك حول علامات لغة معينة. على سبيل المثال ، إذا كنت تستضيف كود PHP في الغالب ، فيجب عليك التفاف الكود الخاص بك كما يلي:

[php]
<?php
function themelab_demo_code() {
$i = 1;
while ($i <= 10):
echo $i."<br />";
$i++;
endwhile;
}
themelab_demo_code();
?>
[/php]

سيظهر على موقعك ، على سبيل المثال:

<?php
function themelab_demo_code() { 
$i = 1;
while ($i <= 10):
    echo $i."<br />";
    $i++;
endwhile;
}
themelab_demo_code();
?>

تتوفر أسماء مستعارة مختلفة للغات مختلفة. فيما يلي بعض الأسماء المستعارة الأكثر استخدامًا:

  • لعرض كود HTML استخدم [html] [/html]
  • بالنسبة إلى CSS ، استخدم هذا: [css][/css]
  • بالنسبة لـ MySQL ، استخدم هذا: [sql][/sql]
  • بالنسبة إلى JavaScript ، استخدم هذا: [javascript][/javascript]

آمل أن تساعدك هذه المقالة في الحصول على الرمز المعروض في منشورات وصفحات WordPress الخاصة بك.

إذا أعجبك هذا المقال ، يرجى الانضمام إلى ThemeLab على Świergot أنا Google+.



scroll to top