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

سلام دوستان! نیازی بود یک اسلایدر تصویری زیبا روی وب سایت نصب کنید؟ اگر چنین است ، این درس برای شما مناسب است. در آن به شما می گویم چقدر سریع (حداکثر در 5 دقیقه!) و ساخت یک لغزنده کاربردی آسان است.

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

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

الگوریتم نصب اسلایدر تصویر در وردپرس

افزونه را نصب کنید کشویی متا... آن را فعال کنید
رفتن به بخش کشویی متا در منوی پنل مدیریت (سمت چپ).
علامت "+" را کلیک کنید.
کلیک اسلاید را اضافه کنید.از رایانه بارگیری کنید یا از آن انتخاب کنید گالری رسانه تصاویر برای کشویی.
پیوند و توضیحات اسلایدی را که می خواهید اضافه کنید.
لغزنده را سفارشی کنیدبا استفاده از ابزار واقع در نوار کناری (سمت راست). من گزینه ها را توصیف نمی کنم - آنها روسی ، شهودی و ساده هستند. فقط یادآور می شوم که علاوه بر مجموعه تنظیمات استاندارد (جلوه ها ، طراحی ، اندازه لغزنده) ، چهار گزینه لغزنده نیز وجود دارد (R. Slides ، Flex Slider ، Coin Slider و Nivo Slider). پس از پایان تنظیمات ، فشار دهید صرفه جویی.
کپی واقع در پایین صفحه کد کوتاه کشویی و آن را در صفحه مورد نظر بچسبانید.
با استفاده از دکمه می توانید یک نوار لغزنده به سایت (پست یا صفحه) خود اضافه کنید کشویی را اضافه کنید (در ویرایشگر Post (Page) نمایش داده می شود).
اگر باید اسلایدر را در الگو وارد کنید ، از کدی که در بلوک قرار دارد استفاده کنید استفاده كردن در برگه در الگو قرار دهید.

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

در نتیجه اقدامات انجام شده در این آموزش ، من یک اسلایدر مانند این را دریافت کردم:

کمتر از پنج دقیقه طول کشید تا آن را تنظیم کنم - نصب یک اسلایدر در وردپرس عملیات ساده ، قبول ندارید؟ اگر "ساختمان لغزنده" شما کار نکرد ، در مورد مشکلات در نظرات به ما بگویید. با هم بر هر مشکلی غلبه خواهیم کرد!

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

نصب اسلایدر در سایت وردپرس - پلاگین M-vSlider

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

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

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

برای ویرایش اسلایدر موجود ، فقط روی مداد کلیک کنید و به تنظیمات بروید. یا می توانید با کلیک روی دکمه "افزودن لغزنده جدید" مورد جدیدی ایجاد کنید.

در تنظیمات می توانید ویرایش کنید:

عرض ، ارتفاع کشویی ؛
اثرات گذار استفاده می شود
فواصل زمانی
می توانید بلافاصله ویژگی های CSS را اضافه کنید.
تعداد تصاویر مورد استفاده

پس از تمام تغییرات لازم ، اسلایدر را ذخیره کرده و با خیال راحت می توانیم اسلایدر را به سایت خود اضافه کنیم. از طریق کد کوتاه، شبیه این خواهد شد:

می توانید به هر مقاله و صفحه ای یک اسلایدر اضافه کنید.

و اگر می خواهید مستقیماً به خود الگو در هدر یا جای دیگری اضافه کنید ، از آن استفاده کنید کد PHPچیزی شبیه به این خواهد بود

if (function_exists ("rslider"))) (

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

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

از توجه شما متشکرم ، امیدوارم مقاله برای شما مفید باشد.

2 رای

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

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

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

خوب ، بیایید شروع کنیم؟

کشویی متا

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

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

خوب ، بگذارید نحوه کار با برنامه را به شما نشان دهم.

نصب و راه اندازی

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

فراموش نکنید که Meta Slider را از طریق برگه "نصب شده" یا در پنجره ای که بعد از نصب باز می شود ، فعال کنید.

در نتیجه ، یک دسته جدید باید در صفحه کنترل در سمت راست ظاهر شود. شما می توانید نسخه Pro را با قیمت 19 دلار خریداری کنید یا از نسخه رایگان استفاده کنید ، به نظر من عملکرد آن کاملا کافی است ، بنابراین خرید اصلاً ضروری نیست.

فرصت ها

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

می توانید هر تعداد عکس که می خواهید بارگذاری کنید اما توصیه نمی کنم در این کار زیاده روی کنید. هیچ کس زیاد به نظر نمی رسد. تعداد مطلوب از سه تا هشت است.

در سمت راست تصاویر بارگذاری شده ، فیلدی وجود دارد که می توانید آدرس صفحه ای را که فرد هنگام کلیک بر روی عکس به آنجا می رود وارد کنید. همچنین می توانید توضیحات ، برش تصویر و alt را به تصاویر اضافه کنید.

همچنین شما 4 گزینه طراحی دارید. در ویدئوی زیر نحوه شکل هر یک از آنها را نشان خواهم داد.

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

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

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

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

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

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

در تصویر زیر ، اسلایدر ایجاد شده را مشاهده می کنید. برای سهولت کار ، استفاده از گزینه پیش نمایش را توصیه می کنم. منوی ایجاد دارای دو دکمه مفید در بالا سمت راست است: "نمایش" برای دیدن تغییرات و ذخیره آن.

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

ابتدا ببینید لغزنده در عمل چگونه به نظر می رسد. البته ، همه چیز باید در وب سایت خود شما آزمایش شود ، من چیزهای زیادی را از دست دادم و آن را در این ویدئو نشان ندادم ، اما شما می توانید ایده کاملی از برنامه ایجاد کنید.

ادغام وبلاگ

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

پستی را که می خواهید اسلایدر جدیدی به آن اضافه کنید یا پست جدیدی ایجاد کنید. بعد ، مکان نما را در جایی که چرخ و فلک قرار دارد قرار دهید. اکنون روی "Add Slider" کلیک کنید ، این دکمه در بالای فضای کاری قرار دارد.

نام مورد نظر را از لیست انتخاب کرده و "درج نمایش اسلاید" را کلیک کنید.

انجام شده. در مورد من در سایت به این شکل خواهد بود.

برای قرار دادن یک بلوک در صفحه اصلی ، به بخش "ظاهر" - "ابزارک" بروید. در بالا ، "Meta Slider" را مشاهده خواهید کرد.

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

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

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

نمایش در سایت بلافاصله تغییر می کند.

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

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

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

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

موافقت کنید که داشتن اسلایدر تصویر در وب سایت بسیار زیبا به نظر می رسد. نوار لغزنده صفحه اصلی سایت نه تنها ظاهری شیک است ، بلکه محتوای اطلاعاتی مناسبی از موضوع سایت شما برای بازدیدکنندگان است.

ما با استفاده از پلاگین محبوب Meta Slider ، نوار لغزنده را ایجاد کرده و کار آن را با موضوع Twenty Sixteen انجام خواهیم داد.

ایجاد یک نوار لغزنده

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

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

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

بنابراین ، نوار لغزنده ایجاد شده است ، اکنون باید اسلایدها را به آن اضافه کنید ، که با کلیک روی دکمه سمت راست می توانید این کار را انجام دهید اسلاید را اضافه کنید... پس از افزودن همه عکس ها ، پنجره به این شکل در می آید:

قبل از انتشار اسلایدر در سایت ، می توانید با پارامترهای ارائه شده توسط افزونه آشنا شوید.

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

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

علاوه بر این ، تنظیمات اضافی در دسترس شما است: کشیدن لغزنده به عرض کامل ، تراز وسط ، پخش خودکار اسلاید ، برش عکس "هوشمند" ، نمایش اسلاید به ترتیب معکوس ، زمان تعویض اسلاید ، زمان نمایش و غیره

بنابراین ، پس از اضافه کردن تمام اسلایدها و تنظیمات لازم ، باید روی دکمه کلیک کنید صرفه جویی... بنابراین ، شما یک نوار لغزنده عکس ایجاد کرده اید.

خروجی کشویی در سایت

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

برای نمایش در یک صفحه جداگانه ، اولین قدم ایجاد یک صفحه است ( صفحات -\u003e افزودن جدید) ، که در آن می توانید کد کوتاه ویژه ای را که پلاگین به شما ارائه می دهد وارد کنید. این را می توان در پنجره ویرایش لغزنده مشاهده کرد (در مورد ما اینگونه است ).

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

برای قرار دادن یک نوار لغزنده در موضوع سایت خود (به یاد بیاورید که ما از موضوع استفاده می کنیم بیست و شانزده) باید در پرونده های زمینه تغییراتی ایجاد کنید. برای این کار ، برو ظاهر -\u003e ویرایشگر، یک موضوع را انتخاب کنید بیست و شانزده و در لیست فایل های تم موجود پیدا کنید سربرگ PHP.