طراحی سایت ساناتک
0
به روز رسانی توییتر با استفاده از گوشی هوشمند برای به روز رسانی سایت

توییتر نیز مانند فیسبوک به شما اجازه بروزرسانی با استفاده از گوشی هوشمند را می دهد. از پرداختن به جزئیات خودداری می کنیم؛ با نگاهی گذرا به عکس 8.30 می بینید که تنظیمات ساده هستند و نیازی به توضیح ندارند.

تنظیمات توییتر در راستای بروزرسانی

عکس 8.30: تنظیمات توییتر در راستای بروزرسانی با استفاده از sms

زمانی که شماره همراه شما تایید شد به راحتی می توانید با یک sms به توییتر بروزرسانی ها را اعمال نمایید.

اما صفحه سایت ما بسیار درهم و برهم شد!

به نظر می رسد ظاهر صفحه سایت ما اندکی آشفته و به هم ریخته شد، نه؟ کاری که در این راستا در پیش می گیریم به این صورت است:

*. تصویر کوچک غواص ها به مرکز body منتقل می شود.

*. نوار سمت راست صفحه تنها برای جعبه Like فیسبوک و Follow لینک توییتر استفاده می شود.

*.Profile Widget  توییتر را به طور کلی حذف می کنیم.

کار را آغاز می کنیم:

  1. تصویر را به نحوی جابه جا کنید که پیش از پاراگراف جای گیرد.
  2. به تصویر یک id با نام HomeImage اختصاص دهید.
  3. Script مربوط به Profile Widget را حذف کنید اما لینک Follow و عکس‌اش را دست نخورده بگذارید.
  4. نهایتاً در style1.css مقداری کد CSS به شرح زیر اضافه می کنیم:

#homeImage {

float:left;

margin:0 10px 10px 0;

}

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

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

استفاده از توییتر برای بروزرسانی فیسبوک با هدف بروزرسانی سایت

درست خواندید! از پروفایل توییتر برای با یک تیر دو نشان زند استفاده می کنیم. می توانیم تنظیماتی اعمال کنیم تا با یک بروزرسانی در توییتر فیسبوک ما به طور خودکار بروزرسانی شود. از آنجا که سایت شما جعبه Like توییتر دارد سایت شما نیز این بروزرسانی ها را می گیرد. به همین سادگی!

راه های زیادی برای بروز کردن فیسبوک با استفاده از توییتر وجود دارد، پیشنهاد ما استفاده از یک نرم افزار در فیسبوک به نام "Selective Tweets" می باشد. همان طور که از نام آن بر می آید این برنامه به شما این امکان را می دهد که در هنگام بروزرسانی توییتر انتخاب کنید که آیا این پست تنها باید درون توییتر فرستاده شود یا علاوه بر توییتر در فیسبوک نیز این بروزرسانی باید پیاده شود. کاری که باید انجام دهیم به این شکل است:

  1. به فیلد جست و جوی فیسبوک رفته و عبارت Selective Tweet را از آن جا پیدا کنید.

جست و جو Selective Tweets

عکس 8.32: جست و جو برای نرم افزار Selective Tweets

  1. بر روی کلید Go to App کلیک کنید.
  2. اکانت توییتر خود را وارد کرده، ذخیره کنید.

همین! دو اکانت شما به هم لینک شدند، تنها پستی که از هشتگِ #fbبرخوردار است در فیسبوک نیز منتشر می شود. به عکس های 8.33 و 8.34 نگاه کنید، می بینید که این خاصیت به خوبی در این موارد استفاده شده است و تنها پستی که #fb دارد درون فیسبوک نیز وارد شده است.

هشتک #fb

عکس 8.33: از بین این دو پست تنها اولی با #fb باید درون فیسبوک نیز پست شده باشد.

وارد شدن بروز رسانی فیسبوک

عکس 8.34: موفق شدیم! بروزرسانی ما در فیسبوک وارد شد.

حالا به سایت خود رفته و جعبه Like فیسبوک را بررسی کنید، باید تغییر کرده باشد، اما! می بینیم که تغییری دیده نمی شود، کجای کار را اشتباه رفتیم؟ تقریباً تمامی کار درست اجرا شده اما زمانی که شما از Selective Tweets استفاده می کنید به صورت پیش فرض پست هایی هدف قرار داده می شوند که در Personal Profile خود وارد می کنید نه Page تان:

  1. با استفاده از فیلد جست و جو برنامه Selective Tweets را پیدا کنید.

autofill

عکس 8.35: می گذاریم امکان autofill باقی نام برنامه را برای ما پیدا کند که زیاد خسته نشویم!

  1. تب Your Fan Pages را انتخاب کنید.
  2. در اینجا باید Page خود را ببینید پس نام توییتر خود را وارد کنید و بر روی Grant Permission کلیک کنید.

وارد کردن نام توییتر درYour Fan Pages

عکس 8.36: نام توییتر خود را در تب Your Fan Pages وارد کنید.

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

اجازه دسترسی به توییتر

عکس 8.37: اجازه دسترسی به توییتر توسط فیسبوک

حالا پست دیگری در توییتر با #fb بگذارید. آیا همانطور که در Profile Page وارد شد در Fan Page نیز آمد؟ پس همه چیز به خوبی انجام شده است. حالا سایت خود را نیز چک کنید، آپدیت آنجا نیز نشان داده شده است؟ به نظر می رسد که همه کارها را درست انجام دادیم.

تعداد بازدید: 91
نویسنده: هانیه سهرابی
مطالب دیگر آموزش طراحی سایت
باگ‌ های شناخته شده مرورگرهاراستی‌ آزمایی کدهای CSS و HTML بعد از طراحی سایترفع خطاهای احتمالی هنگام طراحی سایتدقیق‌ تر شدن در استفاده از jQueryنمایش کپشن‌ های تصاویر درون گالری سایت
 
@

با عضویت در خبرنامه در جریان آخرین اخبار و مطالب سایت قرار بگیرید