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

با استفاده از پلاگین - WPFront Notification Bar ، می توانید یک نوار اعلان به سایت خود ، در بالا یا پایین سایت وردپرس خود اضافه کنید. پانل می تواند هر متن و یک دکمه با پیوند به هر صفحه را نمایش دهد ، شما می توانید کد HTML را اضافه کنید. شما می توانید رنگ خود را برای صفحه اعلان سفارشی کنید ، می توانید محل پانل را در بالا یا پایین سایت انتخاب کنید. می توانید پانل را درست کنید تا وقتی صفحه را پیمایش می کنید ، پانل همیشه بر روی صفحه قابل مشاهده باشد. شما می توانید انتخاب کنید که صفحه در کدام صفحات نمایش داده شود ، و در کدام صفحه نمایش داده نشود ، و غیره

می توانید افزونه را مستقیماً از پنل مدیریت وردپرس نصب کنید. به برگه بروید: Plugins - Add New ، نام پلاگین را در فرم جستجو وارد کنید ، Enter را فشار دهید ، پلاگین را نصب و فعال کنید.

پس از نصب و فعال سازی افزونه ، برای پیکربندی پلاگین به صفحه: WPFront - Notification Bar بروید.

نمایش دادن

- فعال است ، کادر اینجا را علامت بزنید تا پانل اعلان فعال شود.

- موقعیت را انتخاب کنید ، جایی که پانل نمایش داده شود ، بالا - در بالا ، پایین - در پایین.

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

- در Scroll نمایش داده می شود ، اگر این کادر را علامت بزنید ، صفحه هنگام پیمایش صفحه ظاهر می شود.

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

- Bar Height ، در اینجا می توانید ارتفاع میله را بر حسب پیکسل مشخص کنید.

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

- Display After ، می توانید زمانی را تنظیم کنید که پانل ظاهر شود ، برای عملکرد کار نمی کند - Display on Scroll.

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

- نمایش دکمه بستن ، کادر را علامت بزنید تا یک دکمه با ضربدر برای بستن صفحه نمایش داده شود.

- بستن خودکار بعد از آن ، می توانید بعد از چند ثانیه مشخص کنید که پانل به طور خودکار بسته شود ، برای عملکرد کار نمی کند - نمایش در پیمایش.

- نمایش سایه ، سایه را برای صفحه نشان دهید.

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

- Keep Closed را نگه دارید ، اگر کادر را علامت بزنید ، پس از بستن صفحه در یک صفحه ، صفحه در صفحات دیگر نمایش داده نمی شود.

- Keep Closed For ، در اینجا می توانید تعیین کنید چند روز پانل برای کاربری که پانل را بسته است نمایش داده نشود.

محتوا

- متن پیام ، متنی را که در اعلان نمایش داده می شود در اینجا مشخص کنید ، می توانید کد HTML را اضافه کنید.

- Shortcode را پردازش کنید ، برای افزودن کد کوتاه به اعلان ها ، کادر را علامت بزنید.

- دکمه نمایش ، کادر را علامت بزنید تا دکمه موجود در پانل نشان داده شود.

- متن دکمه ، متن مربوط به دکمه را در اینجا مشخص کنید.

- دکمه اقدام ، لینک دکمه را در اینجا ارائه دهید. URL را در برگه / پنجره جدید باز کنید - پیوند در پنجره جدیدی باز می شود. بدون پیوند - پیوند نمایه نخواهد شد.

- بستن نوار روی دکمه کلیک کنید ، با فشار دادن دکمه نوار را ببندید.

فیلتر

- تاریخ و زمان شروع ، می توانید تاریخ و زمان شروع نمایش صفحه را مشخص کنید.

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

- نمایش در صفحات ، انتخاب کنید که صفحه در کدام صفحات نشان داده شود. همه صفحات - در همه صفحات. در صفحات بعدی بگنجانید - صفحاتی را که صفحه در آنها نشان داده می شود بررسی کنید. در صفحات بعدی حذف کنید - صفحات را حذف کنید.

- نمایش برای نقش های کاربر ، در اینجا می توانید انتخاب کنید که پنل برای کدام نقش کاربر نمایش داده شود. همه کاربران - برای همه ، همه کاربران وارد شده - فقط برای کاربران مجاز ، کاربران مهمان - فقط برای مهمان ها ، برای دنبال کردن نقش های کاربر - کادرها را علامت بزنید.

رنگ

- نوار رنگ ، رنگ را برای صفحه انتخاب کنید.

- Message Text Color ، رنگ متن را در پانل مشخص کنید.

- دکمه رنگ ، رنگ های دکمه را انتخاب کنید ، می توانید دو رنگ را برای نمایش گرادیان مشخص کنید.

- دکمه متن رنگ ، رنگ متن در دکمه.

- دوباره دکمه Color را باز کنید ، رنگ دکمه را برای باز کردن پانل باز کنید.

- Close Button Color ، رنگها را برای دکمه بستن پانل انتخاب کنید.

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

در پایان تغییرات خود را ذخیره کنید.

نوار اطلاع رسانی در بالا یا پایین سایت WordPress به روز شده: 25 ژوئیه 2018 توسط: ایلیا ژوراولف

چگونه منوی ناوبری در سایت، منوی مشخصات کاربر و غیره. می توانید پنهان شوید و هنگامی که کلیک می کنید و آنها را نشان می دهید ، ظاهر می شوند. برخی ممکن است بگویند که قابلیت استفاده از صفحه از این امر رنج می برد. فکر نمی کنم چون صفحه تمیزتر می شود ، این بدان معناست که پیمایش آسان تر است. فرد در غم لینک ها گیج نمی شود.
امروز من مجموعه ای آماده کردم پانل های اسلایدکه به طور پیش فرض در صفحه پنهان شده اند. تماس گرفتن منو، باید موس را روی نماد مربوطه کلیک کنید یا آن را نشان دهید. این روش از طریق برنامه های تلفن همراه به طراحی وب منجر شد ، جایی که نمی توانید عناصر زیادی را در یک صفحه نمایش دهید. با گذشت زمان ، چنین پنل هایی به وب سایت ها مهاجرت کرده اند. این مجموعه قبل از هر چیز برای توسعه دهندگان موبایل مفید خواهد بود. با وضوح صفحه نمایش کوچک ، این نمایش داده می شود. ناوبری خروجی، اما در مانیتورهای عادی و بزرگ ، می توانید منوی معمول را که همه به آن عادت کرده اند ، تهیه کنید. بنابراین ، شخصی که دارای یک دستگاه تلفن همراه است ، در سایت شما گیج نخواهد شد ، زیرا مدتهاست که استفاده از آن را عادت کرده است پانل های اسلایدزیرا تمام برنامه های موجود در تلفن هوشمند او بر همان اصل کار می کنند.
می خواهم توجه داشته باشم که این مجموعه شامل افزونه ها، که فقط در زیر تیز می شوند سایت های موبایل و در مانیتورهای گسترده ، استفاده از آنها نامناسب است. اگرچه پنل های همه کاره ای نیز وجود دارد که متناسب با هر وب سایتی است. نسخه ی نمایشی را تماشا کنید و متناسب با نیازهای خود انتخاب کنید.
پانل های کشویی کار می کنند. پیاده سازی چنین منویی در سایت شما دشوار نخواهد بود و سایت های توسعه دهندگان حاوی دستورالعمل های دقیق برای استفاده از محصول خود هستند.
به زودی ما در حال برنامه ریزی برای طراحی مجدد وب سایت Postovoy هستیم و از یکی از آنها استفاده خواهیم کرد پلاگین های jqueryکه در زیر ارائه شده است.
بنابراین. مورد توجه شما مجموعه ای از 20 پلاگین کشویی کشویی jquery برای سایت شما نظر فراموش نشه

منوی کشویی قابل کشیدن

یک فهرست ناوبری کشویی ساده jquery به صورت یک نوار اسلاید. ایده آل برای هر دو سایت موبایل و یک سایت عادی.

انتقال برای ناوبری های خارج از بوم

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

jPanelMenu

نوار پیمایش به سبک برنامه های IOS ساخته شده است. منویی آسان و سریع که توسعه یک سایت موبایل را تسهیل می کند.

منوی Google Nexus را دوباره ایجاد کنید

پانل کشویی مشابه منوی Google Nexus است.

bigSlide - نوار اسلاید ناوبری Jquery

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

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

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

منوی درب جعبه

نوار پیمایش اسلاید بسیار زیبا با جلوه 3D.

منوهای حاشیه متحرک

با کلیک بر روی علامت بعلاوه در گوشه صفحه ، یک نوار کناری کوچک با نمادها ظاهر می شود. برای پنهان کردن آن ، باید روی نمادی با علامت "-" کلیک کنید.

Snap.js

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

منوهای اسلاید و فشار دهید

|

منی

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

mb.jquery

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

Android Dock

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

نوار اسلاید محتوا

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

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

افزونه را بارگیری کنید پانل های کشویی می تواند از سایت رسمی http://thethefly.com/wp-plugins/thethe-sliding-panels/ باشد.

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

به عنوان مثال ، یک پلاگین وجود دارد فرم نرم و صاف JQuery 1.2 - این برنامه رایگان ، کاربردی است ، اما نصب آن یک فرآیند بسیار پیچیده است ، و سپس - روی چند دکمه کلیک کرده و کار شما تمام است!

نصب پلاگین The Sliding Panels

نصب این افزونه همانند اکثر افزونه ها است - در قسمت جستجوی پلاگین ، نام را وارد کرده و جستجو کنید. پس از جستجو ، روی نصب کلیک کرده و افزونه را فعال کنید.

پیکربندی پلاگین The Sliding Panels

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

تنظیمات بسیار ساده است - ابتدا مکانی را برای نمایش پنل های خود انتخاب می کنیم - بالا ، پایین ، راست ، چپ یا پنل یک پنجره بازشو خواهد بود:

فکر می کنم در مرحله پیکربندی پلاگین مشکلی نخواهید داشت ، فراموش نکنید که بعد از هر تغییر تنظیمات ، دکمه را فشار دهید "به روز رسانی تنظیمات"... بنابراین ، تنظیم کنید - بیایید به سراغ پر کردن پانل های خود با محتوای مفید برویم.

کجا می توان متن را نوشت یا کد را در پلاگین The Sliding Panels وارد کرد

برای درج متن یا هر کد ، یا مورد دیگری ، به عنوان مثال ، یک منو ، باید به ابزارک های سایت خود بروید. این کار خیلی راحت انجام می شود: پانل مدیریت سایت را باز کنید ، در سمت چپ کنسول کلیک کنید "ظاهر" — "ابزارک"... این پلاگین بسته به موقعیت پانل ها چندین ستون ایجاد می کند:

• صفحه کشویی بالا
• صفحه کشویی چپ
• پایین صفحه کشویی
• صفحه کشویی راست

هر پنلی را انتخاب کرده و از مجموعه استاندارد ابزارک های سایت وردپرس ، ابزارک ها را در آنجا بکشید و رها کنید. این می تواند متن ، کد ، ویجت پست های اخیر ، ابزارک جستجو و موارد دیگر باشد. پس از انتخاب آنچه به آن نیاز دارید - ذخیره را کلیک کنید و از به روزرسانی سایت خود لذت ببرید!

توجه: این افزونه ممکن است با برخی دیگر که از کتابخانه jQuery استفاده می کنند مغایرت داشته باشد - اگر صفحات سایت شما "شناور" هستند ، این افزونه برای شما کار نمی کند.

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

6 پلاگین نوار اعلان برای وردپرس:

1. نوار اطلاع رسانی وردپرس

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

2. میله سر آسان

Heads Up Bar - این افزونه مانند افزونه اعلان وردپرس توضیح داده شده در بالا کار می کند ، اما با چند تفاوت اساسی در گزینه های پنل مدیریت.

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

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

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

نمونه ای از نحوه کار را می توانید در اینجا مشاهده کنید:

3. نوار اعلان سریع

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

نمونه ای از نحوه کار را می توانید در اینجا مشاهده کنید:

4. نوار سلام

سلام نوار - این افزونه بسیار شبیه پلاگین اعلان وردپرس است که در بالا به آن پرداختیم ، با چند مورد استثنا. ابتدا باید در وب سایت سلام بار ثبت نام کنید تا بتوانید از این افزونه استفاده کنید. مانند برخی دیگر ، Hello Bar به شما امکان می دهد هر پیام یا تبلیغی را با گزینه های رنگ و قلم بی پایان ارسال کنید. اما آنچه واقعاً این افزونه را از بقیه متمایز می کند ، امکان ردیابی کلیک های ایجاد شده و آزمایش پیام های مختلف است.

نمونه ای از نحوه کار را می توانید در اینجا مشاهده کنید:

5. نوعی افعی

نوار افعی - این افزونه توسط Viper Chill بیشترین ویژگی را در بین تمام افزونه های اصلی نوار اعلان دارد. تو می توانی:

• با تغییر تنظیمات رنگ ، پس زمینه ، شفافیت و رنگ متن ، ظاهر را تغییر دهید.
• فرم های انتخاب شده را در لیست نامه های پستی یا RSS خود قرار دهید.
• درباره فرم های خود آماری مانند نمایش ها ، ارسال فرم ها و تبدیل های انتخاب شده را جمع آوری کنید.
• کوکی ها را تنظیم کنید تا کاربران پس از مشاهده پانل ، پنهان شوند. اگر نواری برای پیمایش در صفحه ای با یک کاربر انتخاب کنید ، این ویژگی بسیار مفیدی است که البته می تواند بسیار آزار دهنده و منحرف کننده باشد. همچنین می توانید پنل را به بالای صفحه پین \u200b\u200bکنید.
• آزمایش های مختلفی را انجام دهید تا نتایج کار خود را با این پنل بهینه کنید.

نمونه ای از نحوه کار را می توانید در اینجا مشاهده کنید:

6. تیکر اخبار

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

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

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

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

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

اولین کاری که باید انجام دهید نصب و فعال سازی افزونه Q2W3 Fixed Widget است. پس از فعال سازی افزونه ، به آدرس بروید ظاهر »ویجت ها و روی ویجت مورد نظر برای چسباندن کلیک کنید. پلاگین گزینه اضافه می کند درست شدویجتبه همه ابزارک های شما. پنجره را بررسی کنید درست شدویجت و تغییرات خود را ذخیره کنید. به سایت شخصی خود بروید و به پایین پیمایش کنید. شما درست شدویجت اکنون یک ابزارک شناور چسبنده خواهد بود.

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

می توان از یک نوار کناری شناور چسبنده برای افزایش وفاداری کلی کاربر استفاده کرد. می توانید چندین ابزارک ثابت در نوار کناری داشته باشید. با این حال ، آنها می توانند به راحتی آزار دهنده باشند و این نیز می تواند تأثیر منفی بگذارد. تعادل را در طراحی خود حفظ کنید تا کاربران خود را اذیت نکنید.