كيفية إنشاء موجز صور Instagram مخصص في ووردبريس

في الآونة الأخيرة ، سأل أحد قرائنا عما إذا كان من الممكن إضافة موجز صور Instagram مخصص إلى موقعهم؟

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

في هذه المقالة ، سوف نوضح لك بالضبط كيفية إنشاء موجز صور Instagram مخصص في ووردبريس.

إنشاء موجز Instagram مخصص لموقع ووردبريس الخاص بك

لماذا تضمين Instagram Feed على موقع ووردبريس الخاص بك؟

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

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

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

فيديو تعليمي

اشترك في WPBeginner

إذا كنت تفضل التعليمات المكتوبة ، فاستمر في القراءة.

كيفية إنشاء موجز صور Instagram مخصص في ووردبريس

لإعداد موجز صور Instagram مخصص على موقعك ، ستحتاج إلى تثبيت وتفعيل المكون الإضافي Smash Balloon Instagram Feed . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .

هذا هو الإصدار المتميز من المكون الإضافي المجاني لخلاصة Instagram والذي يستخدمه أكثر من مليون موقع ويب.

بعد تثبيت المكون الإضافي ، انتقل إلى Instagram Feed » صفحة الإعدادات في مسؤول ووردبريس الخاص بك وانقر فوق علامة التبويب الترخيص لإدخال مفتاح الترخيص الخاص بك. يمكنك العثور على هذا في حساب Smash Balloon الخاص بك.

لا تنس النقر فوق الزر “حفظ التغييرات” في الجزء السفلي بعد تنشيط مفتاح الترخيص الخاص بك.

إضافة ترخيص موجز Instagram الخاص بك

بمجرد تنشيط الترخيص الخاص بك ، انتقل إلى علامة التبويب “تكوين” وانقر فوق الزر “توصيل حساب Instagram”.

ربط حساب Instagram الخاص بك

سترى بعد ذلك نافذة منبثقة تطلب منك اختيار ما إذا كنت تستخدم ملف تعريف شخصي أو ملف شخصي على Instagram.

حدد ما إذا كنت تستخدم حساب Instagram شخصي أو تجاري

إذا كنت تريد ببساطة عرض موجز لصورك ، فيمكنك استخدام حساب Instagram الشخصي. ومع ذلك ، إذا كنت تريد إظهار موجز هاشتاج ، فستحتاج إلى حساب Business Instagram.

نصيحة: ليس لديك حساب تجاري؟ لتحويل حساب Instagram الشخصي الخاص بك إلى حساب تجاري ، يمكنك اتباع تعليمات Smash Balloon خطوة بخطوة .

يمكنك إنشاء حساب أعمال باستخدام Instagram مجانًا. يمكنك العودة في أي وقت في تطبيق Instagram.

عند النقر فوق الزر “اتصال” في لوحة معلومات ووردبريس ، ما عليك سوى اتباع التعليمات وربط حسابك.

بعد ذلك ، سترى حسابك مدرجًا بجوار “حسابات Instagram” مثل هذا:

المكون الإضافي Instagram Feed متصل الآن بحساب Instagram الخاص بك

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

عرض موجز لصور Instagram الخاصة بك في ووردبريس

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

أولاً ، انقر فوق الزر “إضافة إلى الخلاصة الأساسية” بجوار حساب Instagram المتصل الخاص بك:

أضف منشورات Instagram الخاصة بك إلى خلاصتك الأساسية

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

سنقوم بإنشاء صفحة جديدة ضمن الصفحات »إضافة جديد لموجزنا.

انقر فوق الرمز (+) لإضافة كتلة جديدة ، ثم حدد كتلة “Instagram Feed” من قسم Widgets:

إضافة كتلة تغذية Instagram إلى صفحتك

ستتم إضافة موجز Instagram الخاص بك على الفور إلى صفحتك ، باستخدام زر متابعة:

عرض صور Instagram الخاصة بك على موقعك

إذا كنت تستخدم المحرر الكلاسيكي ، فما [instagram-feed]عليك سوى إدخال الرمز القصير حيث تريد خلاصتك.

يمكنك استخدام الرمز المختصر أو أداة Instagram Feed لإضافة مشاركات Instagram الخاصة بك في الشريط الجانبي أو التذييل أيضًا. ما عليك سوى الانتقال إلى Appearance »Widgets واسحب أداة Instagram Feed إلى أي مكان تريده.

إضافة أداة Instagram Feed إلى الشريط الجانبي الخاص بك

تخصيص أسلوب Instagram Feed الخاص بك في ووردبريس

بشكل افتراضي ، سيتم عرض صور Instagram الخاصة بك في شبكة من أربعة أعمدة. بادئ ذي بدء ، سيرى المستخدمون 20 صورة من حسابك ، لكن يمكنهم النقر فوق “تحميل المزيد” لمشاهدة صور إضافية.

يمنحك المكون الإضافي Instagram Feed التحكم الكامل في هذه الإعدادات.

لتغيير مظهر Instagram Feed ، انتقل إلى Instagram Feed »الإعدادات» تخصيص .

هنا ، يمكنك تغيير عرض الخلاصة وارتفاعها وتبديل التنسيق وتغيير عدد الصور والأعمدة والمزيد.

لتغيير التخطيط ، ما عليك سوى النقر فوق الخيار الذي تريده. سنستخدم تخطيط Highlight لصور Instagram الخاصة بنا ، مع تمييز كل صورة ثالثة.

يمكنك أيضًا اختيار عدد الأعمدة التي تريد تقسيم الصور إليها وعدد الأعمدة التي تريد عرضها لتبدأ. لقد اخترنا أن يكون لدينا 6 صور في 3 أعمدة.

تغيير تصميم صور Instagram الخاصة بك

تأكد من النقر فوق الزر “حفظ التغييرات” أسفل الشاشة بعد إجراء أية تغييرات.

إليك كيفية ظهور موجز Instagram الآن على موقعنا على الويب:

صور Instagram الموجودة على الموقع ، مرتبة بتنسيق Highlight

عرض Hashtag أو Tagged أو موجز Instagram Feed في ووردبريس

Instagram Feed افتراضي لعرض أحدث المشاركات من حساب Instagram المتصل الخاص بك.

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

يمكنك تغيير نوع الخلاصة الخاصة بك بالانتقال إلى Instagram Feed »تكوين . ضمن نوع الخلاصة ، يمكنك التبديل إلى علامة تصنيف أو موجز مميز. يمكنك النقر فوق رمز (؟) بجوار أحد الخيارات لمزيد من المعلومات.

سنقوم بالتبديل إلى موجز الهاشتاج باستخدام خيار الهاشتاج العام. سنطلبه من خلال أحدث المشاركات:

التبديل إلى تغذية هاشتاج من المشاركات

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

إليك كيف تبدو الخلاصة الآن على موقعنا:

موجز علامة التجزئة #wpbeginner

إنشاء خلاصات Instagram متعددة في ووردبريس

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

أولاً ، انتقل إلى Instagram Feed »الإعدادات وانقر فوق علامة التبويب” عرض خلاصتك “.

سترى عددًا من الإعدادات المختلفة التي يمكنك استخدامها داخل [instagram-feed]الرمز القصير.

نصيحة: إذا كنت تريد فقط إنشاء موجز ويب واحد لموقعك ، فيمكنك تغيير هذه الإعدادات ضمن علامة التبويب “تكوين” ، كما هو موضح أعلاه.

إذا كان لديك العديد من حسابات المستخدمين المتصلة ، يمكنك استخدامها [instagram-feed type=”user” username=”wpbeginner”]لتحديد حساب. قم بتغيير wpbeginner إلى اسم المستخدم الذي تريده.

يمكنك أيضًا اختيار إنشاء موجز ويب بناءً على علامات التصنيف هنا. في هذه الحالة ، ستحتاج إلى استخدام [instagram-feed type=”hashtag” hashtag=”#wpbeginner”]مكان #wpbeginner هو علامة التصنيف التي اخترتها.

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

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

إذا كنت تستخدم كتلة Instagram Feed في محرر ووردبريس المرئي ، فلن تحتاج إلى إنشاء الرمز القصير بالكامل. يمكنك ببساطة إضافة إعدادات الرمز القصير الخاص بك في إعدادات الكتلة:

إضافة إعدادات الرمز القصير لكتلة Instagram Feed

تأكد من النقر فوق الزر “تطبيق التغييرات” بعد إجراء التغييرات هنا.

إعدادات موجز Instagram الشائعة الأخرى في ووردبريس

قد تكون سعيدًا تمامًا بالعرض الافتراضي لصورك ، حيث يقوم Instagram Feed بعمل رائع دون أي تخصيصات.

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

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

موجز Instagram في الشريط الجانبي ، مع التسميات التوضيحية

يمكنك إيقاف تشغيل التسميات التوضيحية عن طريق الإضافة showcaption=”false”إلى الرمز القصير الخاص بك. بعد ذلك ، ستظهر صورك على النحو التالي:

صور Instagram في الشريط الجانبي بدون تعليق

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

يمكنك استخدام excludewords=”competitor, rude”الرمز القصير الخاص بك. سيؤدي هذا إلى استبعاد أية مشاركات تستخدم أيًا من الكلمات الموجودة في قائمة الكلمات المفصولة بفواصل. غيّر كلمة “منافس” و “وقح” إلى أي كلمات تريد استبعادها.

خيار آخر قد ترغب في استخدامه هو تغيير نص زر تحميل المزيد. يمكنك القيام بذلك إضافة buttontext=”See More Photos”إلى الرمز القصير الخاص بك. ما عليك سوى استبدال “مشاهدة المزيد من الصور” بالنص الذي تريد استخدامه.

هناك الكثير من الإعدادات الأخرى التي يمكنك استخدامها. يتيح لك المكون الإضافي Instagram Feed من Smash Balloon تعديل كل شيء حول كيفية عرض صور Instagram على موقعك.

إذا كنت ترغب في رؤية جميع الإعدادات الممكنة ، فما عليك سوى الانتقال إلى Instagram Feed »الإعدادات» اعرض خلاصتك للحصول على القائمة الكاملة:

إعدادات عرض Instagram Feed Pro

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

خدمات مميزة لآجلك

نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.

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

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