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

نشرت: 2023-08-26


هل تريد إنشاء موجز Instagram مخصص في WordPress؟

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

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

How to create a custom Instagram photo feed in WordPress

لماذا تقوم بتضمين خلاصة Instagram على موقع WordPress الخاص بك؟

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

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

في الصورة التالية، يمكنك رؤية مثال لعلامة تجارية تستخدم خلاصة Instagram مخصصة لعرض المحتوى الذي ينشئه المستخدم.

An example of user-generated Instagram content

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

ومع ذلك، دعونا نرى كيف يمكنك إنشاء موجز صور Instagram مخصص في WordPress.

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

أسهل طريقة لإضافة خلاصة صور Instagram إلى موقعك هي استخدام البرنامج الإضافي Smash Balloon Instagram Feed. إنه أفضل مكون إضافي لـ Instagram لـ WordPress والذي يسمح لك بعرض المحتوى من حساب Instagram الخاص بك في لحظة.

إنها أيضًا الطريقة الأسهل لإصلاح مشكلة Facebook وInstagram oEmbed في WordPress.

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

كيفية ربط حساب Instagram بالووردبريس

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

ملاحظة: في الدليل، نستخدم الإصدار المتميز من Smash Balloon، لأنه يسمح لك بإنشاء موجز Instagram مخصص تمامًا. مع خلاصات الهاشتاج والصور القابلة للتسوق. إذا كنت قد بدأت للتو أو كانت لديك ميزانية صغيرة، فهناك أيضًا مكون إضافي مجاني لـ Smash Balloon Social Photo Feed.

بعد تثبيت البرنامج الإضافي، انتقل إلى Instagram Feed »الإعدادات .

يمكنك الآن إدخال مفتاح ترخيص Smash Balloon الخاص بك في حقل "مفتاح الترخيص".

Adding a license to Smash Balloon's Instagram plugin

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

بعد إضافة مفتاح الترخيص الخاص بك، تابع وانقر على زر "تنشيط".

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

Creating an Instagram feed for WordPress

سيعرض Smash Balloon الآن جميع أنواع خلاصات Instagram المختلفة التي يمكنك إنشاؤها.

ما عليك سوى تحديد نوع الخلاصة التي تريد إضافتها إلى WordPress، ثم النقر على "التالي".

How to add an Instagram timeline feed to WordPress

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

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

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

Adding Instagram hashtags to your WordPress website

بمجرد الانتهاء من ذلك، فقط انقر على "التالي".

هل تريد إظهار المنشورات التي تم وضع علامة باسم حسابك فيها؟ ستحتاج إلى تحديد "المشاركات الموسومة" بدلاً من ذلك ثم النقر فوق "التالي".

How to show tagged posts in a custom Instagram feed

بغض النظر عن نوع الموجز الذي تقوم بإنشائه، ستحتاج إلى ربط WordPress بحسابك على Instagram.

للبدء، انقر فوق الزر "إضافة مصدر".

Creating a custom Instagram photo feed in WordPress

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

إذا قمت بتحديد الزر الموجود بجوار "شخصي"، فلن يقوم Smash Balloon بتضمين الصورة الرمزية لـ Instagram والسيرة الذاتية في رأسك افتراضيًا. ومع ذلك، يمكنك دائمًا إضافة الصورة الرمزية والسيرة الذاتية لـ Instagram يدويًا في إعدادات المكون الإضافي.

Choose between a personal and business Instagram account

بعد اختيار "شخصي" أو "عملي"، ما عليك سوى النقر على "تسجيل الدخول باستخدام Facebook".

يمكنك الآن تحديد حساب Instagram الذي تريد عرضه على موقع WordPress الخاص بك والنقر على "التالي".

Connecting to an Instagram account

بعد ذلك، حدد المربع الموجود بجوار صفحة Facebook المرتبطة بحساب Instagram الذي تريد استخدامه.

مع القيام بذلك، تحتاج إلى النقر على زر "التالي".

Connecting a Facebook page to WordPress

سترى الآن نافذة منبثقة تحتوي على جميع المعلومات التي سيتمكن Instagram Feed Pro من الوصول إليها والإجراءات التي يمكنه تنفيذها.

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

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

Giving Smash Balloon access to your Instagram account

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

ما عليك سوى تحديد المربع الموجود بجوار هذا الحساب ثم النقر فوق "إضافة".

How to connect Instagram to WordPress using Smash Balloon

سيعيدك Instagram Feed Pro الآن إلى شاشة خلاصات Instagram »جميع الخلاصات .

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

Creating a new Instagram feed in WordPress

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

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

افتراضيًا، سيفتح Smash Balloon خلاصتك في محرره، ويكون جاهزًا للتخصيص.

على اليمين، سترى معاينة لملخص صور Instagram الخاص بك. على الجانب الأيسر توجد جميع الإعدادات التي يمكنك استخدامها لتخصيص موجز الوسائط الاجتماعية.

How to create a custom Instagram feed with Smash Balloon

معظم هذه الإعدادات لا تحتاج إلى شرح، لكننا سنغطي بعض المجالات الرئيسية بسرعة.

لتغيير التخطيط، ما عليك سوى النقر على "تخطيط الخلاصة" في القائمة اليمنى. يمكنك الآن الاختيار من بين تخطيط الشبكة أو الماسونية أو الدائري.

Switching to a different Instagram layout

يوجد أيضًا تخطيط مميز يسلط الضوء على كل صورة ثالثة بشكل افتراضي.

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

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

Previewing an Instagram feed on desktop, mobile, and tablet

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

للقيام بذلك، ما عليك سوى كتابة رقم مختلف في حقل "الجوال" ضمن "عدد المشاركات".

How to show a different number of Instagram posts on mobile

افتراضيًا، سيقوم Smash Ballon بتقسيم صورك إلى 4 أعمدة على سطح المكتب، وعمودين على الأجهزة اللوحية، وعمود واحد على الهاتف المحمول.

هل تريد استخدام عدد مختلف من الأعمدة؟ ثم قم بالتمرير إلى قسم "الأعمدة" في القائمة اليمنى.

يمكنك الآن كتابة رقم جديد في حقول سطح المكتب أو الجهاز اللوحي أو الهاتف المحمول.

Showing a different number of columns in a custom Instagram feed

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

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

Changing the Instagram feed color scheme

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

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

Changing the Instagram color scheme

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

لتغيير شكل هذا القسم، ارجع إلى شاشة الإعدادات الرئيسية ثم حدد "الرأس".

Adding a header to a custom Instagram photo feed

في هذه الشاشة، يمكنك تغيير لون الخلفية وإظهار السيرة الذاتية لـ Instagram وتغيير حجم الرأس والمزيد.

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

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

Adding a custom Instagram avatar to your WordPress website

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

لإنشاء سيرة ذاتية فريدة على Instagram، ما عليك سوى الكتابة في مربع "إضافة سيرة ذاتية مخصصة".

Adding a custom Instagram bio to your WordPress website

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

الآن عليك الضغط على "المشاركات".

Creating a custom Instagram photo feed in WordPress

للبدء، يمكنك التبديل بين التخطيطات المعبأة والعادية للمشاركات الفردية داخل خلاصة Instagram.

للقيام بذلك، حدد "نمط النشر".

Customizing an embedded Instagram photo feed

يمكنك الآن النقر لتحديد التخطيط الذي تريد استخدامه.

إذا قمت بتحديد "مربع"، فيمكنك تغيير لون الخلفية وإضافة ظل مربع وزيادة نصف قطر الحدود لإنشاء زوايا منحنية.

Adding a box style to an embedded social media feed

عندما تكون راضيًا عن تغييراتك، ما عليك سوى النقر على رابط "المشاركات" للعودة إلى شاشة Smash Balloon السابقة.

هذه المرة، حدد "الصور ومقاطع الفيديو".

Changing the resolution of an embedded Instagram feed

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

لتغيير حجم الصورة، ما عليك سوى فتح القائمة المنسدلة "الدقة" واختيار أحد أحجام صور WordPress الافتراضية من القائمة.

Changing the resolution for an embedded Instagram feed

مرة أخرى، انقر على رابط "المشاركات" للعودة إلى الشاشة السابقة.

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

Showing Instagram captions on your WordPress website

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

بعد الانتهاء من ذلك، ما عليك سوى النقر على رابط "المشاركات" للعودة إلى الشاشة السابقة.

Showing social media captions on a website or blog

الإعداد التالي هو "ملخص الإعجاب والتعليق".

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

Showing social media comments and likes on a website or blog

كما هو الحال دائمًا، تحتاج إلى النقر فوق "المشاركات" للعودة إلى الشاشة السابقة.

الخيار الأخير هو "حالة التحويم"، وهو التراكب الذي يضيفه Smash Balloon إلى المنشور عند تحريك مؤشر الماوس فوقه.

Customizing the hover state for an embedded social media photo feed

هنا، يمكنك اختيار المعلومات التي يعرضها Smash Balloon عندما يقوم شخص ما بالتمرير فوق منشور باستخدام الإعدادات الموجودة ضمن "المعلومات المراد عرضها".

يمكنك أيضًا تغيير لون تراكب التمرير.

Adding a custom Instagram feed to WordPress

عندما تكون راضيًا عن التغييرات التي أجريتها، انقر فوق الرابط "تخصيص".

يعيدك هذا إلى صفحة إعدادات Smash Balloon الرئيسية، حيث يمكنك النقر على زر "تحميل المزيد".

Adding a load more button to a custom Instagram photo feed in WordPress

هنا، يمكنك مساعدة زر "تحميل المزيد" على الظهور عن طريق تغيير لون الخلفية ولون النص وحالة التمرير.

يمكنك أيضًا تجربة إضافة رسائلك الخاصة إلى الزر عن طريق الكتابة في حقل "النص".

Customizing the load more button on a custom Instagram photo feed

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

لإزالة الزر، ما عليك سوى إيقاف تشغيل شريط التمرير "تمكين" حتى يتحول إلى اللون الرمادي.

Removing the 'Load More' button on a custom Instagram photo feed

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

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

هنا، يمكنك تغيير لون خلفية الزر وحالة التمرير ولون النص.

Customizing the Instagram follow button

افتراضيًا، يعرض الزر تسمية "متابعة على Instagram".

يمكنك استبدال هذا بالرسائل الخاصة بك عن طريق الكتابة في حقل "النص".

Adding your own messaging to an Instagram CTA button

يأتي Smash Balloon مزودًا بصندوق مبسط مدمج يسمح للزائرين بفتح الصور ومقاطع الفيديو الخاصة بك على Instagram دون مغادرة موقع الويب الخاص بك.

لتكوين هذه الميزة، ارجع إلى شاشة إعدادات Smash Balloon الرئيسية ثم انقر فوق "Lightbox".

The Smash Balloon lightbox feature

هنا، يمكنك تغيير عدد التعليقات التي سيظهرها Smash Balloon في العرض المبسط.

إذا كنت لا تريد استخدام ميزة العرض المبسط، فيمكنك تعطيلها باستخدام شريط التمرير "تمكين".

Enabling the WordPress lightbox feature

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

أنت الآن جاهز لإضافة خلاصة Instagram إلى موقع WordPress الخاص بك.

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

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

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

للحصول على هذا الرمز، يجب عليك الانتقال إلى موجز Instagram » جميع الخلاصات ثم نسخ النص ضمن "الرمز القصير".

في الصورة التالية، سنحتاج إلى استخدام instagram-feed feed=4 .

Getting a shortcode for your custom Instagram feed

إذا كنت تريد تضمين موجز Instagram في صفحة أو منشور، فيمكنك استخدام كتلة موجز Instagram.

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

عندما تظهر الكتلة اليمنى، انقر لإضافتها إلى الصفحة أو المنشور.

Adding the Feeds for Instagram block to your WordPress website

ستعرض الكتلة إحدى خلاصات Instagram الخاصة بك بشكل افتراضي. إذا كنت تريد عرض خلاصة Smash Balloon مختلفة، فابحث عن "إعدادات الرمز القصير" في القائمة اليمنى.

هنا، ما عليك سوى إضافة الرمز القصير ثم النقر على "تطبيق التغييرات".

Adding a social media feed to WordPress using shortcode

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

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

لإضافة أداة موجز Instagram إلى موقعك، انتقل إلى المظهر »الأدوات . يمكنك بعد ذلك النقر على أيقونة "+" الزرقاء الموجودة أعلى الشاشة.

Adding an Instagram feed to a widget-ready area

في اللوحة التي تظهر، اكتب "Instagram Feed" للعثور على الأداة المناسبة.

كما ترون في الصورة التالية، هناك نوعان من أدوات Instagram Feed، لذا تأكد من استخدام الأداة الصحيحة.

Adding the Instagram feed widget to a WordPress sidebar

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

ستعرض الأداة تلقائيًا أحد الخلاصات التي قمت بإنشائها باستخدام Smash Balloon. إذا لم تكن هذه هي خلاصة Instagram المخصصة التي أنشأتها للتو، فاكتب رمز الخلاصة في مربع "إعدادات الرمز القصير".

بعد ذلك، انقر فوق "تطبيق التغييرات".

يمكنك الآن تفعيل الأداة من خلال النقر على زر "تحديث". لمزيد من المعلومات، يرجى الاطلاع على دليلنا خطوة بخطوة حول كيفية إضافة الأدوات واستخدامها في WordPress.

An example of an embedded Instagram feed

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

ما عليك سوى الانتقال إلى Instagram Feed »جميع الخلاصات ونسخ الرمز في عمود "الرمز القصير". يمكنك الآن إضافة هذا الرمز إلى أي كتلة رمز قصير. للمساعدة في وضع الرمز القصير، يرجى الاطلاع على دليلنا حول كيفية إضافة رمز قصير.

هل تستخدم سمة ممكّنة للكتلة؟ ثم يمكنك استخدام محرر الموقع الكامل لإضافة كتلة Instagram Feed في أي مكان على موقع WordPress الخاص بك.

في لوحة التحكم، انتقل إلى المظهر »المحرر .

How to add an Instagram feed to WordPress using the full-site editor

افتراضيًا، سيعرض محرر الموقع الكامل القالب الرئيسي للموضوع.

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

Adding an Instagram feed to a WordPress template

سيعرض المحرر الآن قائمة بجميع أجزاء القالب التي تشكل سمة WordPress الخاصة بك.

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

A list of templates, in the WordPress full-site editor (FSE)

سيعرض WordPress الآن معاينة للتصميم.

لتحرير هذا القالب، تابع وانقر على أيقونة القلم الرصاص الصغيرة.

Editing the WordPress homepage template using the full-site editor

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

ثم اضغط على الزر الأزرق "+".

How to add a block to a template using full-site editor (FSE)

بمجرد الانتهاء من ذلك، ستحتاج إلى كتابة "خلاصة Instagram".

عندما تظهر الكتلة اليمنى، انقر لإضافتها إلى القالب.

Adding a Instagram feeds block using the full-site editor (FSE)

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

المكافأة: اسمح للعملاء بشراء منتجاتك عبر Instagram

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

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

How to add a shoppable link to an Instagram post

لمزيد من التفاصيل، يمكنك الاطلاع على دليلنا الكامل حول كيفية إضافة صور Instagram القابلة للتسوق في WordPress.

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

إذا أعجبك هذا المقال، يرجى الاشتراك في قناتنا على YouTube للحصول على دروس فيديو WordPress. يمكنك أيضًا أن تجدنا على Twitter و Facebook.