ووردبرس بالعربي » برمجة و تطوير

كيف تستبدل عنوان الهيدر بصورة

ووردبرس بالعربي — Thu, 19 Nov 2009 21:16:09 +0000

يتسائل الكثير من الإخوة عن كيفية إستبدال عنوان الهيدر أو أعلى الصفحة في القوالب المعرّبة بصورة شعار، وخصوصاً حينما يكون العنوان نصيّ، مثل ما هو الحال في أغلب قوالب ووردبرس بالعربي المعرّبة. بصراحة المسألة بسيطة للغاية ويمكنكم القيام بها بخطوتين لا أكثر. كل ما تحتاج إليه هو إستبدال كود ملف header.php الخاص بالعنوان. سأشرح لك في هذه التدوينة كيف تقوم بذلك بالضبط.

من إحل إستبدال العنوان النصي للقالب بصورة:

1- إفتح ملف header.php وابحث عن الكود التالي:

2- إستبدل الكود السابق بما يلي:

" src="/images/logo.png" />

حيث logo.png هو عنوان شعار مدونتك بعد رفعه لمجلد images الخاص بالقالب.

فقط تأكد أن حجم الصورة مناسب لمساحة العنوان. يمكنك بالطبع تعديل خصائص عرض العنوان عبر ملف style.css إذا قضت الضرورة. لمزيد من التفاصيل حول تعريب الهيدر وعرضه من اليمين إلى اليسار أنظر هذه التدوينة.

هذا كل شيء. بالتوفيق.. ولا تترددوا في السؤال إذا احتجتم أي مساعدة.

هل أعجبتك هذه التدوينة؟ يمكنك أن تشترك في خدمة الخلاصات (RSS) أو في النشرة البريدية لتحصل على آخر التدوينات أولاً بأول. كما يمكنك أن تشتري لي “ساندويش” أو “كتاب” عبر PayPal!!

الأوسمة: برمجة و تطوير, تعريب القوالب

الرئيسية ¦ قوالب إحترافية ¦ إضافات معرّبة ¦ الأرشيف ¦ راسلني ¦ الأسئلة المتكررة¦ للإعلان ¦ شروط إستخدام الموقع ¦ عنّي

كيف تُعرّب عنوان “الهيدر” في قوالب ووردبريس

ووردبرس بالعربي — Mon, 09 Nov 2009 18:42:24 +0000

يتسائل الكثير من الأخوة، وخصوصاً المبتدئين في عالم التدوين، عن طرق تعريب القوالب وتحيولها لتصبح من اليمين إلى اليسار. وبالرغم من أني شرحت في سلسلة سابقة تعريب ملفات ووردبرس إلا أني خصصت تلك الدورة لملفات ال php و لم أتطرق فيها إلى تعريب شكل وطريقة عرض المدونة، التي يحكم بها ملف التصميم أو الستايل style.css. سأشرح لك في هذه التدوينة كيف تغيّر شكل عنوان أو “لوغو” الهيدر أو أعلى الصفحة في ملفات قوالب ووردبرس ليلائم مدونتك العربية.

المحتويات

مما يساهم في تسهيل تعريب العنوان أنه دائماً يكون من نوعين لا ثالث لهما: إما صورة أو نص “تكست”. لذلك أول شيئ عليك أن تقوم به هو أن تحدد إذا كان “اللوجو” صورة أم نص عادي. لنعالج الآن هذين النوعين بالتفصيل:

إذا كان صورة…

إذا كان صورة فلا بد من وجود رابط لها في ملف التصميم. تعرّف على إسم رابط الصورة.. إبحث عنه.. عادة ما يكون في أول ملف الستايل. إن لم تجده فلا بد أن يكون في ملف header.php أو functions.php. قم الآن بالخطوات التالية:

إرفع صورة تصميمك إلى مجلد images للقالب
غيّر رابط الصورة إلى صورتك

بالطبع، الصورة لا زالت على اليسار.. بل قد تجد أنها خرجت عن الصفحة تماماً! لا تقلق! هذا عادة متعلق بالمسار (float , direction) و الفراغات (margin) أو الخانات (padding). ستجد حميع هذه الدوال وخصائصها وقيمها – بما في ذلك رابط الصورة- مندرجة تحت كلاس “اللوجو” في ملف الستايل style.css. أنظر هذه التدوينة حول هذه الأوامر الإنسيابية المهمة.

كما شرحت في التدوينة، قم الآن بالتعديلات التالية:

غيّر أي كلمة left إلى right
أضف

 direction:rtl;

إستبدل حواشي وفراغات جهة اليسار بجهة اليمين كما هو موضح في الصورة التالية:

هذه هي الفكرة الرئيسية. إفحص نتائج التعديلات هذه و عدّلها كما يناسب قالبك. أنظر المثال التالي:

إذا كان نص…

أما إذا كان العنوان هو عبارة عن نص فستجد في ملف ال css خصائص الخطوط مثل h1 و h2 كما قد يكون هناك كلاس خاص بجملة ” الوصف” description التي عادة ما تأتي تحت العنوان مباشرة. إستبدل الخطوط والأحجام لما يناسبك.

بالطبع بإستخدام نفس المبدأ في الأعلى، عليك تحويل الخطوط لتصبح من اليمين إلى اليسار. فقط أضف ال direction.

يمكنك كذلك أن تستبدل نص العنوان بصورة عبر إضافة رابطها. أنظر هذه التدوينة لمزيد من التفاصيل.

أنظر المثال التالي:

لمزيد من التفاصيل، راجع التدوينات التالية:

هل أعجبتك هذه التدوينة؟ يمكنك أن تشترك في خدمة الخلاصات (RSS) أو في النشرة البريدية لتحصل على آخر التدوينات أولاً بأول. الرجاء عدم النقل أو النسخ أو إعادة النشر.

الأوسمة: برمجة و تطوير, تعريب القوالب

كيف تستخدم إضافة FeatureMe

ووردبرس بالعربي — Sat, 10 Oct 2009 09:00:00 +0000

سألني أحد القراء عن إضافة FeatureMe التي أستخدمها في قالب BlueMania. تسمح لك هذه الإضافة بعرض “التدوينات المميّزة” أو “أهم المواضيع” على شكل شاشة دينماكية متحركة. أنظر الصورة أعلاه أو أعلى الصفحة في هذا القالب للمعاينة. بالطبع، هنا أنا أستخدمها في ضمن إطار خاص بالقالب ولكنك تستطيع إستخدامها على حدة. سأشرح لك في هذه التدوينة كيف تقوم بذلك بالضبط.

إضافة FeatureMe

هدف الإضافة

عرض شاشة متحركة بالتدوينات المميّزة.

مثال حيّ

أنظر أعلى الصفحة في هذا القالب.

تعريب

لا تحناج. هذه إضافة بسيطة جداً.

طريقة العمل

1- حمّل الإضافة واستخرج محتواها

2- إرفع مجلد الإضافة إلى مجلد wp-content>plugins بإستخدام برنامج FTP (لمزيد من التفاصيل راجع تدوينتي هذه)

3- إذهب إلى قسم الإضافات (Plugins) في لوحة التحكم وقم بتفعيلها (Activate)

4- إذهب إلى صفحة التدوين في محرر ووردبرس وأضف تدوينة

5- قم بتحديد إعدادات التدوينة كما يلي:

إذهب إلى قسم الخصائص الإضافية وقم بصنع خاصية إسمها thumbnail وقيمتها تساوي مسار الصورة الخاصة بالتدوينة على موقعك.
أنقر على أو إختار مربع “This is a cool entry, feature it” في أسفل صفحة محرر التدوينة.

6- لوضع الإضافة في مدونتك إستخدم الكود التالي (في ملف header.php مثلاً):

حيث max_posts تساوي عدد التدوينات المميّزة التي تريد عرضها.

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

هذا كل شيئ. بالتوفيق، وما عليكم إلأ السؤال إن إحتجتم أي مساعدة.

تحميل الإضافة

الأوسمة: إضافات معرّبة, برمجة و تطوير

كيف تضيف حقوق الملكية والروابط في أسفل المدونة

ووردبرس بالعربي — Thu, 27 Aug 2009 13:54:15 +0000

سأشرح لك في هذه التدوينة كيف تقوم بتعريب و تعديل ملف “الفووتر” footer.php أو أسفل صفحة المدونة.. ووضع ما تبتغي من روابط أو نصوص – مثل نص حقوق الملكية.. إلخ. أنظر في أسفل مدونتي. كما تشاهد، هناك نص حقوق الملكية وهناك روابط لصفحات المدونة الأخرى. لاحظ كذلك أن المعلومات والروابط تأتي في منتصف الصفحة ولها خلفيات سوداء حين تحوم حولها. هذه الأمور – الشكل والخط وما إلى ذلك – هي بالطبع من إختصاص ملف الستايل الذي يُعرّف “الكلاس” أو “الكلاسات” المختصة بأسفل الصفحة. ليس هذا ما يهمنا. ما يهمنا في هذا الدرس هو ملف ال “بي أتش بي” الذي يحدد محتويات و روابط أسفل الصفحة – وليس شكل أو طريقة العرض. بكلمات أخرى، يمكنك أن تعتبر أن هذا هو الدرس الخامس من سلسلة تعريب ملفات ووردبريس.

لعرض المادة التي تشاهدها في “الفووتر” على هذه المدونة، أستخدم الكود التالي:

لنلقي الآن نظرة سريعة على هذا الكود. يبدأ ملف footer.php عادة بتسكير

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

   wp_footer(); ?>

كما تلاحظ، كود الروابط هو:

   <a href="http://xyzxyz">إسم الرابط</a>

أما إشارة حفظ الحقوق فالكود الخاص بها هو:

&copy;

أخيراً، لاحظ أنه كون هذا الملف هو الأخير عادة فلا بد من تسكير تعليمات ال html كما يلي:

</body>
</html>

أعتقد أن هذا كل شيئ! إذا فهمت هذه التعليمات فإنك تستطيع تعديل وتعريب أسفل الصفحة كما تشاء! بالتوفيق…

الأوسمة: برمجة و تطوير, تعريب القوالب

مثال CSS: كيف تحدد طريقة عرض التدوينات المتعلقة

ووردبرس بالعربي — Wed, 01 Jul 2009 16:28:55 +0000

سأشرح في هذه التدوينة كيف تقوم بتعديل ملف الستايل css من أجل عرض التدوينات المتعلقة في أسفل كل تدوينة. بالأخص، سيعلمك هذا الدرس الكود المطلوب لعرض التدوينات المتعلقة بالضبط كما هو على موقع مقطوعات. بالطبع، سأفترض أنك تقدم هذه الخدمة أصلاً. أما إذا كنت لا توفّر هذه الميّزة لزوارك فأنصحك بإستخدام أحد إضافات ووردبرس المختصة بذلك مثل إضافة WordPress Related Posts التي عرّبتها لك.

بالطبع تستطيع إستخدام الكود التالي كما هو، لكن الهدف من هذا المثال هو السماح لك بتعديل الكود في القالب الذي تستخدمه لما يناسبك.

بعد تفعيل الإضافة وتحديد الإعدادات إفتح ملف ال css وأدخل الكود التالي:

.‬related
‭{‬
background‭:#‬F5F8FA‭;‬
background-repeat:repeat‭;‬
border:1px solid‭ #‬467AA7‭;‬
float‭: ‬right‭;‬
margin-bottom‭: ‬22px‭;‬
font-size‭: ‬11px‭;‬
text-align:right‭;‬
width:100%‭;‬
‭}‬

لنلقى نظرة على الكود سطر بسطر:

أولاً نصنع دالة جديدة. حددنا إسم الدالة الجديدة أنه related ثم حددنا لون الخلفية background (وجعلناها ير مكررة). بالطبع يمكنك تغيير هذا اللون لما يناسب قالبك وألوانه. بعد ذلك، قمنا بوضع خط حول مربع اللائحة حجمه 1px وحددنا لونه. ثم قمنا بإستخدام خاصيات float و margin و text-align و font-size من أجل تحديد موقع، حواشي، مسار وحكم الخط (على التوالي). أخيراُ قمنا بتحديد عرض المربع. لمزيد من التوضيح، أنظر الصورة التالية:

لاحظ بالطبع أننا هنا نحدد خصائص المحتوى.. أما عنوان القائمة فيمكن تعديل شكله عبر ملفات ال css الخاصة بالإضافة.

كل ماعليك القيام به الآن هو التأكد من ربط الدالة مع الإضافة باستخدام الكود التالي في المكان الذي يناسبك (كملف عرض تدوينة منفردة – single.php):


      wp_related_posts(); ?>

هذا كل شيئ. يمكنك تحديد طريقة عرض لائحة التدوينات المتعلقة عبر الكود الذي وفرته لك.

وبالطبع، يمكنك إستخدام نفس الطريقة لتعديل طريقة عرض أي شيئ.. مثل خدمة إقرأ المزيد… بالتوفيق.. وما عليك إلا السؤال إن إحتجت أي مساعدة.

الأوسمة: برمجة و تطوير, تعريب القوالب

تصميم المربعات CSS – الجزء الثاني

ووردبرس بالعربي — Fri, 19 Jun 2009 07:47:17 +0000

لقد سبق أن تحدثت عن مربعات ال css. كما قلت، سأشرح لك في هذا المقال كيف تزيد من جاذبية مدونتك أو موقعك وكيف تثري تجربة زوّارك عن طريق إستخدام المربعات والصور الملائمة. لنفرض مثلاً أنك تريد لفت إنتباه الزائر إلى ملاحظة أو تحذير ما أو لتحميل ملف أو لكود في المدونة. يمكنك أن تستخدم تقنية css وأن تضع هذه الأمور في مربعات خاصة لها، ذات لون معيّن و تحتوي على صور مناسبة. لمزيد من التفاصيل شاهد مثلاً صفحة إضافات معرّبة على هذا الموقع. ستلاحظ في أسفل كل تدوينة مربعان واحد لخدمة التحميل وآخر للترابط. هذه المربعات هي ما أقصد بالضبط.

كل ما عليك القيام به هو أن تعطي خصائص المربع (اللون والخلفية والخط .. إلخ) أو أن تصنع دالة جديدة للمربع وتعطيها الخصائص التي تريد. أنظر المثال التالي:

.box {‬
   padding: 12px 40px 12px 3px;
   clear: both;
   width: 100%;
   margin-top: 20px;
   margin-bottom: 30px;
   float:center;
   text-align:justify;
   direction:rtl;
   border: 1px solid #bae2f0;
   font-size: 13px;
   line-height: 17px;
   background-color: #e3f4f9;
   font-weight: 500;
   -moz-border-radius: 10px;
   border-radius: 10px;
 }‬
‬

لعرض هذه المربع عليك أن تضيف إلى التدوينة (في محرر ال html) الكود التالي:

<div class="box">هذا مثال مربع. ضع هنا المعلومات التي تريد. حاول أن تستخدم لون يلائم مدونتك والمعلومة التي تريد أن تعطيها للقارئ. إستخدم كذلك الصور والإيقونات المناسبة</div>

هذا مثال مربع. ضع هنا المعلومات التي تريد. حاول أن تستخدم لون يلائم مدونتك والمعلومة التي تريد أن تعطيها للقارئ. إستخدم كذلك الصور والإيقونات المناسبة

أما إذا أردت أن تضع صورة فكل ما عليك القيام به هو إضافة الكود التالي إلى الدالة:

background: url(images/icon.png) no-repeat right 1px;

حيث icon.png يساوي إسم الصورة. بالطبع، يجب أن ترفع الصورة إلى مجلد images داخل مجلد القالب.

هذا كل شيئ. يمكنك تعديل وتبديل ما تريد عبر الكود الذي وفرته لك. إذا لم تعرف ال CSS حاول تغيير الخصائص وتحديد تأثيرها وستتعلم من التجربة والخطأ. بالتوفيق.

الأوسمة: برمجة و تطوير, ووردبريس

كيف تضيف شعار مدونتك إلى مسار المتصفح

ووردبرس بالعربي — Sun, 24 May 2009 10:33:45 +0000

سأشرح لكم في هذه التدوينة عملية وضع شعار مدونتك في مسار المتصفح أو ما يُسمى favicon باللغة الإنجليزية. لا بد أنك لاحظت أن العديد من المواقع تحتوي على شعار صغير بجانب مسار أو رابط الموقع في أعلى المتصفح. هذا الشعار والذي عادة ما يكون بحجم 16×16 بكسل هو عبارة عن صورة ولكن بحاشية ico. (التي ترمز لكونه أيقونة أو icon) وليس jpg. مثلاً.

حتى تضع هذا الشعار لا بد أن يكون لديك صورة ما تريد إستخدامها. بعد ذلك عليك تحويل الصورة إلى نوع ico أو أيقونة. هناك عدة طرق للقيام بذلك، ولكن أسهل طريقة هي بإستخدام المواقع المتخصصة على الشبكة والتي تقدم هذه الخدمة مجاناً. شخصياً، أستخدم موقع www.html-kit.com. كما هو واضح، كل ما عليك القيام به هو رفع الصورة من حاسوبك على الموقع ومن ثم ضغط Generate Favicon.ico. قم بعد ذلك بتنزيل الشعار الجديد إلى حاسوبك.

إذن لديك الآن شعار أيقونة لمدونتك ذات حاشية ico. لم يتبقى سوى ربط هذا الشعار بموقعك. للقيام بذلك عليك أولاً أن ترفع أيقونة الشعار ico. من حاسوبك إلى المجلد الرئيسي لموقعك (public_html مثلاً) وإلى مجلد images داخل مجلد الثيم أو القالب الذي تستخدمه (بإستخدام برنامج FTP مثلاً).

بعد رفع الشعار، إذهب إلى ملف header.php وأدخل الكود التالي:

حيث myblog.com يساوي عنوان موقعك و mythemename يساوي إسم القالب الذي تستخدمه و favicon.ico هو إسم شعارك الذي رفعته للتو.

الهدف من ذلك هو التأكد من ظهور الشعار في الصفحة الرئيسية على الأقل في حال فشل المتصفح من ملاحظة الإيقونة في المجلد الرئيسي.

تأكد أنك وضعت هذا الكود في مع باقي روابط “link rel” وبين و الموجودة في ملف الهيدر وإحفظه. أعد الدخول إلى موقعك من جديد وستشاهد الإيقونة يجانب مسار موقعك في أعلى المتصفح، كما يلي (أنقر على الصورة لتكبيرها):

ملاحظة: قد تحتاج إلى “رفرشة” أو مسح الذاكرة المؤقتة cache من متصفحك حتى تشاهد الشعار.

بالتوفيق، وما عليكم إلا السؤال إذا إحتجتم أي مساعدة.

الأوسمة: برمجة و تطوير, ووردبريس

خمسة تصاميم لقوائم رئيسية أفقية

ووردبرس بالعربي — Sat, 23 May 2009 13:11:21 +0000

قمت هذا الصباح بتصميم خمسة قوائم أفقية بألوان مختلفة. وقد وضعت كود ال html و ال css بأكمله في ملف واحد من أجل تسهيل عملية التحميل. لاحظ أنك إذا أردت أن تستخدم أي من هذه القوائم فعليك إختيار جزء ال html و ال css المناسبان. بالطبع، كود ال css يجب وضعه في ملف style.css (بدل الكود القديم إن وُجد) أما كود html فعليك وضعه في ملف header.php تحت الدالة (class) المناسبة – مثل menu على سبيل المثال. كما تحتاج لوضع الروابط بدل # و لتغيير الكلمات العربية لما يناسبك.

لاحظ كذلك أنه بإمكانك الإستغناء عن كود ال html كاملة (حسب الثيم الذي تستخدمه) والإكتفاء فقط بإستبدال تصميم ال css. هذا وعليك – في كل الأحوال – رفع الصور إلى مجلد images.

إذن كل ما عليك القيام به هو:

1 – تحميل الملف من أسفل هذه التدوينة

2 – إستخراج أكواد ال html و ال css المتعلقة بتصميم القائمة التي تريد إستخدامها

3 – وضع كود css في ملف style.php

4 – وضع الروابط و كود html في ملف header.php تحت الدالة المناسبة (إذا أردت)

5 – رفع الصور إلى مجلد images داخل القالب الذي تستخدمه

معاينة

تحميل الملف

الأوسمة: برمجة و تطوير, ووردبريس

كيف تضيف الصور للقائمة الجانبية

ووردبرس بالعربي — Sun, 17 May 2009 17:14:30 +0000

سأشرح لكم في هذه التدوينة طريقة سهلة لإضافة الصور(أو أي شيئ آخر) للقائمة الجانبية. وذلك ليس عن طريق إضافة مخصصة لووردبرس ولكن عن طريق إستخدام مربع Text في قائمة المربعات الجانبية. أي عن طريق إضافة كود html و css خاص بك. بالطبع، إذا كنت لا تتقن هذه اللغات فإنك لن تستفيد من هذه الخدمة بشكل كامل ولكني سأحاول أن أعطيك مثالاً يسمح لك بأن تبني عليه.

لنفترض أنك تريد وضع صور لكتب (أو أفلام أو عروض…إلخ) في القائمة الجانبية. أنظر القائمة الجانبية لموقع مقطوعات لمزيد من التفاصيل. سأفترض كذلك أنك رفعت الصور إلى خادمك على الشبكة وتعرف العنوان الرقمي لل URL. أخيراً، لنفترض أنك تريد أن تربط الصور بصقحة أو تدوينة معيّنة. في هذه الحالة كل ما عليك القيام به هو:

١- إذهب إلى صفحة مربعات القائمة الجانبية من لوحة التحكم

٢- إختار إضافة مربع Text

٣- أعطي المربع عنوان مثل “كتب قرأتها” أو “أفلام تعجبني” إلخ حسب ما يناسبك

٤- أضف الكود التالي في المربع:

<a title="كتاب الدولة والمجتمع" href="http://www.myblog.com/page-url">
<img src="http://www.myblog.com/pic-url" alt="" /></a>
<a title="كتاب التاريخ العسكري" href="http://myblog.com/page-url">
<img src="http://www.myblog.com/pic-url" alt="" /></a>

حيث:

"http://myblog.com/pic-url"

تساوي عنوان الصورة على خادمك.

و حيث:

"http://www.myblog.com/page-url"

تساوي عنوان التدوينة أو المقال الذي تريد أن تربط إليه الصورة.

لاحظ أنني وضعت فراغاً بين الصوّر وأني قمت بتوسيط الخط.

هذا كل شئ! يمكنك أن تبني على هذا المثال ليس لوضع صور فقط بل وكلمات وجمل تناسبك أو فيديو أو شعارات أو بانرات. بالتوفيق.

الأوسمة: برمجة و تطوير, ووردبريس, ووردبريس.كوم

كيف تضيف خدمة مربعات القائمة الجانبية للقوالب

ووردبرس بالعربي — Fri, 15 May 2009 18:07:49 +0000

لنفترض أنك تستخدم قالباً يحدد لك محتوى القائمة الجانبية بنفسه و لا يسمح بإضافة المربعات التي يوفرها ووردبرس. ماذا ستفعل في هذه الحالة؟ سأشرح لك في هذا الدرس كيف تقوم بتعديل ملف القائمة الجانبية (sidebar.php) بحيث يسمح لك بإستخدام مربعات القائمة الجانبية بدل الكلاسات المتوفرة.

في الحقيقة المسألة بسيطة جداً. السبب الرئيسي (عادةً) لعدم إستطاعتك إستخدام مربعات القائمة الجانبية هو أنه لا يوجد أمر داخل ملف القائمة الجانبية (sidebar) يفرض عليه إستخدام المربعات في حال وجودها. إذاً كل ما عليك القيام به هو إضافة أمر php يجبر القالب على إستخدام المربعات، كما يلي (لاحظ أني وضعت أكثر من فاصلة علوية! ضع واحدة فقط على كل جهة):

 if (!function_exists(''''dynamic_sidebar'''') || !dynamic_sidebar(1) ) : ?>

هذا الأمر يقول “إذا وجد أمر مربعات القائمة الجانبية وهي قائمة واحدة إستخدمه”. بالطبع يمكنك تغيير عدد القوائم لتكون إثنتين أو ثلاثة. عليك أن تصع هذا الكود في بداية الملف وتحت تعريف:

<div id="sidebar"></div>
<ul>

لاحظ أن هذا الأمر “شَرطّي” بمعنى أنه إمر “إذا” ولذلك لا بد من نهاية له. ضع النهاية التالية (قبل

النهائية):

 endif ?>

هذا كل شيئ! إذهب الآن إلى لوحة التحكم>مربعات القائمة الجانبية وأضف ما تريد. سيستبدل القالب ما كان موجود سابقاً بالمربعات التي أضفنها وحسب الترتيب الذي إخترته.

بالتوفيق. لا تردد في السؤال إذا إحتجت أي مساعدة…

الأوسمة: برمجة و تطوير, ووردبريس