الأخبار التكنولوجية والاستعراضات والنصائح!

معرض بلس

ستساعدك المقالة التالية: معرض بلس

قد تلاحظ في بعض منشوراتنا معرض للصور. نحن نستخدم أداة التحميل المدمجة في WordPress ، وعندما يكون هناك عدد قليل من الصور ، نستخدم زر إدراج المعرض. لكننا معجبون بـ jQuery ونستخدم Thickbox.

كما تعلم ، يتم إدراج المعرض الأساسي مع إرفاق صور المعرض وربطها بصفحة مرفق صورة. بدلاً من ذلك ، قمنا بتثبيت المكون الإضافي Gallery Plus بواسطة Justin Hawkwood.

سيضيف هذا المكون الإضافي وحده القدرة على إضافة سمة “title” في الرابط وسمة rel لـ “lightbox”.

الآن لدي بعض المواقع مع lightbox مثبتة ، وأنا معجب بالبرنامج النصي ، لكنني لم أرغب في استخدام البرنامج النصي Scriptaculous. وأنا أعلم أن هناك برنامج نصي مبني على أساس jQuery.

على أي حال … نظرًا لأنني أستخدم البرنامج النصي Thickbox على هذا الموقع ، فقد احتاج المكون الإضافي إلى القليل من التغيير والتبديل:

يوجد ملفان في التنزيل: gallery-plus.php & options.php ، وكلاهما بحاجة إلى التحرير. لنبدأ بامتداد الخيارات. php:

يجد.

update_option (‘gallery_plus_overlay’، $ _POST[‘gallery_plus_overlay’]) ؛

أضف السطر الثاني أدناه ، مثل هذا.

update_option (‘gallery_plus_overlay’، $ _POST[‘gallery_plus_overlay’]) ؛
update_option (‘gallery_plus_overlay2’، $ _POST[‘gallery_plus_overlay2’]) ؛

البحث التالي.

$ gallery_plus_overlay = Stripslashes (get_option (‘gallery_plus_overlay’)) ؛

أضف السطر الثاني أدناه ، مثل هذا.

$ gallery_plus_overlay = Stripslashes (get_option (‘gallery_plus_overlay’)) ؛
$ gallery_plus_overlay2 = خطوط مائلة (get_option (‘gallery_plus_overlay2’)) ؛

هذا هو المكان الذي يصبح فيه الأمر صعبًا. ابحث عن هذه الأسطر التالية.

<؟ php _e ('"rel" value in & lt؛ a & gt؛ tag:')؟>

<حدد الاسم = "gallery_plus_overlay">

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

وأضف هذه الأسطر أعلاه.

<؟ php _e ('Insert "class = ..." السمة في الرابط:')؟>

<حدد الاسم = "gallery_plus_overlay2">

post_title، ENT_QUOTES)).” \ “”: ”). “> post_title، ENT_QUOTES)).” \ “alt = \” “. تقليم (htmlspecialchars ($ attachment-> post_excerpt، ENT_QUOTES)).” \ “width = \ “$ thumbnail_link[1]\ “height = \” $ thumbnail_link[2]\ “class = \” attachment-thumbnail \ “/> “؛

وقم بتغيير تراكب $ إلى $ overlay2 ، هكذا.

2 ! = ‘لا شيء’)؟ ‘class = “”. تراكب $2 . ‘”‘: ”). ($ atagtitle؟” title = \ “”. $ thumbnail_link[0]\ “title = \” “. trim (htmlspecialchars ($ attachment-> post_title، ENT_QUOTES)).” \ “alt = \” “. تقليم (htmlspecialchars ($ attachment-> post_excerpt، ENT_QUOTES)).” \ “width = \ “$ thumbnail_link[1]\ “height = \” $ thumbnail_link[2]\ “class = \” attachment-thumbnail \ “/>
“؛

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

شكرًا

مثل تحميل …