اخیراً خواننده ای از ما پرسید که چگونه تقویم رویداد فیس بوک را به سایت وردپرس خود اضافه کنیم؟
رویدادهای فیس بوک روشی آسان برای جوامع برای سازماندهی رویدادهایی با ویژگی های اجتماعی داخلی است. با این حال ، بازدیدکنندگان وب سایت شما ممکن است آن رویدادها را از دست بدهند ، اگر آنها را در وب سایت خود نیز تبلیغ نکنید.
در این مقاله ، ما به شما نشان خواهیم داد که چگونه یک تقویم رویداد Facebook را در WordPress اضافه کنید تا حداکثر دسترسی خود را داشته باشید.
چرا تقویم رویدادهای Facebook را در وب سایت خود اضافه کنید؟ h4>
افزودن تقویم رویدادهای فیس بوک به وب سایت شما به بازدیدکنندگان اجازه می دهد تا به راحتی از رویدادهای آینده شما مطلع شوند. کاربران شما می توانند خود را به عنوان علاقه مند یا رفتن به این رویداد در فیس بوک نشان دهند.
این یک روش عالی برای جذب بیشتر فالوورهای فیس بوک و ایجاد تعامل است. همچنین باعث صرفه جویی در وقت و تلاش شما می شود زیرا رویدادها را به طور خودکار از فیس بوک بیرون می کشد.
نیازی به افزودن دستی رویدادها به وب سایت خود با استفاده از عنوان افزونه تقویم وردپرس . به جای آن می توانید به سادگی رویدادهای Facebook ایجاد کرده و به صورت خودکار آنها را در سایت خود نشان دهید.
توجه: شما به یک صفحه فیس بوک و نه یک پروفایل شخصی احتیاج دارید. این صفحه حداقل به 1 رویداد نیاز دارد.
در این آموزش ، ما از طریق دو روش می توانیم تقویم رویدادهای فیس بوک را به سایت وردپرس .
روش اول نیاز به وارد کردن برخی از کدها در وب سایت شما دارد ، و برای کاربرانی که نمی خواهند از یک افزونه استفاده کنند به راحتی کافی است. با این حال هیچ گزینه سفارشی سازی ارائه نمی دهد.
روش دوم روشی است که ما برای کاربرانی که می خواهند نمایش تقویم رویداد را سفارشی کنند و کنترل دقیق تری بر روی نمایش داده شده داشته باشند ، توصیه می کنیم. در اینجا نمونه ای از نمایش تقویم رویدادهای فیس بوک به صورت سفارشی وجود دارد که ایجاد کردیم:
روش 1. رویدادهای Facebook را بدون افزونه به سایت خود اضافه کنید h4>
اگر اصلاً نمی خواهید از یک افزونه استفاده کنید ، چه می کنید؟ بدون استفاده از افزونه امکان افزودن رویدادهای فیس بوک به یک سایت وردپرسی وجود دارد.
این روش شامل افزودن برخی از کدها به سایت شما است. اگر مبتدی هستید ، توصیه نمی کنیم. همچنین به شما این همه کنترل نحوه نمایش رویدادها را نمی دهد.
برای استفاده از این روش ، شما باید از یک ابزار Facebook استفاده کنید که برای توسعه دهندگان طراحی شده است. این پلاگین صفحه فیس بوک نامیده می شود. اجازه ندهید نام شما را گیج کند. این یک افزونه وردپرس نیست.
ابتدا به ابزار افزونه صفحه و URL صفحه فیس بوک خود را وارد کنید.
اکنون Facebook پیش نمایش فید صفحه شما را نشان می دهد. بعد ، باید کلمه “جدول زمانی” را در قسمت برگه ها حذف کنید و به جای آن “رویدادها” را اضافه کنید. همچنین می توانید عرض و ارتفاع خوراک رویدادها را در اینجا تنظیم کنید.
اکنون ، رویدادهای خود را در لیست پیش نمایش مشاهده می کنید. کافی است بر روی دکمه “دریافت کد” در زیر پیش نمایش کلیک کنید.
با این کار یک پنجره بازشو ظاهر می شود که در آن شما باید به تب iFrame بروید و کد تعبیه شده را کپی کنید.
بعد ، به قسمت مدیریت وب سایت وردپرس خود بروید و پست یا صفحه ای را که می خواهید وقایع فیس بوک در آن نمایش داده شود ویرایش کنید.
در صفحه ویرایش پست ، بر روی نماد (+) کلیک کنید تا یک بلوک جدید اضافه کنید و سپس بلوک HTML را در بلوک های قالب بندی پیدا کنید.
بعد ، شما باید کد را از ابزار Facebook Page Plugin در این بلوک بچسبانید:
p >
پس از آن ، می توانید پست خود را ذخیره کرده یا منتشر کنید. اکنون می توانید از این پست یا صفحه دیدن کنید تا رویدادهای فیس بوک خود را در عمل مشاهده کنید.
برای ایجاد تغییر در نحوه نمایش این ، باید به ابزار افزونه Facebook Page برگردید و کد را دوباره ایجاد کنید. فقط چند تنظیم وجود دارد که می توانید تغییر دهید.
اگر می خواهید نحوه نمایش رویدادهای خود را سفارشی کنید و کنترل دقیق تری روی گزینه ها داشته باشید ، توصیه می کنیم از پلاگین وردپرس استفاده کنید سفارشی فید فیس طرفدار که در روش بعدی به آن خواهیم پرداخت.
روش 2. استفاده از افزونه سفارشی Feed Feed Pro h4>
برای این آموزش ، شما باید افزونه Smash Balloon Custom Facebook Feed Pro . برای جزئیات بیشتر ، به راهنمای گام به گام ما در نحوه نصب افزونه وردپرس .
بعد از نصب افزونه ، باید آن را به حساب Facebook خود متصل کنید.
اتصال حساب Facebook خود با Smash Balloon
به طور معمول با Smash Balloon ، می توانید حساب خود را به طور خودکار متصل کنید. برای انجام این کار ، فقط باید به Feed Facebook »تنظیمات بروید ، سپس روی دکمه” اتصال یک حساب Facebook “کلیک کنید.
اما به دلیل تغییرات اخیر API در Facebook ، این روش در حال حاضر برای نمایش رویدادها در سایت شما کار نمی کند.
برای نمایش وقایع ، باید دستی دستیابی به نشانگر Facebook ایجاد کنید. این شامل چند مرحله مختلف است ، اما خوشبختانه Smash Balloon ابزارهایی برای سهولت کار در آن دارد.
ابتدا باید به Facebook برای سایت برنامه نویسان و با استفاده از جزئیات ورود به سیستم معمول Facebook خود در حساب توسعه دهنده ثبت نام کنید.
اگر از قبل حساب برنامه نویس دارید ، به سادگی روی پیوند “برنامه های من” در بالا سمت راست کلیک کنید و سپس روی دکمه افزودن برنامه جدید کلیک کنید.
اگر قبلاً برنامه ای ایجاد نکرده اید ، برای ادامه کار کافیست روی دکمه “ایجاد برنامه” کلیک کنید.
با این کار یک پنجره بازشو ظاهر می شود که در آن باید روی گزینه “برای همه موارد دیگر” کلیک کنید:
p >
در مرحله بعدی ، باید نام نمایشی برای برنامه خود تایپ کنید و سپس روی دکمه “ایجاد برنامه شناسایی” کلیک کنید.
ممکن است از شما خواسته شود رمز ورود فیس بوک خود را وارد کرده و یک Captcha را تکمیل کنید. پس از آن ، داشبورد برنامه های خود را مشاهده خواهید کرد:
در سمت چپ داشبورد خود ، باید روی تنظیمات »اساسی کلیک کنید
اکنون ، به سادگی بر روی دکمه “نمایش” در کنار “App Secret” کلیک کنید. هنگام انجام این کار ممکن است از شما خواسته شود که رمزعبور فیس بوک خود را دوباره وارد کنید.
برای این مرحله تنها کاری که باید انجام دهید این است که شناسه برنامه و برنامه راز را در جعبه های مرحله 13 در این صفحه Smash Balloon :
p >
اکنون می خواهیم رمز دسترسی ایجاد کنیم. ابتدا باید به Facebook Graph API explorer بروید صفحه .
در سمت راست ، مطمئن شوید که نام برنامه شما در لیست کشویی “Facebook App” انتخاب شده باشد. سپس ، ادامه دهید و بر روی دکمه “ایجاد دسترسی به نشانه” کلیک کنید:
با این کار یک پنجره بازشو ظاهر می شود که برای ادامه کار کافیست روی دکمه “ادامه به عنوان” کلیک کنید.
مرحله بعدی در اینجا افزودن مجوز ویژه به رمز دسترسی شما است. برای این کار ، تمام کاری که شما باید انجام دهید این است که pages_read_user_content_code>
را در خط “Add Permission” کپی و جای گذاری کنید و سپس وقتی روی آن ظاهر می شود ، روی آن کلیک کنید ، مانند این:
هنگامی که این مجوز را اضافه کردید ، باید به این شکل باشد:
اکنون باید دوباره روی دکمه Generate Access Token کلیک کنید. اکنون یک پنجره بازشو مانند این مشاهده خواهید کرد. به سادگی بر روی دکمه “ادامه به عنوان” کلیک کنید:
سپس فیس بوک از شما می خواهد صفحه ای را که می خواهید استفاده کنید انتخاب کنید. صفحه ای را که می خواهید از آن رویدادها نمایش داده شود ، انتخاب کنید. مهم است که فقط 1 صفحه در اینجا انتخاب کنید. بعد از علامت زدن کادر کنار صفحه انتخابی خود ، روی دکمه “بعدی” کلیک کنید.
سپس فیس بوک صفحه نهایی را نمایش می دهد.
در اینجا ، تنها کاری که شما باید انجام دهید کلیک کردن روی “انجام شد” است. پیام فیس بوک در مورد ارسال برنامه برای بررسی برای شما اعمال نمی شود ، زیرا برنامه به سادگی در حالت توسعه باقی می ماند.
بعد ، فقط باید برای آخرین بار روی دکمه “دسترسی دسترسی” کلیک کنید. اکنون ، فیس بوک یک رمز دسترسی موقت برای شما فراهم می کند.
این رمز فقط برای برقراری اولین تماس API شما قابل استفاده است. به همین دلیل برای برقراری تماس API و دریافت رمز توسعه لازم است از صفحه مستندات Smash Ballon استفاده کنید.
نگران نباشید ، آن را در مرحله 23 کپی کرده و در کادر جایگذاری کنید در این صفحه .
بعد از کپی کردن آن در جعبه ، روی دکمه “Extend my token” کلیک کنید. سپس کد تمدید شده خود را در یک جعبه بزرگ مشاهده خواهید کرد:
این را در یک برگه جداگانه نگه دارید یا آن را در جایی امن کپی و جایگذاری کنید ، زیرا یک لحظه به آن نیاز خواهید داشت.
اکنون که همه اطلاعات مورد نیاز را بدست آورده ایم ، بیایید وبلاگ وردپرس به فیس بوک.
به سادگی به تنظیمات خوراک فیس بوک> تنظیمات در داشبورد WordPress خود بروید و بر روی دکمه “اتصال دستی حساب” کلیک کنید:
یک لیست کشویی مشاهده خواهید کرد ، در اینجا فقط باید گزینه “صفحه” را انتخاب کنید:
در مرحله بعد ، نام صفحه ، شناسه صفحه (آخرین قسمت URL صفحه Facebook خود) و رمز دسترسی گسترده ای را که قبلاً ایجاد کرده اید وارد کنید. سپس ، پیش بروید و بر روی دکمه “اتصال حساب” کلیک کنید.
p >
پس از انجام این کار ، صفحه متصل شده را در تنظیمات Custom Facebook Feed Pro خود مشاهده خواهید کرد:
آخرین مرحله در اینجا کلیک بر روی دکمه “ایجاد اولیه تغذیه” است:
پس از انجام این کار ، خواهید دید که شناسه Facebook و نشان دسترسی به Facebook بالای این صفحه اکنون پر شده است:
فراموش نکنید که پس از انجام این کار بر روی دکمه ذخیره تنظیمات کلیک کنید.
تنظیم فید تقویم رویدادهای فیس بوک
در مرحله بعدی ، ما قصد داریم فید فیس بوک را تنظیم کنیم تا فقط رویدادها ، نه همه پست ها را نشان دهد. برای انجام این کار ، باید به صفحه سفارشی سازی »عمومی بروید.
در اینجا ، باید به پایین صفحه بروید و به بخش ارسال انواع بروید. وقتی به آن بخش رسیدید ، باید علامت همه کادرها به غیر از Events را بردارید.
اکنون می توانید خبرخوان رویدادهای خود را به هر پست یا صفحه در سایت شما. حتی می توانید با استفاده از عنوان ابزارک .
ما قصد داریم صفحه ای برای رویدادهای فیس بوک خود ایجاد کنیم. برای ایجاد صفحه جدید به صفحات »افزودن مطلب جدید بروید.
در صفحه ویرایش پست ، روی نماد (+) کلیک کنید تا افزودن بلوک جدید . بلوک Facebook Feed ویژه را در بخش ابزارک ها پیدا کنید یا آن را با استفاده از نوار جستجو جستجو کنید.
سپس رویدادهای فیس بوک خود را در ویرایشگر بلوک مشاهده خواهید کرد. می توانید پیش نمایش صفحه خود را مشاهده کنید تا به صورت زنده در سایت شما مشاهده شود.
توجه: ما برخی از سبک های اضافی را به خبرمایه خود اضافه کرده ایم. ما در یک لحظه نحوه انجام این کار را توضیح خواهیم داد.
اگر از عنوان ویرایشگر کلاسیک ، سپس می توانید با استفاده از کد کوتاه [custom-facebook-feed] . هر کجا بخواهید رویدادها در صفحه ظاهر شوند ، کافیست آن را وارد کنید:
p >
همچنین می توانید از آن کد کوتاه برای افزودن فید فیس بوک خود در نوار کناری یا هر منطقه دارای ویجت دیگر استفاده کنید.
برای انجام این کار ، در داشبورد WordPress خود به ابزارهای ظاهری »مراجعه کنید. به سادگی یک ابزارک متن به نوار کناری خود اضافه کنید و کد کوتاه را در آن کپی و جایگذاری کنید:
سفارشی کردن نحوه نمایش رویدادهای فیس بوک در وردپرس
ممکن است بخواهید تنظیمات پیش فرض را تغییر دهید تا رویدادهای فیس بوک خود را در وب سایت خود هرچه بهتر نشان دهید.
با استفاده از Facebook Feed Pro سفارشی ، می توانید انواع جزئیات را تغییر دهید ، از جمله اطلاعات ذکر شده با رویداد خود و نحوه مدل سازی رویدادها.
برای شروع ، به صفحه فید فیس بوک »سفارشی سازی بروید و روی پیوند" ارسال انواع "کلیک کنید یا به پایین بخش آن صفحه بروید. در آنجا ، گزینه های مختلفی برای خبرمایه رویدادهای خود مشاهده خواهید کرد.
p >
ما توصیه می کنیم از "صفحه رویدادها" به عنوان منبع رویدادهای خود استفاده کنید. به این ترتیب ، آنها به ترتیب زمان وقوع آن نمایش داده می شوند ، نه به ترتیب زمانی که آنها را اضافه کرده اید.
در صورت تمایل ، می توانید رویداد افست را تغییر دهید تا نمایش وقایع زودتر از شروع آنها متوقف شود. به عنوان مثال ، می توانید رویدادها را به جای 6 ساعت پیش فرض ، 1 ساعت پس از شروع حذف کنید:
پس از انجام تغییرات حتماً بر روی دکمه ذخیره تغییرات در پایین صفحه کلیک کنید.
مرحله بعدی تصمیم گیری در مورد طرح تقویم رویدادهای خود است. برای انتخاب این گزینه ، به سفارشی کردن »طرح بندی پست بروید و به سادگی یکی از گزینه ها را انتخاب کنید. ما می خواهیم از نمایشگر نیم عرض برای رویدادهای خود استفاده کنیم.
p >
اگر به پایین صفحه بروید ، گزینه های نمایش / پنهان کردن جزئیات مختلف را مشاهده خواهید کرد. می توانید این موارد را به هر طریقی که دوست دارید علامت بزنید یا بردارید.
بعد از اتمام تغییر موارد در این صفحه ، حتماً روی دکمه ذخیره تغییرات کلیک کنید.
همچنین ممکن است بخواهید نحوه نمایش پستهای رویدادهای خود را در سایت خود تنظیم کنید. برای انجام این کار ، به بخش سفارشی کردن »ارسال پست ها در تنظیمات فید Facebook بروید
شما می توانید بین یک سبک معمولی یا جعبه ای با گوشه های گرد شده جابجا شوید
پس از انتخاب سبک ، می توانید پیش بروید و برای انتخاب گزینه های بیشتر مانند رنگ متن ، اندازه و قالب ، به پایین صفحه بروید.
بعد از اینکه از تنظیمات خود راضی بودید ، حتماً روی دکمه ذخیره تغییرات در پایین صفحه کلیک کنید.
امیدواریم این مقاله به شما کمک کند تا یاد بگیرید چگونه تقویم رویداد فیس بوک را در وردپرس اضافه کنید. همچنین ممکن است بخواهید برگه تقلب در شبکه های اجتماعی کامل برای وردپرس و مقایسه بهترین خدمات بازاریابی از طریق ایمیل برای تبلیغ رویدادهای خود.
اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .
منبع:
https://www.wpbeginner.com/plugins/how-to-display-facebook-events-on-your-wordpress-site/.