كيفية إضافة معرض إلى موقع WordPress الخاص بك

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

يمكنك بسهولة إضافة الصور إلى منشورات وصفحات المدونة باستخدام WordPress. إذا قمت بتحميل الصور واحدة تلو الأخرى ، فقد تتكدس فوق بعضها البعض أو تبدو وكأنها تتناسب مع صفوف مقسمة بشكل غير متساو. هناك الآلاف من المكونات الإضافية المتاحة لإدارة معرض WordPress ، بما في ذلك تلك التي تسمح لك بإعداد معرض الصور الخاص بك وتحسينه. باستخدام المكون الإضافي Envira Gallery ، يمكنك إنشاء معارض سريعة الاستجابة يمكن عرضها على جميع الأنظمة الأساسية ، بما في ذلك الهاتف المحمول والكمبيوتر اللوحي وسطح المكتب. سيؤدي تضمين مقاطع فيديو YouTube و Vimeo و Wistia واستيراد الصور من Instagram و Dropbox إلى إنتاج معرض وسائط متعددة عالي الجودة. يتيح المكون الإضافي Angie Makes 'Source Galleries إمكانية توسيع وظائف معارض WordPress. يمكنك تحميل صورك وتحريرها ومعاينتها ونشرها بعدة طرق باستخدام البرنامج المساعد WordPress معرض NextGen. تعد أنماط الفسيفساء المكونة من ثلاثة وخمسة وستة أعمدة ، والبناء ، والمنزلق ، والعرض الدائري جميعها احتمالات لعرض المعلومات. هناك العديد من الخيارات للتحكم في الحجم والنمط والتوقيت والانتقالات وعناصر التحكم وتأثيرات العرض المبسط لكل خيار.

كيفية إضافة معرض الصور في WordPress نوع المنشور المخصص

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

معرض ووردبريس - كيف تصنع نوع منشور مخصص للمعرض ؟ في هذا البرنامج التعليمي ، سأوضح لك كيفية إنشاء نوع منشور مخصص للمعرض في WordPress. يضيف هذا الرمز نوعًا لاحقًا مخصصًا بالمعرف "zm_gallery" والاسم "المعرض". بالإضافة إلى ذلك ، يتم منع WordPress من إنشاء صفحة منشور لعناصر المعرض. استخدم الكود التالي لإضافته إلى ملف functions.php الخاص بك. يتم الحصول على الصورة المصغرة للمنشور باستخدام الوظيفة الأولى. يتم عرض الصورة المميزة بواسطة الوظيفة الثانية ، والتي تحدد تكوين رأس العمود. تقوم الوظيفة الثالثة بإنشاء العمود وتحميل الصورة المصغرة لكل منشور بمجرد استدعاؤه في الواجهة الخلفية لـ WordPress عند استخدام أي منشورات أو قوائم صفحات.

تخصيص صور الفئة الخاصة بك

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

البرنامج المساعد لمعرض ووردبريس

هناك العديد من الإضافات المتاحة لمعرض ووردبريس ، ولكل منها ميزاتها وفوائدها. يعتمد اختيار المكون الإضافي الصحيح على احتياجاتك وتفضيلاتك. تتضمن بعض المكونات الإضافية الشائعة NextGEN Gallery و Envira Gallery و WP Easy Gallery.

يعد FooGallery أقوى مكون إضافي للمعرض في السوق اليوم. بمجرد إجراء تغييرات في الخلفية ، فإنه يوفر معاينات مرئية في الوقت الفعلي لمعارضك. حدد علامات الوسائط أو الفئات لإضافة عوامل تصفية إلى معرض الصور الخاص بك واستخدامها كمستويات تصفية. يمكن لمستخدمي Pro التمرير لأسفل إلى أرقام الصفحات ، بينما يمكن للمستخدمين المجانيين فقط رؤية النقاط. يأتي FooGallery PRO بثلاث نكهات: PRO Starter و PRO Expert و PRO Commerce. حدد من بين سبعة تخطيطات مختلفة ، بما في ذلك التخطيط المتجاوب الافتراضي ، والبناء الدائري ، والمحفظة المبررة ، والصورة المصغرة الفردية. إعادة ترتيب معرض الصور الخاص بك مع إعادة ترتيب السحب والإفلات ، يمكنك بسهولة إعادة ترتيب صور معرضك.

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

تتضمن جميع خططنا المتميزة قوالب سريعة الاستجابة وقوالب البناء والقوالب المبررة والمحافظ وقوالب عارض الصور وقوالب الصور المصغرة الفردية. علاوة على ذلك ، ستتمكن من الوصول إلى ثلاثة معارض PRO حصرية من شأنها أن تعزز بشكل كبير قيمة معرض الصور الخاص بك. يمكن للمصورين الذين يرغبون في رفع مستوى معرضهم استخدام FooGallery PRO Starter. يمكن لمستخدمي خطة FooGallery PRO Expert الاستفادة من ميزات المستوى الاحترافي مثل التصفية متعددة المستويات والتعليقات التوضيحية المخصصة. يتيح لك دعم الفيديو استيراد مقاطع الفيديو من YouTube و Vimeo و Facebook وحتى تحميلها واستضافتها على موقعك الخاص. تم تصميم FooGallery PRO Expert خصيصًا للمصورين ومالكي مواقع الويب الذين يرغبون في إضافة ميزات متقدمة إلى معارضهم. FooGallery PRO Commerce هو تطبيق مجاني يمكن للشركات استخدامه لعرض منتجاتها وصورها ، ويوفر لك ميزات متقدمة مصممة خصيصًا لاحتياجاتك.

يوجد الآن الكثير من معارض WordPress. FooGallery هو مكون إضافي لمعرض الصور يمكن استخدامه لإنشاء معارض جميلة على موقع WordPress الخاص بك. يمكنك إنشاء معرض الصور الخاص بك عن طريق تحميل الصور وملفات الوسائط وحتى مقاطع الفيديو ، ويمكنك استخدام كل هذه الموارد لإنشاء معرض الصور الخاص بك. بالإضافة إلى الإعدادات والقوالب المتقدمة ، يتضمن إصدار PRO مجموعة متنوعة من الميزات الأخرى. تعد الإعدادات الافتراضية لـ FooGallery مثالية لإنشاء معرض صور متجاوب جميل دون الحاجة إلى إجراء أي تغييرات. باستخدام هذه الإعدادات ، يمكنك إنشاء نمط معرض مخصص لموقع WordPress الخاص بك ويكون فريدًا لموقعك. لقد ثبت أن الصور القابلة للزحف تزيد من عدد زوار موقع الويب الخاص بك ، لذلك تحتوي صورنا على نص بديل وتفاصيل العنوان.

ستتمكن أيضًا من رؤية صور واضحة وحادة على الأجهزة عالية الدقة لأن دعم شبكية العين مدمج. تم تصميم FooGallery مع مراعاة سرعة الصفحة عند إنشائه لأول مرة. تحتوي الأداة على تحميل بطيء مدمج ، مما يسمح لها بفهرسة صورك بواسطة Google. FooGallery سريع الاستجابة ، مما يعني أن موقعك سيكون مناسبًا للجوّال. ستكون تحسينات تحسين محركات البحث مرئية حتى بعد تثبيت الإصدار المجاني. يتضمن FooGallery Free WordPress Theme كل ما تحتاجه لإنشاء معارض صور جميلة. يتضمن FooGallery مجموعة متنوعة من الميزات التي تجعله خيارًا مثاليًا لأي شخص يريد عرض صور عالية الجودة.

يعد استيراد مقاطع فيديو YouTube و Daily Motion و Vimeo أمرًا بسيطًا باستخدام أداة الاستيراد. يأتي FooGallery في ثلاث خطط تسعير مختلفة تتضمن تحديثات منتظمة للمكونات الإضافية ودعمًا متميزًا. يمكنك استيراد مقاطع الفيديو من مواقع مثل YouTube و Vimeo و Facebook إلى معرض الصور الخاص بك باستخدام إصدار PRO. هذه الميزة هي واحدة من أفضل الميزات في الإصدار المتميز. يمكن شراء ترخيص لموقع واحد أو خمسة مواقع ، أو 25 موقعًا ككل. من الممكن دفع دفعة شهرية أو سنوية أو لمرة واحدة إذا كنت تفضل ذلك. إذا كنت لا تحب FooGallery بعد 30 يومًا ، فيمكنك إلغاء ترخيصك السنوي أو ترخيص مدى الحياة.

إعدادات معرض WordPress

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

كيفية عمل معرض متنقل في WordPress

هناك عدة طرق مختلفة يمكنك من خلالها إنشاء معرض بالتمرير في WordPress. إحدى الطرق هي استخدام ميزة المعرض المدمجة. للقيام بذلك ، قم بإنشاء منشور أو صفحة جديدة وانقر فوق الزر "إضافة وسائط". من هنا ، يمكنك تحميل صورك وتحديد تنسيق المعرض الذي تريده. بمجرد إنشاء معرض الصور الخاص بك ، انقر فوق الزر "إدراج في المنشور". هناك طريقة أخرى لإنشاء معرض تمرير وهي باستخدام مكون إضافي. هناك عدد قليل من المكونات الإضافية المختلفة التي يمكنك استخدامها ، لكننا نوصي باستخدام المكون الإضافي Envira Gallery. يجعل هذا المكون الإضافي من السهل إنشاء معارض جميلة ببضع نقرات فقط. بمجرد تثبيت البرنامج المساعد وتنشيطه ، يمكنك إنشاء معرض جديد بالانتقال إلى Envira Gallery »إضافة جديد.

باستخدام WordPress Gutenberg Hub ، يمكنك إنشاء مجموعة معرض صور قابلة للتمرير. سيرشدك هذا البرنامج التعليمي خلال عملية إنشاء كتلة معرض Gutenberg للتمرير. لمعرفة كيفية إنشاء كتلة Gutenberg مخصصة لـ WordPress ، فإن الخطوة الأولى هي قراءة How to Create Custom Gutenberg Blocks for WordPress - The Beginners Guide. من خلال استخدام الدعائم ، يمكنك جعل العنصر النائب للوسائط أكثر قابلية للتكيف. لن تكتشف الكتلة بعض الصور من معرض الوسائط اعتبارًا من الآن. باستخدام خاصية onSelect في العنصر النائب للوسائط ، يمكننا تحديد الصور. يمكنك تمكين التحرير في المعرض من خلال تكوين عنصر تحكم شريط الأدوات.

بمجرد أن يختار المستخدم هذه الصور المخزنة ، يجب عليه أو عليها عرضها في الكتلة ، للإشارة إلى أن التحديد كان ناجحًا. في عرض الواجهة الأمامية ، سننشئ ترميزًا ثابتًا للكتلة الخاصة بنا. بالإضافة إلى ذلك ، أضفنا سمة data-direction = "right" إلى علامة الشكل الرئيسية ، والتي تتحكم بشكل أساسي في اتجاه الحركة الحالي (في الوقت الحالي ، من الصعب تحديد الاتجاه الصحيح). في هذا القسم ، سأقسم كل خيار تكوين إلى ثلاثة أجزاء. سنحتاج إلى استخدام مكون WordPressToggleControl مدمج لإنشاء هذا التكوين المحدد. سننشئ أيضًا لوحة جديدة لتنظيم ضوابطنا العامة. عند إنشاء فئة ديناميكية في الواجهة الأمامية ، يجب أن نستخدم هذه السمة.

الرمز المختصر لمعرض WordPress

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

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

WordPress Image Gallery Plugin With Thumbnails

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

قم بإنشاء معرض وستتمكن من مشاركة صورك بطريقة فريدة لجذب انتباه الزوار المحتملين. من الأهمية بمكان اتباع هذه الخطوات التسع لإنشاء معرض صور بوظيفة الصور المصغرة في WordPress. يمكنك استخدام Native Envira Gallery لاختيار الصور من جهاز الكمبيوتر الخاص بك أو من مكتبة وسائط WordPress. يعد المعرض الخارجي طريقة سهلة لاستيراد الصور من مصادر أخرى مثل منشورات المدونة أو حسابات الوسائط الاجتماعية. قبل أن تتمكن من البدء في استخدام معرض الصور الخاص بك ، يجب عليك أولاً تكوينه. يمكنك تمكين العرض المبسط والصور المصغرة للمعرض للأجهزة المحمولة بالانتقال إلى هذه الصفحة. من الجيد التحقق من علامة التبويب هذه إذا كنت تستخدم قالبًا مخصصًا مع السمة الخاصة بك.

تتيح لك القائمة المنبثقة إضافة معلومات التعريف إلى كل صورة. في الخلفية ، تحتوي علامة التبويب "متفرقات" على الكثير من الإعدادات الإدارية. يمكنك إضافة دعم CSS و slugs و RTL مخصص في إعدادات عنوان المعرض والارتفاعات الرقيقة. ستتيح لك علامة التبويب هذه استيراد معارض صور WordPress وتصديرها. يمكنك إضافة معرض صور إلى أي ملف قالب في قالبك ، ثم نسخ ولصق علامة القالب في ملف السمة.