تطوير القوالب

Post Formats – اضافتها، تغيير اسمائها وطريقة استخدامها

2

ال Post Formats هي عبارة عن طريقة أخرى لتنسيق المقالة في موقعك. في هذه المقالة سأتطرّق لبعض الأمور الأساسية التي من شأنها أن تساعدك في موقعك أو في مشروعك القادم إذا كنت مطورًا أو مصممًا. كيف نضيفها للقالب؟ أضف الكود التالي إلى ملف functions في القالب المستخدم. بعد اضافة الكود أعلاه ستشاهد في لوحة التحكم نافذة جديدة يمكنك من خلالها اختيار “بنية المقالة”: كيف نغير الأسماء؟ لنفرض أنك لا تريد … (اقرأ المزيد)

تصميم قالب ووردبريس باستخدام مُمتاز

momtaz_framework

هذه المقالة خاصة باصدارات ممتاز قبل 1.3، راجع هذه المقالة في هذه المقالة الطويلة نسبيا والبسيطة في نفس الوقت، نتحدث عن استخدام اطار العمل ممتاز Momtaz Framework في تطوير قالب خاص بنا، الهدف من هذه المقالة هو ايضاح بسيط لطريقة استخدام الاطار لذلك لن نتعمق كثيرا فيه وانما سنتعرف على بعض الاساسيات. ربما كانت البداية التقليدية هي التعريف بالاطار و تعديد خصائصه، ولكن دائما لن نعرف جدوى تلك الخصائص ومدى … (اقرأ المزيد)

القوالب الفرعية Child Themes

child_themes_001

يحتوي نظام قوالب ووردبريس على ما يسمى بالقوالب الفرعية أو Child Themes والتي يمكن من خلاله إنشاء قالب اعتماداً على قالب آخر وذلك لعدة اهداف أهمها توفير الوقت والجهد في عملية تطوير القوالب وكذلك إتاحة عملية تحديث القالب الرئيسي دون التاثير على التعديلات المخصصة التي قد يقوم بها المستخدم. ما هو القالب الفرعي Child Theme ؟ القالب الفرعي – أو القالب الابن – في ووردبريس هو قالب يتم بناؤه اعتماداً … (اقرأ المزيد)

اعداد دعم القالب للصور البارزة

feautured_image_theme_support_featured

تعرفنا في مقالة سابقة عن كيفية تعيين صورة بارزة لمقالتك من لوحة التحكم، ربما حاولت ان تقوم بذلك ولكنك لم تجد خيارا يتيح لك ذلك في لوحة التحكم، هذا لأن ووردبريس يترك امر دعم الصورة البارزة للقالب لذا عليك اولا ان تجعل قالبك يدعم هذه الخاصية قبل استخدامها.. اذاً سنتعرف سويا في هذه المقالة عن كيفية اعداد الصورة البارزة في قوالبنا لتبدو اكثر اناقة. اضافة دعم الصور البارزة للقالب افتح … (اقرأ المزيد)

إنشاء ملف custom-style.css

CC

هل قمت مرة بتعريب قالب ووردبريس وأجريت العديد من التعديلات على ملف الستايل؟ المشكلة في هذه الحالة، عند صدور نسخة جديدة من القالب ستضطر لرفع ملف الستايل الجديد وستفقد كافة التعديلات التي أجريتها على ملف الستايل سابقًا. يمكن حل هذه المشكلة بسهولة بواسطة إنشاء ملف ستايل مخصّص نسميه مثلًا custom-style.css بعدها قم بتحرير ملف header.php وأضف الكود التالي في داخل ال head. ملاحظة: custom-style.css يجب أن يأتي بعد style.css وليس … (اقرأ المزيد)

شرح طريقة إخفاء عنصر معيّن حسب دقة الشاشة

55

أحيانًا نرغب بإخفاء عنصر معيّن في الموقع حسب دقة التصفّح. مثلًا، لدينا إعلان جانبي عامودي في الموقع بمقاس 120px/600px ولكن المشكلة تكمن عندما يتصفح الزائر الموقع بدقة منخفضة، عندها سيظهر الإعلان فوق الموقع. صورة توضيحية للمشكلة: حل المشكلة: أضف الكود التالي في ملف الستايل. في هذه الحالة إذا تصفح الزائر الموقع بدقة أقل من 1250px عرض، عندها سيختفي #banner بينما من يتصفح بدقة 1250px عرض وما فوق سوف يستمر #banner … (اقرأ المزيد)

إنشاء علامات تبويب (Tabs) بسهولة

Untitled-1

سوف أشرح طريقة سهلة لإنشاء علامات تبويب (Tabs) بسهولة. الطريقة تعتمد على jQuery وسوف نستخدم idTabs. صورة توضيحية للنتيجة النهائية: يمكن مشاهدة أمثلة حيّة في موقع idTabs. 1. jQuery idTabs سوف نستدعي الملفات المطلوبة. أضف الأكواد التالية لملف الهيدر في داخل < head >: يمكن تحميل آخر نسخة من jquery هنا. يمكن تحميل آخر نسخة من idTabs من هنا. طبعًا الملفات نضعها في مجلد القلب أعلاه. بالمثال اعلاه تم وضع … (اقرأ المزيد)

التخطي إلى شريط الأدوات