Posts tagged ‘مسار’
الأفضل علي الإطلاق في عرض الأكواد ‘SyntaxHighlighter’ هام للمطورين – yourcolor
الأفضل علي الإطلاق في عرض الأكواد ‘SyntaxHighlighter’ هام للمطورين
في البدايه و حرصا علي إضافة أي جديد أتيت لكم بهذه الإضافه الهامه جدا لقطاع كبير من المطورين أصحاب المواقع والمدونات التطويريه .
هذه الإضافه تعرض شروحات الأكواد بالتدوينات بشكل أكثر إحترافيه أفضل من الشكل العادي تعرضها وكأنها في محرر أكواد علي سبيل المثال Notbad2 وDev-PHP وغيرهم من البرامج الأخري لذلك أنصح بإقتناء هذه الإضافه الممتازه.
سكرين شوت من الإضافه:
لو لاحظت الأكواد مرتبه وكل تاج أو وسم له لون محدد وهذا كله يساعد علي فهم الكود وقراءته بطريقه سريعه.
نأتي للخطوات:
1- حمل إضافة SyntaxHighlighter
2- بعد رفع الإضافه علي المسار التالي wp-content > plugins
3- توجه إلي لوحة تحكم ووردبريس ثم إلي قسم الإضافات لتفعيلها من الأفضل ترك إعداداتها كما هي علي الوضع الإفتراضي بعد التفعيل ستواجه هذه المشكله إنظر للصوره التاليه:
لحل هذه المشكله قم بإضافة هذا الكود في ملف Style.css الخاص بموقعك علي المسار التالي (لوحة التحكم ->المظهر -> المحرر -> style.css) :
.syntaxhighlighter code {
display:inline !important;
}
وسيتم حل المشكله إن شاء الله وستعمل الإضافة بكل كفاءه,
تتسأل الأن كيف تدرج الأكواد في التدوينات بإستخدام هذه الإضافة, كل ما عليك هو إستخدام الكود التالي:
[sourcecode language='css']هنا يوضع الكود[/sourcecode]
يجب عليك تسجيل الدخول لكتابة تعليق.