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

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

للقيام بذلك سنستخدم إضافة ووردبرس إسمها Featured Content Gallery.

هدف الإضافة

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

مثال حيّ

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

تعريب

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

طريقة العمل

1- حمّل ملف الإضافة

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

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

4-  قم بتحديد الإعدادات كما يلي:

- ضع أرقام ال ID للتدوينات التي تريد عرضها بينها فاصلة

- إختار حجم الشاشة

- إختار العنوان (تحت Carousel Button Name)

- إختار نوع الحركة (slide transition type)

- فعّل ال custom fields

5- إذهب الآن إلى ملف style.css وأضف الكود التالي:

.slider {
	float:right;
	width: 584px;
	margin: 0px 0px 10px 20px;
	border: 1px solid #E6E6E6;
	background-color:#FFFFFF;
	padding: 15px 15px 15px 15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
        direction:rtl;
        text-align:right;
        }

6- أدخل الكود التالي (لاحظ أني وضعت أكثر من فاصلة علوية! ضع واحدة فقط) في ملف ال php الخاص بالقسم الذي تريد أن تظهر عليه الشاشة (مثل index.php أو sidebar.php):

<div class="slider">
 
      <?php
	 if(is_home()) { include (ABSPATH . ''/wp-content/plugins/featured-content-gallery/gallery.php'');}
      ?>
</div>

7- الآن، إصنع مجلد جديد تحت wp-content>uploads وسمّيه featured (بإستخدام برنامج ال FTP مثلاً)

8- إرفع إلى هذا المجلد الصورالتي تريد عرضها (لاحظ أن هناك صورتين لكل تدوينة، واحدة thumbnail صغيرة بحجم 100×75 وواحدة أكبر بحجم الشاشة الذي إخترته).

9- إذهب إلى التدوينات التي تريد عرضها وتحت قسم خصائص إضافية أضف التالي:

- articleimg وقيمتها تساوي عنوان موقع الصورة الرئيسية على خادمك (في مجلد featured)

- thumbnailimg  و قيمتها تساوي عنوان صورة ال thumbnail الصغيرة على خادمك (في مجلد featured)

- featuredtext و قيمتها تساوي النص الذي تريد عرضه تحت عنوان التدوينة

هذا كل شيئ! ستشاهد الآن مربع يحتوي على شاشة متحركة بالتدوينات الممّيزة. يمكنك بالطبع تعديل كل شيئ عبر الكود الذي وفرته لك.

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