نمایش تصویر قبل و بعد در وردپرس
نمایش تصویر قبل و بعد در وردپرس
نمایش تصاویر ها در وردپرس از قدیم بوده است و شما می توانید با وردپرس خود هر تصویری را که می خواهید نمایش دهید و یکی از روش های که در وردپرس این روز ها مد شده است و بیشتر این قابلیت را به کمک صفحه ساز های انلاین انجام می دهند یکی از بهترین روش های ترغیب کننده خرید از سایت می باشد و شما می توانید با استفاده از این آموزش امروز که در آن می توانید یک تصویر را به حالت قبل و حالت بعد نمایش دهید و یکی از درخواست های مکرر شما دوستان بوده است آموزش دهیم
این قابلیت یک ، قابلیت جذاب است که بسیاری از مدیران سایت به آن نیاز پیدا می کنند و در سایت خود استفاده می کنند و به همین دلیل و بنا به استفاده های زیاد از این قابلیت ما این مقاله را در میهن آکادمی برای شما قرار داده ایم و این راه یک راه حل ساده برای جذب بیشتر مخاطب در سایت شما می باشد ، همانطور که می دانید در وردپرس شما می توانید افزونه های زیادی نصب کنید و این افزونه ها باعث می شود که هر امکانی که می خواهید را به سایت خود اضافه کنید.
نمایش تصویر قبل و بعد در وردپرس به کمک افزونه :
معمولا برای اینکه کاربران بتوانند عکس مورد نظر خود را به صورت قبل و بعد نمایش دهند مانند تصویر های که اینستاگرام در پیج های زیبایی و آرایشگری مشاهده می شود بسازند بیشتر از فتوشاپ یا برنامه های که در آن می توانند تصویر های خود را ویرایش کنند استفاده می کنند ولی ما این بار می خواهیم به شما آموزش دهیم که چطور می توانید با استفاده از افزونه در سایت خود این کار را انجام دهید که نیاز به ویرایش تصویر در برنامه های ادیت یا همان ویرایش تصویر نباشد
این نوع تصویر ها هم در سایت ها می توانید ببینید سایت های مانند ، سایت زیبایی زیاد به چشم می خورد و اگر که شما هم مدیریت سایت های این چنینی را به عهده دارید می توانید از این روش برای انجام تصویر قبل و بعد از اقدامات یا عمل های زیبایی در سایت خود استفاده کنید و با این مدل تصویر ها کاربران شیفته تغییر قبل و بعد از آن مراحل می شوند و ممکن است مشتری شما شوند و صد در صد همینطوره
با استفاده از این کار شما می توانید به صورت حرفه ای شناخته شوید و کاربران شما تجربه کاربری بهتری را از سایت شما داشته باشند و یا ممکن است این کار برای افرادی که می خواهند با فتوشاپ این کار را انجام دهند سخت باشد یا به هر دلیلی نخواهند از این روش استفاده کنند می توانند از این افزونه ای که در قسمت زیر به شما معرفی می کنیم استفاده کنند و هم کیفیت بهتری می توانند داشته باشد و هم با اسلاید جذاب نمایش داده می شود.
معرفی افزونه نمایش تصویر قبل و بعد در وردپرس :
این افزونه بسیار ساده و کاربردی می باشد و نام این افزونه TwentyTwenty می باشد که شما می توانید با کلیک بر روی نام افزونه به صفحه این افزونه در مخزن وردپرس وارد شوید و افزونه را دانلود کرده و طبق آموزش نصب افزونه در وردپرس ، این افزونه را در سایت خود نصب و فعالسازی کنید و این افزونه تا کنون بیش از 6000 هزار نصب و فعالسازی داشته است و شما هم می توانید جزء این 6000 هزار نفر استفاده کننده این افزونه باشید
شما بعد از نصب این افزونه می توانید به راحتی با این افزونه کار کنید چون تنظیمات و پیکربندی در این افزونه وجود ندارد ، چون زمانی که شما این افزونه را نصب کنید هیچگونه گزینه جدیدی به پنل مدیریت سایت شما اضافه نمی شود و اما یک سری از نکات ها را باید به شما توضیح دارد
آموزش کار با افزونه TwentyTwenty بعد از نصب :
اولین کار که شما باید انجام دهید این است که باید یک مقاله یا پست جدید ایجاد کنید و یا پست و مقاله قبلی را ویرایش کنید و پس از ویرایش یا اضافه کردن پست جدید در سایت خود نیاز است که یک تصویر قبل و یک تصویر بعد را آپلود کرده و در همین مقاله خود قرار دهید فقط یک نکته اساسی که باید رعایت کنید این است که اندازه تصاویر ها دقیق باید یکی باشد و بعد از این که شما تصویر های خود را قرار دادید باید هر دو تصویر را در سایت خود بین شورت کد زیر قرار دهید (مانند کد زیر)
[twentytwenty]<img src="http://www.example.com/wp-content/uploads/2014/12/before-photo.jpg" alt="Before photo" width="604" height="402" class="alignnone size-large wp-image-2367" />
<img src="http://www.example.com/wp-content/uploads/2014/12/after-photo.jpg" alt="After Photo" width="604" height="402" class="alignnone size-large wp-image-2366" />[/twentytwenty]
هم اکنون شما می توانید تغییرات خود را ذخیره کنید و شما همان طور که گفته شد باید هر دو تصویر را در کنار هم با یک دیگر قرار دهید و تصویر اول از سمت چپ قبل می آید و تصویر دوم باید پس از تصویر سمت راست می آید و این افزونه به کاربران امکان مقایسه هر عکس با عکس دیگر را می دهد
به همین راحتی شما می توانید بدون نیاز و استفاده از ویرایش تصویر در فتوشاپ این قابلیت را در سایت خود فراهم کنید ، موفق و پیروز باشید.
