ساخت محتوای شناور در وردپرس با 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

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

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

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

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

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

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

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

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

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

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

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

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

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

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

      سلام
      افزونه نیست دوست عزیز

    • چطور میشه درستش کرد.

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

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

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

    یه مشکل

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

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

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

    سلام و درود

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

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

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

    پیشاپیش سپاس

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

      سلام دوباره

      امتحان کردم آره میشه

      تاز میشه چند جای سایت جای تبلیغ گذاشت افزونه ی خوبیه

      فقط از این بهتر نیست ؟ اگه هست بگید ؟

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

      سلام
      فقط ثابت میشه گذاشت

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

      سلام

      امتحان کردم متحرک هم میشه گذاشت

      فقط یه کادر سفید دور تبلیغ میذاره چطور میشه حذفش کنم؟؟؟