ایجاد انیمشن برای بلوک ها

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

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

اما ماژول این هفته blockanimate هست که همان طور که از اسمش مشخص هست با استفاده از این ماژول میتونیم انیمیشن های مختلفی رو به بلوک های خودمون میتونیم اعمال کنیم.
برای شروع کار ماژول رو دانلود کنیم ، همونطور که در توضیحات این ماژول نوشته شده ما به دوتا ماژول دیگه که پیش نیازهای ما هستند احتیاج داریم.ماژول animate_css  , wowjs که در اصل این دوتا ماژول کلاس های css3 برای انیمیشن و کتابخانه های جاوااسکریپت رو برای ماژول اصلی فراخوانی میکنند.
نکته : ماژول های پیش نیاز ما ، یک سری فایل کمکی دارن که باید در فولدر library  به صورت زیر قرار داده شوند   :
فایل کمکی animate که باید در آدرس sites/all/libraries/animate   و
فایل کمکی wow که باید در آدرس sites/all/libraries/wow .

بعد از دانلود و فعال کردن ماژول ها و قراردادن فایل های کمکی در پوشه library ، تنها کاری که باید انجام بدیم این هست که بلوک دلخواه رو انتخاب کنید و به بخش تنطیماتش (config) برید. اگر دقت کنید یک  بخش جدید با نام ANIMATE CSS ANIMATION  اضافه شده که قسمت های مختلفی داره که ما  توضیح خواهیم داد :

 


Select Animation : در این بخش نوع انیمیشن دلخواه رو انتخاب میکنیم.
Animation Duration : مدت زمان اجرای انیمیشن
Animation Delay : تأخیر اجرای انیمیشن
و تنظیماتی برای تکرار و فاصله بلوک ها.
 امیدوارم این آموزش هم مفید بوده باشه و بتونید ازش استفاده کنید.
منتظر پیشنهادات شما برای آموزش های دروپالی هستیم.

mohamad.arabshahi
محمد عربشاهی - در حال یادگیری
تصویر tahereh110
tahereh110
جمعه, 01/22/2016 - 18:10

ممنون اط مطالب عالی موفق باشید


سلام دوست عزیز بخاطر این مطلب زیبا ممنونم.
بنده یه سوال دارم درباره ریدایرکت :
اینکه من یه پیغام برای کاربری که توی صفحه register ثبت نام می کنه مخوام بدم که همون ارسال لینک به ایمیلش هست .ولی به محض اینکه کاربر فرم رو پر میکنه و ایجاد حساب کاربری رو میزنه صفحه ریدایرکت می شه رو frontpage من که (بصورت شخصی سازه طراحی شده). من برای نمایش این متن به کاربر چه باید بکنم؟ با تشکر از شما دوست خوب


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


مرکز دروپال ايران

راه های ارتباط با ما

آدرس : دفتر شهریار : شهرک وائین ، بعثت 5 نبش سپیدار 10 پلاک 26

تلفن : 09370977406 - 09384363798

ایمیل : drupalcenter.ir@gmail.com

ارتباط با مدیر سایت از طریق تلگرام

logo-samandehi

مرکز دروپال ایران بزرگترین وب سایت  آموزش دروپال در کشور ، در مهر ماه سال 1388 به طور رسمی فعالیت خود را در زمینه وب و دنیای دیجیتال آغاز کرده است. مجموعه مرکز دروپال ایران شامل « آموزش های تصویری » ، « معرفی جدیدترین ماژول ها » ، « ترجمه مقالات دروپالی روز دنیا » ، « طراحی قالب دروپال» و « خبرهای دنیای دروپال» می باشد.این مجموعه به همراه گروه فنی خود و به  پشتوانه کاربران فعال و متعهد ، با  در نظر داشتن چشم اندازی برای آینده نزدیک ، قصد دارد تا به معرفی و آموزش  هرچه بیشتر و بهتر هسته قدرتمند و دوست داشتنی دروپال ،  به روش های مختلف در زمینه های گوناگون بپردازد تا در کنار کاربران خود به موفقیت های هرروز خود بیفزاید. در همین راستا قصد داریم تا بصورت تخصصی و حرفه ای مباحث مختلف دروپال را با کوچک ترین جزئیات و تکنیک ها به دروپال کاران و کسانی که قصد دارند طراحی وب سایت ،پورتال و سیستم های هوشمند را آغاز کنند ، آموزش دهیم.گستردگی مطالب ، تنوع در آموزش ها ، نگاه تخصصی و همگام بودن با کاربران در آموزش عوامل متمایز کردن مرکز دروپال ایران با سایر آموزش دهندگان می باشد.
دروپال برای انجام طراحی های شگفت انگیز !  Drupal Builds something amazing