مجلة فريق ماس ديزاينرز

بسم الله و هذا اول درس في التعديل على القوالب

الكثير قد يسأل عن كيفية اضافة رابط للصفحة الرئيسية عند الضغط على صورة الهيدر او كما يسميها البعض الترويسة،

العملية سهلة جداً و تحتاج بعض التركيز،

ستحتاج ان تقوم بالتعديل على قالب الـ header.php

التعديل سيعمل بشكل جيد لجميع القوالب المعدلة من القالب التالي: Default/Kubrick Theme

قبل ان نبدأ بالخطوات, لجميع من لا يعرف كيف يقوم بالتعديل على القوالب

يجب عليك الدخول الى لوحة تحكم مدونتك و يجب ان يكون لديك الصلاحية للقيام بالتعديلات على القالب

* ينصح بأخذ نسخة احتياطية للقالب المراد التعديل عليه

عند الدخول الى لوحة التحكم, اضغط على التصميم ثم تحرير القوالب

اختر من القوالب قالب header.php

سيظهر لك في القائمة الجانبية جميع محتويات القالب

ابحث عن <div id="header">

استبدلها بـ

<div id="header" onclick="location.href='http://siteaddress/';" style="cursor: pointer;">

استبدل العنوان المكتوب باللون الأحمر بعنوان موقعك,

و من ثم اضغط على زر التحديث

الآن عند قيامك بالضغط على الهيدر سيتم نقلك للصفحة الرئيسية لمدونتك او للرابط الذي وضعته في

العنوان السابق، و لكن ماذا لو كانت صورة الهيدر تحتوي عنوان الموقع  و  انت تريد ان تتخلص

من العنوان  و الوصف الذي يظهر في الهيدر !

ماذا لو كان الهيدر في المدونة يحتوي على عنوان الموقع  و انت لا تريد ان يظهر العنوان

الذي قمت بكتابته في داخل لوحة تحكم الورد بريس؟

الكثير من المستخدمين يقوم بمسح اسم المدونة او الوصف من داخل لوحة تحكم المدونة و يظن انه

بهذه الطريقة نجح في القيام بالتخلص من العنوان، و لكن مهلاً!  لن يظهر اسم مدونتك في شريط العنوان

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

من داخل لوحة التحكم

و لكن هناك حل و لن يأثر على محركات البحث او على عنوان شريط المتصفح

محركات البحث تقرأ موقعك كبيانات و لذلك فالحل هو اخفاء العنوان من قالب السي اس اس

و بذلك لن يستطيع المتصفح رؤية العنوان و لكن ستستطيع محركات البحث و شريط العنوان الخاص بالمتصفح

من قرائته

اذن نقوم بالتعديل على قالب السي اس اس

نبحث عن

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;

نضيف اسفلها مباشرة

display: none;

يصبح شكل الكود في النهاية

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
display: none;

و بذلك نكون انتهينا من اول درس

ارجو ان يكون الشرح مبسط وواضح للجميع

اذا كان هناك اي استفسار يسعدنا طرحه

دمتم بود