نحوه افزودن تقویم رویدادهای فیس بوک در وردپرس

اخیراً خواننده ای از ما پرسید که چگونه تقویم رویداد فیس بوک را به سایت وردپرس خود اضافه کنیم؟

رویدادهای فیس بوک روشی آسان برای جوامع برای سازماندهی رویدادهایی با ویژگی های اجتماعی داخلی است. با این حال ، بازدیدکنندگان وب سایت شما ممکن است آن رویدادها را از دست بدهند ، اگر آنها را در وب سایت خود نیز تبلیغ نکنید.

در این مقاله ، ما به شما نشان خواهیم داد که چگونه یک تقویم رویداد Facebook را در WordPress اضافه کنید تا حداکثر دسترسی خود را داشته باشید.

Adding a Facebook event calendar in WordPress

چرا تقویم رویدادهای Facebook را در وب سایت خود اضافه کنید؟ h4>

افزودن تقویم رویدادهای فیس بوک به وب سایت شما به بازدیدکنندگان اجازه می دهد تا به راحتی از رویدادهای آینده شما مطلع شوند. کاربران شما می توانند خود را به عنوان علاقه مند یا رفتن به این رویداد در فیس بوک نشان دهند.

این یک روش عالی برای جذب بیشتر فالوورهای فیس بوک و ایجاد تعامل است. همچنین باعث صرفه جویی در وقت و تلاش شما می شود زیرا رویدادها را به طور خودکار از فیس بوک بیرون می کشد.

نیازی به افزودن دستی رویدادها به وب سایت خود با استفاده از عنوان افزونه تقویم وردپرس . به جای آن می توانید به سادگی رویدادهای Facebook ایجاد کرده و به صورت خودکار آنها را در سایت خود نشان دهید.

توجه: شما به یک صفحه فیس بوک و نه یک پروفایل شخصی احتیاج دارید. این صفحه حداقل به 1 رویداد نیاز دارد.

در این آموزش ، ما از طریق دو روش می توانیم تقویم رویدادهای فیس بوک را به سایت وردپرس .

روش اول نیاز به وارد کردن برخی از کدها در وب سایت شما دارد ، و برای کاربرانی که نمی خواهند از یک افزونه استفاده کنند به راحتی کافی است. با این حال هیچ گزینه سفارشی سازی ارائه نمی دهد.

روش دوم روشی است که ما برای کاربرانی که می خواهند نمایش تقویم رویداد را سفارشی کنند و کنترل دقیق تری بر روی نمایش داده شده داشته باشند ، توصیه می کنیم. در اینجا نمونه ای از نمایش تقویم رویدادهای فیس بوک به صورت سفارشی وجود دارد که ایجاد کردیم:

The events calendar shown live on the website

روش 1. رویدادهای Facebook را بدون افزونه به سایت خود اضافه کنید h4>

اگر اصلاً نمی خواهید از یک افزونه استفاده کنید ، چه می کنید؟ بدون استفاده از افزونه امکان افزودن رویدادهای فیس بوک به یک سایت وردپرسی وجود دارد.

این روش شامل افزودن برخی از کدها به سایت شما است. اگر مبتدی هستید ، توصیه نمی کنیم. همچنین به شما این همه کنترل نحوه نمایش رویدادها را نمی دهد.

برای استفاده از این روش ، شما باید از یک ابزار Facebook استفاده کنید که برای توسعه دهندگان طراحی شده است. این پلاگین صفحه فیس بوک نامیده می شود. اجازه ندهید نام شما را گیج کند. این یک افزونه وردپرس نیست.

ابتدا به ابزار افزونه صفحه و URL صفحه فیس بوک خود را وارد کنید.

The Facebook for Developers page plugin tool

اکنون Facebook پیش نمایش فید صفحه شما را نشان می دهد. بعد ، باید کلمه “جدول زمانی” را در قسمت برگه ها حذف کنید و به جای آن “رویدادها” را اضافه کنید. همچنین می توانید عرض و ارتفاع خوراک رویدادها را در اینجا تنظیم کنید.

اکنون ، رویدادهای خود را در لیست پیش نمایش مشاهده می کنید. کافی است بر روی دکمه “دریافت کد” در زیر پیش نمایش کلیک کنید.

Click the Get Code button to get the code for your events feed

با این کار یک پنجره بازشو ظاهر می شود که در آن شما باید به تب iFrame بروید و کد تعبیه شده را کپی کنید.

Copy the code from the iFrame tab of the popup box

بعد ، به قسمت مدیریت وب سایت وردپرس خود بروید و پست یا صفحه ای را که می خواهید وقایع فیس بوک در آن نمایش داده شود ویرایش کنید.

در صفحه ویرایش پست ، بر روی نماد (+) کلیک کنید تا یک بلوک جدید اضافه کنید و سپس بلوک HTML را در بلوک های قالب بندی پیدا کنید.

Add an HTML block to your WordPress page

بعد ، شما باید کد را از ابزار Facebook Page Plugin در این بلوک بچسبانید:

Copying the iFrame code into an HTML block on your site p >

پس از آن ، می توانید پست خود را ذخیره کرده یا منتشر کنید. اکنون می توانید از این پست یا صفحه دیدن کنید تا رویدادهای فیس بوک خود را در عمل مشاهده کنید.

The Facebook Events feed produced from Facebook's code

برای ایجاد تغییر در نحوه نمایش این ، باید به ابزار افزونه Facebook Page برگردید و کد را دوباره ایجاد کنید. فقط چند تنظیم وجود دارد که می توانید تغییر دهید.

اگر می خواهید نحوه نمایش رویدادهای خود را سفارشی کنید و کنترل دقیق تری روی گزینه ها داشته باشید ، توصیه می کنیم از پلاگین وردپرس استفاده کنید سفارشی فید فیس طرفدار که در روش بعدی به آن خواهیم پرداخت.

روش 2. استفاده از افزونه سفارشی Feed Feed Pro h4>

برای این آموزش ، شما باید افزونه Smash Balloon Custom Facebook Feed Pro . برای جزئیات بیشتر ، به راهنمای گام به گام ما در نحوه نصب افزونه وردپرس .

بعد از نصب افزونه ، باید آن را به حساب Facebook خود متصل کنید.

اتصال حساب Facebook خود با Smash Balloon

به طور معمول با Smash Balloon ، می توانید حساب خود را به طور خودکار متصل کنید. برای انجام این کار ، فقط باید به Feed Facebook »تنظیمات بروید ، سپس روی دکمه” اتصال یک حساب Facebook “کلیک کنید.

Connect your Facebook account to the Facebook Feed Pro plugin

اما به دلیل تغییرات اخیر API در Facebook ، این روش در حال حاضر برای نمایش رویدادها در سایت شما کار نمی کند.

برای نمایش وقایع ، باید دستی دستیابی به نشانگر Facebook ایجاد کنید. این شامل چند مرحله مختلف است ، اما خوشبختانه Smash Balloon ابزارهایی برای سهولت کار در آن دارد.

ابتدا باید به Facebook برای سایت برنامه نویسان و با استفاده از جزئیات ورود به سیستم معمول Facebook خود در حساب توسعه دهنده ثبت نام کنید.

اگر از قبل حساب برنامه نویس دارید ، به سادگی روی پیوند “برنامه های من” در بالا سمت راست کلیک کنید و سپس روی دکمه افزودن برنامه جدید کلیک کنید.

Add new Facebook app

اگر قبلاً برنامه ای ایجاد نکرده اید ، برای ادامه کار کافیست روی دکمه “ایجاد برنامه” کلیک کنید.

Click to create a new app

با این کار یک پنجره بازشو ظاهر می شود که در آن باید روی گزینه “برای همه موارد دیگر” کلیک کنید:

Choose the 'Everything Else' option at the bottom of the list p >

در مرحله بعدی ، باید نام نمایشی برای برنامه خود تایپ کنید و سپس روی دکمه “ایجاد برنامه شناسایی” کلیک کنید.

Give your app a name

ممکن است از شما خواسته شود رمز ورود فیس بوک خود را وارد کرده و یک Captcha را تکمیل کنید. پس از آن ، داشبورد برنامه های خود را مشاهده خواهید کرد:

Your dashboard on the Facebook for Developers site

در سمت چپ داشبورد خود ، باید روی تنظیمات »اساسی کلیک کنید

اکنون ، به سادگی بر روی دکمه “نمایش” در کنار “App Secret” کلیک کنید. هنگام انجام این کار ممکن است از شما خواسته شود که رمزعبور فیس بوک خود را دوباره وارد کنید.

Faccebook app ID and secret keys

برای این مرحله تنها کاری که باید انجام دهید این است که شناسه برنامه و برنامه راز را در جعبه های مرحله 13 در این صفحه Smash Balloon :

Enter your Facebook App ID and App Secret into the appropriate boxes p >

اکنون می خواهیم رمز دسترسی ایجاد کنیم. ابتدا باید به Facebook Graph API explorer بروید صفحه .

Generating your access token using the Facebook Graph API explorer

در سمت راست ، مطمئن شوید که نام برنامه شما در لیست کشویی “Facebook App” انتخاب شده باشد. سپس ، ادامه دهید و بر روی دکمه “ایجاد دسترسی به نشانه” کلیک کنید:

Generating your access token

با این کار یک پنجره بازشو ظاهر می شود که برای ادامه کار کافیست روی دکمه “ادامه به عنوان” کلیک کنید.

Click to continue when the popup appears

مرحله بعدی در اینجا افزودن مجوز ویژه به رمز دسترسی شما است. برای این کار ، تمام کاری که شما باید انجام دهید این است که pages_read_user_content_code> را در خط “Add Permission” کپی و جای گذاری کنید و سپس وقتی روی آن ظاهر می شود ، روی آن کلیک کنید ، مانند این:

Add the correct permission to your Facebook app

هنگامی که این مجوز را اضافه کردید ، باید به این شکل باشد:

The correct permission has now been added to the Facebook app

اکنون باید دوباره روی دکمه Generate Access Token کلیک کنید. اکنون یک پنجره بازشو مانند این مشاهده خواهید کرد. به سادگی بر روی دکمه “ادامه به عنوان” کلیک کنید:

Click the continue button

سپس فیس بوک از شما می خواهد صفحه ای را که می خواهید استفاده کنید انتخاب کنید. صفحه ای را که می خواهید از آن رویدادها نمایش داده شود ، انتخاب کنید. مهم است که فقط 1 صفحه در اینجا انتخاب کنید. بعد از علامت زدن کادر کنار صفحه انتخابی خود ، روی دکمه “بعدی” کلیک کنید.

Select the page that you want to use for your events feed

سپس فیس بوک صفحه نهایی را نمایش می دهد.

در اینجا ، تنها کاری که شما باید انجام دهید کلیک کردن روی “انجام شد” است. پیام فیس بوک در مورد ارسال برنامه برای بررسی برای شما اعمال نمی شود ، زیرا برنامه به سادگی در حالت توسعه باقی می ماند.

Click the Done button to continue

بعد ، فقط باید برای آخرین بار روی دکمه “دسترسی دسترسی” کلیک کنید. اکنون ، فیس بوک یک رمز دسترسی موقت برای شما فراهم می کند.

Click the Get Access Token button again

این رمز فقط برای برقراری اولین تماس API شما قابل استفاده است. به همین دلیل برای برقراری تماس API و دریافت رمز توسعه لازم است از صفحه مستندات Smash Ballon استفاده کنید.

نگران نباشید ، آن را در مرحله 23 کپی کرده و در کادر جایگذاری کنید در این صفحه .

بعد از کپی کردن آن در جعبه ، روی دکمه “Extend my token” کلیک کنید. سپس کد تمدید شده خود را در یک جعبه بزرگ مشاهده خواهید کرد:

Copy your page access token

این را در یک برگه جداگانه نگه دارید یا آن را در جایی امن کپی و جایگذاری کنید ، زیرا یک لحظه به آن نیاز خواهید داشت.

اکنون که همه اطلاعات مورد نیاز را بدست آورده ایم ، بیایید وبلاگ وردپرس به فیس بوک.

به سادگی به تنظیمات خوراک فیس بوک> تنظیمات در داشبورد WordPress خود بروید و بر روی دکمه “اتصال دستی حساب” کلیک کنید:

Click the button to manually connect your Smash Balloon account to your Facebook events feed

یک لیست کشویی مشاهده خواهید کرد ، در اینجا فقط باید گزینه “صفحه” را انتخاب کنید:

Select Page from the dropdown

در مرحله بعد ، نام صفحه ، شناسه صفحه (آخرین قسمت URL صفحه Facebook خود) و رمز دسترسی گسترده ای را که قبلاً ایجاد کرده اید وارد کنید. سپس ، پیش بروید و بر روی دکمه “اتصال حساب” کلیک کنید.

Enter your page name, page ID, and access token p >

پس از انجام این کار ، صفحه متصل شده را در تنظیمات Custom Facebook Feed Pro خود مشاهده خواهید کرد:

The list of your connected accounts, in Facebook Feed Pro

آخرین مرحله در اینجا کلیک بر روی دکمه “ایجاد اولیه تغذیه” است:

Click the Make Primary Feed button

پس از انجام این کار ، خواهید دید که شناسه Facebook و نشان دسترسی به Facebook بالای این صفحه اکنون پر شده است:

Your Facebook page details should now have been entered into the top boxes on this page

فراموش نکنید که پس از انجام این کار بر روی دکمه ذخیره تنظیمات کلیک کنید.

تنظیم فید تقویم رویدادهای فیس بوک

در مرحله بعدی ، ما قصد داریم فید فیس بوک را تنظیم کنیم تا فقط رویدادها ، نه همه پست ها را نشان دهد. برای انجام این کار ، باید به صفحه سفارشی سازی »عمومی بروید.

Click Customize then General in the Facebook Feed Pro settings

در اینجا ، باید به پایین صفحه بروید و به بخش ارسال انواع بروید. وقتی به آن بخش رسیدید ، باید علامت همه کادرها به غیر از Events را بردارید.

The list of post types for Facebook Feed Pro

اکنون می توانید خبرخوان رویدادهای خود را به هر پست یا صفحه در سایت شما. حتی می توانید با استفاده از عنوان ابزارک .

ما قصد داریم صفحه ای برای رویدادهای فیس بوک خود ایجاد کنیم. برای ایجاد صفحه جدید به صفحات »افزودن مطلب جدید بروید.

در صفحه ویرایش پست ، روی نماد (+) کلیک کنید تا افزودن بلوک جدید . بلوک Facebook Feed ویژه را در بخش ابزارک ها پیدا کنید یا آن را با استفاده از نوار جستجو جستجو کنید.

Adding the Facebook feed block to a page

سپس رویدادهای فیس بوک خود را در ویرایشگر بلوک مشاهده خواهید کرد. می توانید پیش نمایش صفحه خود را مشاهده کنید تا به صورت زنده در سایت شما مشاهده شود.

توجه: ما برخی از سبک های اضافی را به خبرمایه خود اضافه کرده ایم. ما در یک لحظه نحوه انجام این کار را توضیح خواهیم داد.

The events calendar shown live on the website

اگر از عنوان ویرایشگر کلاسیک ، سپس می توانید با استفاده از کد کوتاه [custom-facebook-feed] . هر کجا بخواهید رویدادها در صفحه ظاهر شوند ، کافیست آن را وارد کنید:

Adding the Custom Facebook Feed shortcode in the classic WordPress editor p >

همچنین می توانید از آن کد کوتاه برای افزودن فید فیس بوک خود در نوار کناری یا هر منطقه دارای ویجت دیگر استفاده کنید.

برای انجام این کار ، در داشبورد WordPress خود به ابزارهای ظاهری »مراجعه کنید. به سادگی یک ابزارک متن به نوار کناری خود اضافه کنید و کد کوتاه را در آن کپی و جایگذاری کنید:

Adding a custom Facebook feed to a widget

سفارشی کردن نحوه نمایش رویدادهای فیس بوک در وردپرس

ممکن است بخواهید تنظیمات پیش فرض را تغییر دهید تا رویدادهای فیس بوک خود را در وب سایت خود هرچه بهتر نشان دهید.

با استفاده از Facebook Feed Pro سفارشی ، می توانید انواع جزئیات را تغییر دهید ، از جمله اطلاعات ذکر شده با رویداد خود و نحوه مدل سازی رویدادها.

برای شروع ، به صفحه فید فیس بوک »سفارشی سازی بروید و روی پیوند" ارسال انواع "کلیک کنید یا به پایین بخش آن صفحه بروید. در آنجا ، گزینه های مختلفی برای خبرمایه رویدادهای خود مشاهده خواهید کرد.

Click the Post Types link or scroll down to that section p >

ما توصیه می کنیم از "صفحه رویدادها" به عنوان منبع رویدادهای خود استفاده کنید. به این ترتیب ، آنها به ترتیب زمان وقوع آن نمایش داده می شوند ، نه به ترتیب زمانی که آنها را اضافه کرده اید.

در صورت تمایل ، می توانید رویداد افست را تغییر دهید تا نمایش وقایع زودتر از شروع آنها متوقف شود. به عنوان مثال ، می توانید رویدادها را به جای 6 ساعت پیش فرض ، 1 ساعت پس از شروع حذف کنید:

Changing the event feed options

پس از انجام تغییرات حتماً بر روی دکمه ذخیره تغییرات در پایین صفحه کلیک کنید.

مرحله بعدی تصمیم گیری در مورد طرح تقویم رویدادهای خود است. برای انتخاب این گزینه ، به سفارشی کردن »طرح بندی پست بروید و به سادگی یکی از گزینه ها را انتخاب کنید. ما می خواهیم از نمایشگر نیم عرض برای رویدادهای خود استفاده کنیم.

Select how you want your Facebook events to display on your site p >

اگر به پایین صفحه بروید ، گزینه های نمایش / پنهان کردن جزئیات مختلف را مشاهده خواهید کرد. می توانید این موارد را به هر طریقی که دوست دارید علامت بزنید یا بردارید.

Decide what options you want to show/hide in the posts within your events feed

بعد از اتمام تغییر موارد در این صفحه ، حتماً روی دکمه ذخیره تغییرات کلیک کنید.

همچنین ممکن است بخواهید نحوه نمایش پستهای رویدادهای خود را در سایت خود تنظیم کنید. برای انجام این کار ، به بخش سفارشی کردن »ارسال پست ها در تنظیمات فید Facebook بروید

شما می توانید بین یک سبک معمولی یا جعبه ای با گوشه های گرد شده جابجا شوید
Choosing the style for the events posts in your custom Facebook feed

پس از انتخاب سبک ، می توانید پیش بروید و برای انتخاب گزینه های بیشتر مانند رنگ متن ، اندازه و قالب ، به پایین صفحه بروید.

Changing the settings for the titles of your events

بعد از اینکه از تنظیمات خود راضی بودید ، حتماً روی دکمه ذخیره تغییرات در پایین صفحه کلیک کنید.

امیدواریم این مقاله به شما کمک کند تا یاد بگیرید چگونه تقویم رویداد فیس بوک را در وردپرس اضافه کنید. همچنین ممکن است بخواهید برگه تقلب در شبکه های اجتماعی کامل برای وردپرس و مقایسه بهترین خدمات بازاریابی از طریق ایمیل برای تبلیغ رویدادهای خود.

اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .

منبع:
https://www.wpbeginner.com/plugins/how-to-display-facebook-events-on-your-wordpress-site/.

دیدگاهتان را بنویسید