دیجی اسکریپت

ایجاد حالت های انیمیشنی متحرک با افزونه وردپرس Animate It
[ad_1]

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

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

ایجاد انیمیشن در محتوای مطالب وردپرس

افزونه‌ای که قصد معرفی آن را دارم با عنوان Animate It در مخزن وردپرس به ثبت رسیده ایت و تاکنون توانسته است تا بیش از ۳۰٫۰۰۰ نصب فعال و کسب امتیاز ۵ را ازآن خود نماید که با استفاده از آن قادر خواهید بود تا هر بخش از محتوای یک نوشته و برگه در وردپرس را با افکت خاص و زیبایی برای کاربران نمایش دهید.

نصب و فعال سازی

پس از نصب و فعال سازی افزونه مشابه تصویر زیر منویی با عنوان !Animate It در بخش تنظیمات پیشخوان سایت وردپرسی شما افزوده خواهد شد. روی آن کلیک کنید تا به صفحه تنظیمات افزونه هدایت شوید.

• Scroll Offset (in percentage): اگر قصد دارید تا محتوای انیمیشنی شما با اسکرول کردن صفحه به سمت پایین نمایش داده شود بر حسب درصد میزان اسکرول به سمت پایین صفحه را تعیین کنید تا با رسیدن به آن حد نصاب انیمیشن نمایش داده شود.
• Enable on Smartphones: با فعال کردن این گزینه قادر خواهید بود تا امکان نمایش محتوای انیمیشن ساخته شده در اسمارت‌فون‌ها را فعال کنید تا در آنها نیز مانند نسخه دسکتاپ نمایش داده شوند.
• Enable on Tablets: با استفاده از این قسمت نیز مشابه قبل قادر خواهید بود تا امکان نمایش انیمیشن در وردپرس را برای تب‌لت ها فراهم کنید.
• Hide Horizontal Scrollbar: با فعال سازی این گزینه در صورتی که نمایشگر به صورت افقی در موبایل و تبلت قرار گیرد نمایش انیمیشن در ان مخفی خواهد شد.
• Hide Vertical Scrollbar: با فعال سازی این گزینه در صورتی که نمایشگر به صورت عمودی در موبایل و تبلت قرار گیرد نمایش انیمیشن در ان مخفی خواهد شد.
• Custom CSS: و در نهایت در این بخش نیز می‌توانید استایل سفارشی برای اعمال شدن در افزونه انیمیشن وردپرس را درج کنید تا در صفحاتی که با استفاده از انیمین ایجاد کرده‌اید نمایش داده شود.

افزودن انیمیشن در وردپرس

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

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

همانطور که در سربرگ Entry مشاهده می‌کنید ابتدا در بخش Animation نوع انیمیشن خود را انتخاب کنید . سپس از بخش Dely مدت زمان شروع انیمیشن را بر حسب ثانیه تعیین کرده و در بخش Duration نیز می‌توانید مدت زمانی که انیمیشن به این حالت نمایش داده شود را تعیین کنید، با این گزینه در واقع می‌توان سرعت اجرای افکت را تعیین کرد.

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

در تب Exit نیز مشابه بخش Entry می‌توانید نوع انمیشن در پایان اجرای آن، مدت زمان شروه اجرای انیمیشن پایانی، زمان اجرا و زمانسنجی را مشابه نمونه قبل تعیین کنید. با کلیک بر روی دکمه Animate it نیز می‌توانید انیمیشن زمان پایان را در حالت دمو مشاهده کنید.

در نهایت بر روی تب Options کلیک کرده و تنظیمات مربوط به انیمیشن وردپرس را به دلخواه خود سفارشی سازی کنید. در بخش Animation Repeat می‌توانید تعداد دفعات تکرار انیمیشن را تعیین کرده و سپس از بخش Keep Element Final State تعیین کنید که آخرین تغییرات انیمیشن در مرورگر کاربران ذخیره شوند یا خیر.

از قسمت Custom CSS class نیز می‌توانید استایل سفارشی و دلخواه خود را در انیمیشن اعمال کنید تا در آن نمایش داده شود و در نهایت از قسمت Animation on می‌توانید نوع اجرای انیمیشن را در حالت لود صفحه، کلیک بر روی محتوای انیمیشن، رفتن نشانگر ماوس بر روی محتوای انیمیشن و یا اسکرول صفحه تعیین کنید.

در نهایت پس از کلیک بر روی دکمه Insert انیمیشن شما ایجاد شده و به متنی بین دو شورت‌کد افزونه با عنوان Please add your content in this area افزوده خواهد شد که با تغییر آن به متن دلخواه خود می‌توانید انیمیشن مورد نظر را بر روی آن اعمال کنید.

نوشته ایجاد حالت های انیمیشنی متحرک با افزونه وردپرس Animate It اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

دانلود مجموعه افکت های CSS به صورت شناور bequeen
[ad_1]

Bequeen نام یک اسکریپت بر پایه CSS می باشد که با استفاده از آن قادر به اعمال افکت روی تصاویر خواهید بود. Bequeen یک مجموعه بزرگ از CSS3 Image Hover Effects است که برای هر نوع وب سایت مناسب است. bequeen فقط شامل CSS3 و HTML5 و جاوا اسکریپت می باشد. با ویژگی های پیشرفته این اسکریپت به راحتی قادر خواهید بود تمامی تصاویر را در وبسایت خود افکت هاور کنید. این اسکریپت با آخرین نسخه های مرورگر موبایل، گوگل کروم، سافاری و موزیلا فایر فاکس اندروید و همچنین مرورگرهای تلفن همراه در IOS تست شده و سازگاری دارد.

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

امکانات مجموعه افکت های CSS به صورت شناور bequeen:

• شامل فایل CSS
• شامل فایل HTML5
• شامل فایل JavaScript JS
• شامل فایل مستندات
• پشتیبانی از فونت گوگل
• سازگار با انواع مرورگرها از جمله: IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
• قابلیت سفارشی سازی
• ۱۰۰ درصد واکنشگرا
• امکان قرار دادن چند تصویر در یک خط
• و بسیاری قابلیت های دیگر

نوشته دانلود مجموعه افکت های CSS به صورت شناور bequeen اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

طراحی قالب HTML به صورت آنلاین با اسکریپت Architect نسخه ۲٫۱٫۵
[ad_1]

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

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

اسکریپت طراحی قالب HTML به صورت آنلاین

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

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

برخی از امکانات اسکریپت Architect :

• قابلیت طراحی قالب ها از طریق کشیدن و رها کردن (Drag&Drop)
• وجود قالب های آماده جهت طراحی
• قابلیت افکت دادن ، تغییر رنگ و… به صورت آنلاین
• قابلیت پیاده سازی سطر ها و ستون ها
• قابلیت پیش نمایش طرح های طراحی شده
• قابلیت ویرایش تصاویر به صورت آنلاین
• سیستم ویرایشگر HTML,CSS و JS
• سیستم نصب کننده
• قابلیت ترجمه سیستم
• قابلیت عضویت کاربران و ایجاد پروژه جدید
• طراحی قالب ها به صورت ریسپانسیو
• طراحی قالب ها با استفاده از فریم ورک Bootstrap
• و امکانات فراوان دیگر…

نوشته طراحی قالب HTML به صورت آنلاین با اسکریپت Architect نسخه ۲٫۱٫۵ اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

افزونه اسلایدر حرفه ای وردپرس Slider Revolution نسخه ۵٫۴٫۸٫۳ + افزودنی ها
[ad_1]

Slider Revolution یک افزونه تجاری وردپرس می باشد که با استفاده از آن قادر هستید اسلایدر های زیبا و حرفه ای برای سایت وردپرسی خود ایجاد کنید. این افزونه قادر است اسلایدر های متنوعی مانند سه بعدی ، اسلایدر های تمام صفحه و همچنین قابلیت API را برای شما فراهم سازد. همچنین به جهت راحتی کار با این افزونه توسط افراد مختلف این امکان وجود دارد تا به وسیله کشیدن و رها کردن به راحتی بتوانید اسلایدر دلخواه خود را طراحی کنید. در ادامه در کنار استفاده از تصاویر در اسلایدر می توانید از ویدئو هم در اسلایدر های خود استفاده کنید. افزونه Slider Revolution به دلیل داشتن کنترل پنل بسیار قدرتمند و بهینه شده این امکان را به مدیر وبسایت می‌دهد تا اسلایدر ها خود را بصورت کاملا سفارشی و اختصاصی طراحی کند. همچنین به کمک این افزونه می‌توانید مطالب خود را با دسته بندی های مختلف بصورت اسلایدر نمایش دهید.

در ادامه در کنار استفاده از تصاویر در اسلایدر می توانید از ویدئو هم در اسلایدر های خود استفاده کنید. افزونه Slider Revolution به دلیل داشتن کنترل پنل بسیار قدرتمند و بهینه شده این امکان را به مدیر وبسایت می‌دهد تا اسلایدر ها خود را بصورت کاملا سفارشی و اختصاصی طراحی کند. همچنین به کمک این افزونه می‌توانید مطالب خود را با دسته بندی های مختلف بصورت اسلایدر نمایش دهید.

برخی از امکانات افزونه اسلایدر حرفه ای وردپرس Slider Revolution :

• تغییر اندازه تصاویر و بندانگشتی‌ها
• استفاده از انیمیشن‌های CSS و jQuery
• لایه‌های کپشن نامحدود
• ایجاد آسان کپشن‌هایی مانند ویدئو، تصویر و برچسب‌های HTML
• فعال کردن حالت لمسی برای iPhone و Android
• ۱۰۰% سفارشی‌سازی شونده
• نصب و راه‌اندازی آسان
• پشتیبانی از Vimeo و Youtube
• ویدئو تمام صفحه و تابع شروع خودکار
• تکثیر اسلاید‌ر، اسلاید‌ها و کپشن‌ها
• کشیدن و رها کردن (Drag & Drop) کپشن‌ها در ویرایشگر
• سایه‌های مختلف
• انتقال‌های و جابجایی های متنوع و فراوان
• ۱۰ نوع انیمیشن مختلف کپشن‌ها
• ۲۰ نوع انیمیشن مختلف برای انتقال‌ها به همراه تنظیم مقدار چرخش، تعداد باکس‌ها و…
• دو سطح انیمیشن مختلف برای کپشن‌ها (شروع و پایان)
• و..

نوشته افزونه اسلایدر حرفه ای وردپرس Slider Revolution نسخه ۵٫۴٫۸٫۳ + افزودنی ها اولین بار در دلکد – دانلود اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

افزونه اسلایدر حرفه ای وردپرس Slider Revolution نسخه ۵٫۴٫۸٫۱
[ad_1]

در ادامه در کنار استفاده از تصاویر در اسلایدر می توانید از ویدئو هم در اسلایدر های خود استفاده کنید. افزونه Slider Revolution به دلیل داشتن کنترل پنل بسیار قدرتمند و بهینه شده این امکان را به مدیر وبسایت می‌دهد تا اسلایدر ها خود را بصورت کاملا سفارشی و اختصاصی طراحی کند. همچنین به کمک این افزونه می‌توانید مطالب خود را با دسته بندی های مختلف بصورت اسلایدر نمایش دهید.

برخی از امکانات افزونه اسلایدر حرفه ای وردپرس Slider Revolution :

• تغییر اندازه تصاویر و بندانگشتی‌ها
• استفاده از انیمیشن‌های CSS و jQuery
• لایه‌های کپشن نامحدود
• ایجاد آسان کپشن‌هایی مانند ویدئو، تصویر و برچسب‌های HTML
• فعال کردن حالت لمسی برای iPhone و Android
• ۱۰۰% سفارشی‌سازی شونده
• نصب و راه‌اندازی آسان
• پشتیبانی از Vimeo و Youtube
• ویدئو تمام صفحه و تابع شروع خودکار
• تکثیر اسلاید‌ر، اسلاید‌ها و کپشن‌ها
• کشیدن و رها کردن (Drag & Drop) کپشن‌ها در ویرایشگر
• سایه‌های مختلف
• انتقال‌های و جابجایی های متنوع و فراوان
•  ۱۰ نوع انیمیشن مختلف کپشن‌ها
•  ۲۰ نوع انیمیشن مختلف برای انتقال‌ها به همراه تنظیم مقدار چرخش، تعداد باکس‌ها و…
• دو سطح انیمیشن مختلف برای کپشن‌ها (شروع و پایان)
• و..

نوشته افزونه اسلایدر حرفه ای وردپرس Slider Revolution نسخه ۵٫۴٫۸٫۱ اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

افزونه اسلایدر حرفه ای وردپرس Slider Revolution نسخه ۵٫۴٫۷٫۳
[ad_1]

برخی از امکانات افزونه اسلایدر حرفه ای وردپرس Slider Revolution :

• تغییر اندازه تصاویر و بندانگشتی‌ها
• استفاده از انیمیشن‌های CSS و jQuery
• لایه‌های کپشن نامحدود
• ایجاد آسان کپشن‌هایی مانند ویدئو، تصویر و برچسب‌های HTML
• فعال کردن حالت لمسی برای iPhone و Android
• ۱۰۰% سفارشی‌سازی شونده
• نصب و راه‌اندازی آسان
• پشتیبانی از Vimeo و Youtube
• ویدئو تمام صفحه و تابع شروع خودکار
• تکثیر اسلاید‌ر، اسلاید‌ها و کپشن‌ها
• کشیدن و رها کردن (Drag & Drop) کپشن‌ها در ویرایشگر
• سایه‌های مختلف
• انتقال‌های و جابجایی های متنوع و فراوان
•  ۱۰ نوع انیمیشن مختلف کپشن‌ها
•  ۲۰ نوع انیمیشن مختلف برای انتقال‌ها به همراه تنظیم مقدار چرخش، تعداد باکس‌ها و…
• دو سطح انیمیشن مختلف برای کپشن‌ها (شروع و پایان)
• و..

نوشته افزونه اسلایدر حرفه ای وردپرس Slider Revolution نسخه ۵٫۴٫۷٫۳ اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

قالب تک صفحه ای
[ad_1]

 همچنین در کد نویسی این قالب از تکنولوژی های برتر و حرفه ای استفاده شده که روان بودن انمیشن ها و حتی سرعت لود بسیار مناسبی دارد

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

[ad_2]

لینک منبع مطلب

اسکریپت ایجاد گالری عکس PiGallery
[ad_1]

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

امکانات کلی اسکریپت ایجاد گالری عکس PiGallery :

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

نوشته اسکریپت ایجاد گالری عکس PiGallery اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب