إضافة صور رأس مختلفة إلى صفحات ومنشورات محددة في WordPress

نشرت: 2012-01-24

يحب بعض مستخدمي WordPress عرض صور رأس فريدة على منشورات وصفحات مختلفة أو إضافة صور رأس عشوائية / دوارة على صفحات معينة من موقع WordPress الخاص بهم.

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

أسهل طريقة لإضافة صورة رأس مختلفة في WordPress هي تثبيت مكون إضافي يسمى Dynamic Headers. إنه مكون إضافي مجاني يمكّنك من إدارة وسائط الرأس التي تظهر في كل صفحة / منشور. تتيح لك الرؤوس الديناميكية أيضًا إضافة نوع من الملفات بما في ذلك ملفات الفلاش.

يوفر المكون الإضافي لصورة الرأس الديناميكية أيضًا:

  • القدرة على إضافة روابط إلى صور رأس مختلفة
  • التوافق مع Twenty theme
  • يعمل مع متصفحات مختلفة
  • تدوير صور الرأس على صفحات ومشاركات مختلفة
  • أنواع الملفات المسموح بها: .jpg ، .jpeg ، .gif ، .png ، .swf

إذا لم يكن لديك صورة رأس حتى الآن ، فستجد هذا البرنامج التعليمي حول كيفية إنشاء رأس لـ WordPress مفيدًا.

رأس ديناميكي البرنامج المساعد

إليك بعض الإرشادات المهمة من مطور البرنامج المساعد قبل تحميل صور العنوان. ستحتاج إلى إنشاء مجلد جديد على خادم الويب الخاص بك وإضافة بعض كود php إلى ملف header.php الخاص بالسمة.

الوصف : سيسمح لك هذا المكون الإضافي بتحميل أنواع وسائط مختلفة (ملفات jpg و gif و png و Flash) لاستخدامها كرؤوس في جميع أنحاء موقعك.

يمكنك تعيين رؤوس مختلفة لأنواع ملفات مختلفة لاستخدامها في منشورات / صفحات مختلفة.

يمكنك أيضًا تعيين رأس افتراضي لاستخدامه في المنشورات / الصفحات التي لا تحتوي على رأس معين.

1. بعد تثبيت البرنامج المساعد ، ستحتاج إلى إنشاء مجلد يسمى header-images في مجلد wp-content (/ wp-content / header-images /). ستحتاج إلى جعل هذا المجلد قابلاً للكتابة. إذا لم تكن متأكدًا من كيفية القيام بذلك ، فاستشر شركة الاستضافة الخاصة بك ، وملفات المساعدة الخاصة بك لاستضافتك ، ووثائق عميل FTP ، وما إلى ذلك. يمكن أن تختلف هذه العملية من خادم إلى خادم.

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

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

3. انتقل إلى صفحة الإعدادات (التي تم إنشاؤها ضمن قائمة الرؤوس التي تم إنشاؤها بواسطة المكون الإضافي). وقم بتعيين صورة العنوان الافتراضية الخاصة بك. إذا لم تقم بتعيين صورة رأس افتراضية ، فلن يتم عرض وسائط للمنشورات والصفحات التي لا تحتوي على صورة رأس مرتبطة بها.

بدلاً من ذلك ، يمكنك أيضًا إضافة صور إلى الدليل / wp-content / header-images / باستخدام عميل FTP أو مدير ملفات آخر.

4. قم بإنشاء أو تحرير منشور أو صفحة وفي أسفل الصفحة سترى مربعًا جديدًا يسمى "رأس ديناميكي بواسطة Nicasio Design". حدد أحد ملفات الوسائط التي تم تحميلها من القائمة المنسدلة. سيتم عرض هذه الوسائط فقط على الصفحة أو المنشورات التي قمت بتعيينها لتظهر عليها.

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

6. الآن ستحتاج إلى إضافة علامة القالب التي تم إنشاؤها بواسطة المكون الإضافي إلى ملف السمة الخاص بك حيث تريد ظهور رأسك الديناميكي (سيكون هذا عادةً في wp-content / theme / your-theme-name / header.php).

لديك خياران لإضافة العنوان الديناميكي الخاص بك:

الخيار 1 (موصى به): ما عليك سوى إسقاط سطر التعليمات البرمجية هذا في ملف القالب الذي يتحكم في رأسك (عادةً header.php)

ملاحظة: يمكن أن يختلف الموقع المراد إضافة هذا الرمز اختلافًا كبيرًا من موضوع إلى موضوع ، وبناءً على إعدادات css الخاصة بالقالب الخاص بك ، قد تضطر إلى استخدام الخيار 2 وتعديل CSS لموضوعك ** احتفظ بنسخة احتياطية من أي ملفات موضوع قبل التعديل **

 <?php if(function_exists('show_media_header')){ show_media_header(); } ?>

سيحدد هذا تلقائيًا نوع الوسائط التي تستخدمها وإنشاء الكود المناسب لإدخالها. لا يلزم أي ترميز آخر من جانبك.

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

 <?php if(function_exists('dh_get_page_image_url')){ $dynamic_header_url = dh_get_page_image_url(); } ?>

يمكنك بعد ذلك استخدام المتغير $dynamic_header_url كما تراه مناسبًا. سيحتوي على المسار الكامل لملف الوسائط الخاص بك لهذه الصفحة / المنشور المحدد ، بما في ذلك أي وسائط افتراضية يجب عرضها.

يُنصح بأن يستخدم معظم المستخدمين الخيار 1 ببساطة إذا كان ذلك ممكنًا ، لأنه أكثر بساطة بشكل ملحوظ.

ملاحظة: يمكن لهذه الوظيفة إرجاع NULL أو السلسلة "None" إذا لم تكن هناك رؤوس للصفحة الحالية. رأس ديناميكي المصدر

إضافة صور رأس جديدة

بمجرد اتباع إرشادات المستخدم وإعداد مجلد صور رأس جديد على الخادم الخاص بك ، يمكنك تحميل صورة رأس جديدة في شاشة إضافة ملف جديد .

Dynamic Headers - Add New Media File

بمجرد تحميل صورة العنوان ، يمكنك الانتقال إلى أي منشور أو شاشة تحرير الصفحة ، والتمرير لأسفل إلى أسفل الصفحة وتحديد صورة العنوان التي ترغب في استخدامها لتلك الصفحة الفريدة أو المنشورات.

Select Header Image

إدارة ملفات صورة الرأس

هنا يمكنك حذف ملفات صورة الرأس ، وتحرير الملفات عن طريق تحديد صورة الرأس التي ترغب في تغييرها وتغيير عنوان url للرابط والنص البديل. هذا كل شيء لهذه الشاشة.

Dynamic Headers-Manage Files

إعدادات صورة الرأس

هناك إعدادان رئيسيان في هذه الصفحة.

وسائط الرأس الافتراضية

إذا لم تقم بتعيين عنوان افتراضي ، فلن يتم عرض أي عنوان على الصفحات التي لم يتم تعيين رأس واحد فيها. سيؤدي تحديد Random Media إلى عرض أحد ملفات الوسائط بشكل عشوائي على الصفحات التي لا تحتوي على رأس مرتبط بها.

رأس صفحة المدونة

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

Header Images Settings Page

استنتاج

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

هل وجدت طريقة أخرى لإضافة صور رأس مختلفة على صفحات ومنشورات معينة في WordPress؟