ساخت محتوای شناور در وردپرس با Advanced Floating Content

محتوای شناور در وردپرس

محتوای شناور در وردپرس

سلام دوستان؛

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

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

 

افزونه Advanced Floating Content

Advanced Floating Content1 — WordPress Plugins

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

نکته!!! این افزونه توسط همیار وردپرس فارسی سازی شده است و از همین جا می توانید فارسی شده ی آن را دریافت کنید.

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

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

Advanced Floating Content1 — WordPress Plugins-article

حالا نوبت به تنظیمات(بخش جزئیات محتوی شناور) می رسد. همان طوری که در تصویر زیر می بیینید تنظیمات این افزونه خیلی راحت است .در ادامه قسمت های مهم را کمی بیشتر شرح خواهم داد.

  1. موقعیت:در این قسمت تعیین می کنید که دوست دارید محتوی شناور کجای صفحه قرار گیرد.
  2. عرض:عرض محتوی شناور تعیین می کنید که در دو حالت پیکسل و درصد قابل تنظیم است.
  3. حاشیه: همان margin در  css است که برای تنظیم حاشیه به ترتیب (از راست به چپ) بالا،راست،پایین و چپ است.
  4. مرز: همان border در css است .البته فیلدهای این قسمت برای تنظیم border-radius است که به ترتیب از راست به چپ برای تنظیم border-radius گوشه سمت راست بالا،سمت راست چپ،پایین راست و پایین چپ مورد استفاده قرار می گیرد.
  5. ویژگی های مرز: نوع مرز را می توانید تعیین کنید که صاف باشد و یا خمیده.

 

Advanced Floating Content2 — WordPress Plugins-article

پس از انجام تنظیمات می توانید نتیجه را مشاهده کنید :

floating content hamyarwp

 

 

جمع بندی!

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

دانلود افزونه ی فارسی  Advanced Floating Content

دانلود  صفحه افزونه   پیش نمایش

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

348,574 نفر

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

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 10 ماه عضو همیار وردپرس

    من این افزونه رو نصب کردم ولی دکمه ی close خیلی بزرگ هست و تصویر رو غیر قابل مشاهده میکنه، لطفا راهنمایی کنید

    • 7 سال عضو همیار وردپرس

      سلام
      روی دکمه inspect element کنید تا مسیر بارگذاری رو بهتون بگه. این دکمه یه عکسه که سایزش ۳۳ در ۳۳ هستش. میتونید اون رو کوچیک تر در فتوشاپ طراحی کرده و بارگذاری کنید.

  2. 10 ماه عضو همیار وردپرس

    من این افزونه رو نصب کردم ولی دکمه ی close خیلی بزگ هست و تصویر رو غیر قابل مشاهده میکنه، لطفا راهنمایی کنید

  3. سلام. این بخش سوالی دارید؟؟ در پایین صفحات سایتتون با چه افزونه ای طراحی شده است؟

  4. لطفا افزونه دیدگاه های این نوشته که در همین مطلب هم استفاده شده رو معرفی کنید.
    با تشکر از شما

  5. سلام.
    میشه لطفا کنید بگید این افزونه که برای لینک به تلگرام در پایین صفحه به صورت شناور قرارداره و نسبت به حرکت ماوس حساسه (سولی دارید؟ در تلگرام پاسخگوی شما) چیه؟ و اگر افزونه نیست روش درست کردنش رو آموزش بدید.
    با تشکر

  6. سلام
    این پلاگین عالیه
    اما من نمیخوام که تو حالت موبایلی نمایش داده بشه چیکارش کنم؟

  7. پس از نصب کل قالب پرید

  8. 5 سال عضو همیار وردپرس

    یه مشکل

    چطور این کادر سفید رو حذف کنم

    من فقط میخوام تصویر باشه ولی این کادر نباشه یا اگر هم باشه خیلی خیلی اندازش کم باشه

  9. 5 سال عضو همیار وردپرس

    سلام و درود

    میشه توش تبلیغات از نوع ثابت و یا متحرک گذاشت؟

    یه افزونه می خواستم که بشه تبلیغات ( 125 X 125 ) توش قرار بدم

    اگه هست معرفی کنید

    پیشاپیش سپاس

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

  11. ممنون از افزونه کاربردی

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

  13. 7 سال عضو همیار وردپرس

    عالیه! ریسپانسیو هم هست!!!!!!!!!!!!!!

  14. 6 سال عضو همیار وردپرس

    سلام آیا خودتون هم از این افزونه استفاده می کنید؟

  15. 5 سال عضو همیار وردپرس

    ایول خیلی خوب بود

  16. این برای سئو برای خزنده های گوگل و ترافیک سایت مشکلی ایجاد نمیکنه؟
    بازدید را پایین نمیاره؟

  17. سلام. قسمت ارسال سوال سایت شما یک قسمتش( وارد کردن عنوان) خراب بود.مجبور شدم اینجا سوال ورد پرسی م رو بپرسم.
    میشه یه چک بکنید که چرا cpanel سایت ما بالا نمیاد؟ من /cpanel و یا :2082 رو میزنم اما سی پنل بالا نماید. خیلی ممنون میشم اگه بگید مشکل چیه…
    آدرس: http://tunelbad.ir/

  18. 5 سال عضو همیار وردپرس

    سلام و خسته نباشید
    ببخشید سوالمو اینجا میپرسم
    تو قالب moesia
    چطوری میشه متن ” دیدن تمامی اخبارها” رو عوض کرد چون اخبارها غلط هستش و همینطور “نوشته‌های تازه” در صفحه های مختلف سایت

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

مطالب زیر را حتما بخوانید

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

    به درخواست بعضی از دوستان امروز برای شما عزیزان کد بنر ثابت در وردپرس رو آماده کردم حتماً بیشتر شما عزیزان به تبیلغات کوچیک سمت راست...

دوره‌های آموزشی