در صفحه سازهای وردپرس امکان اضافه کردن Hover وجود ندارد. توصیه می شود برای ایجاد افکت های Hover به عناصر سایت از افزونه مداد زرد استفاده کنید. تهیه افزونه مداد زرد
آموزش Hover با افزونه مداد زرد
برای اضافه کردن Hover به عناصر با افزونه مداد زرد، در محیط ویرایش افزونه مداد زرد، المان هایی که قصد دارید ویژگی Hover را به آن ها اضافه کنید انتخاب نمایید. برای آموزش ایجاد تغییرات CSS در سایت با افزونه مداد زرد کلیک کنید.
از منوی سمت راست، روی نام مخصوص المان کلیک کنید. وضعیت (States) آن را در حالت Hover قرار دهید. حال هر تغییری بر روی المان ایجاد کنید به عنوان Hover در نظر گرفته میشود.
برای مثال رنگ پس زمینه المان را وقتی موس روی آن قرار میگیرد تغییر دهید. البته می توانید برای المان از قسمت Shadow سایه تعیین کنید.
پس از ایجاد تغییر و ذخیره آن، با حرکت موس روی عناصر سایت در مرورگر میتوانید تغییرات افکت Hover را مشاهده نمایید.
همان طور که گفتیم افزودن افکت های Hover به عناصر سایت، باعث تعامل بیشتر کاربران میشود. ذکر این نکته خالی از لطف نیست که استفاده بیش از حد این افکت ها و برای تمامی المان ها نیز توصیه نمیشود.
60 دیدگاه. Leave new
سلام و عر ض ادب
در طراحی سایت وردپرسی می توان از کد های CSS خارجی هم استفاده کرد ؟ به طور مثال دستور های CSS بخشی از سایت به جای استفاده از افزونه ها به طور کد توسط طراح نوشته شوند ؟
سلام وقت شما بخیر،
بله اگر به این موارد آشنا باشید میتوانید خودتان موارد را بنویسید
با تشکر.
سلام و عرض ادب و احترام
در طراحی وردپرسی و المنتوری می توان از هاور ها و مأوس ایونت های خاص دکمه هم استفاده است ؟ برای نمونه کد هایی CSS که بعد از کلیک روی دکمه حالت آن عوض شود و یا نوشته داخل آن ؟ و برای هاور به عنوان مثال بوردر آن به صورت طیف رنگی متحرک تبدیل شود ؟
سلام وقت شما بخیر،
بله علاوه بر تنظیمات پیش فرض المنتور میتوانید خودتان نیز استایل های دلخواه را به عناصر اعمال کنید
با تشکر.
سلام می خواستم بدونم برای تصویر تو قالب ووکامرس میشه هاور تصویر داد اگه میشه داد چه چوری میشه؟
سلام وقت شما بخیر،
منظورتان این است با هاور روی تصویر ، تصویر دوم محصول نمایش داده شود؟
با تشکر.
بله
باید از چه افزونه ای یا چه قالبی استفاده کنم ؟
اگر قصد استفاده از قالب دارید این ویژگی بصورت حرفه ای در قالب وودمارت در دسترس شما قرار دارد و میتوانید از آن استفاده کنید.
باتشکر از شما
ببخشید با قالب ووکامرس نمی شه ؟؟
قالب سایت شما در حال حاضر چه نام دارد؟
ووکامرس
از منو پیشخوان به پوسته ها بروید و نام پوسته فعال خود را برای ما ارسال فرمایید.
باتشکر از شما
پوسته فعال من سلام المنتور
برای این مورد میتوانید از افزونه جت ووبیلدر مطابق آموزش زیر استفاده کنید.
کلیک کنید
باتشکر از شما
درود وقت بخیر بنده یه مشکلی که برام پیش اومده در افزونه مداد زرد وقتی میخوام به ایتمی بک گراند رنگ ساده بدم نمیشه ولی گرادیانت میشه تو بقیه ایتم ها هم تست کردم همین مشکل رو داشت فقط میشه گرادیانت گذاشت بک گراند رنگ ساده نمیشه . تشکر
سلام و احترام خدمت شما کاربر ارجمند ، از شما خواهشمندیم سوالات پس از خرید را ( در رابطه با محصول خریداری شده از سایت ما ) در بخش تیکت پشتیبانی ( ناحیه کاربری ) ارسال فرمایید ، سوالات شما به سرعت توسط همکاران متخصص ما پاسخ داده خواهد شد.
سلام وقت بخیر
چطور میشه با نگه داشتن ماوس روی منو یا یک عکس تو سایت نوشته ای ظاهر بشه و با کنار بردن ماوس اون نوشته پنهان بشه ؟
سلام وقت شما بخیر،
برای این مورد روش های مختلفی وجود دارد، میتوانید از المان ها یا افزونه ها استفاده کنید. اگر بفرمایید دقیقا قصد شما چیست میتوانیم بهتر راهنماییتان کنیم.
با تشکر.
سلام وقت به خیر
حتما دیدید در قالبهای آماده وردپرس مثلا باکس نمایش عکس وجود داره که شامل دکمه و متن و عکس و وقتی موس میره روش همزمان همه به صورت انیمیشن متفاوت حرکت میکنند مثلا عکس یک کادر دروش مساد و دکمه آبی میشه توی این آموزش که گفتید یا افکت های پیش فرض المنتور همچین چیزی وجود نداره برای این موضوع آیا راه حلی وجود دااره ؟
سلام وقت شما بخیر،
در المنتور معمولا این موارد را با ادان های جانبی نظیر پاور پک یا المنت پک طراحی میکنند و بخش ذکر شده برای طراحی این حالات کاربرد خاصی ندارد.
با تشکر.
به حالت هاور نمیشه انیمیشن داد؟خیلی خشک سویچ می کنه مثلا با یه قید 1000ms تغییر کنه
باسلام خدمت شما
بستگی به قالب شما هم دارد ، بله ممکن است.
از حضور شما ممنونیم.
اگر بخوایم در حالت هاور از key frame استفاده کنیم چیکار کنیم؟
وقت شما بخیر
این مورد نیاز به توضیحات زیادی دارد که در بخش دیدگاه قابل ارسال نیست.
مورد را از چت GPT سوال نمایید.
آموزش هوش مصنوعی چت جی بی تی (ChatGPT) – استفاده کامل
سلام وقتتون بخیر. میخوام با رفتن موس روی عکس متن کوتاهی ظاهر شود به صورت هاور. لطفا راهنمایی کنید. ممنون از شما با سایت عالیتون
باسلام خدمت شما
پیشنهاد می شود که آموزش هوش مصنوعی چت جی بی تی (ChatGPT) – استفاده کامل را مشاهده نمایید ، و از آن کمک بگیرید.
نیاز به کد دارد.
از حضور شما ممنونیم.
از تگ abbr استفاده کنید
اون میشه toolip
نیازی به هوش مصنوعی نیست
توی همین افزونه مداد زد وقتی تنظیمات هاور رو انجام دادی برو توی بخش motion روش کلیک میکنی دوتا زبانه دانه — زبانه transition را انتخاب کن و یک زمانی رو بهش اختصا بده اگر روی all باشه همه انیمیشن ها رو fade میده ولی میتون از زیر مجموعش یک بخش رو انتخاب کنی
سلام وقتتون بخیر
میخوام زمانی که روی المانی hover میشود هم موقع رفت و هم موقع برگشت موس ، المان من hover اش ارام نمایش داده شود. چه کاری باید انجام بدم؟
از transition هم استفاده کردم ولی فقط زمانی که موس روی المان میرود کار میکند موقع برداشتن موس از روی المان ، خیلی سریع به حالت اولیه اش برمیگردد.
سلام و وقت بخیر.
در صورتی که برخی کد ها را هنوز نمی توانید بخوبی کار کنید ، می توانید از افزونه مداد زرد برای انجام آن کمک بگیرید.
با آرزوی موفقیت برای شما .
درود. برای آموزش ACTIVE STATES هم ویدیو دارید؟
نمیدونم چرا من اکتیو منو هامو فعال می کنم اعمال نمیشه
وقت بخیر
آموزشی برای این مورد هنوز در سایت نداریم
هر چه است در همین آموزش است.
با درود و سپاس بيكران
در برخي از تارنماها ديدم كه با هاور كردن صداي دينگ پخش ميشود، يعني هاور صوتي. اين كار چطور انجام ميشود؟
وقت بخیر
بنظر می رسد که این کار را با کدنویسی انجام داده اند.
افزونه خاصی در ابزار وردپرس برای این مورد نداریم.
سلام خسته نباشید با استفاده از مداد زرد میشه این امکان رو به تصویر داد که وقتی با اشاره گر روی آن ایستادیم تصویر بزرگ تر از دیگر تصاویر شود ؟
سلام و عرض ادب،
این تغییرات را باید در خوده قالب انجام دهید. یعنی تنظیمات به این صورت که در تنظیمات قالب و یا افزونه های رایگان است، نیازی به انجام آن در افزونه مداد زرد نیست.
البته که با افزونه مداد زرد هم می توان Css های جذاب ایجاد کنید.
بصورت کلی باید در این افزونه تغییرات مربوط به css انجام شود و موارد مربوط به اصل طراحی با خوده صفحه ساز و امکانات قالب انجام دهید.
با تشکر
سلام خسته نباشید من میخوام وقتی یه المان هاور میشه به مدت یک ثانیه طول بکشه و سریع این اتفاق نیفته
چطور انجام بدم؟
سلام و احترام
در این قسمت می توانید زمان مورد نظر را وارد کنید.
با تشکر
سلام خسته نباشید یه سوال :تغییراتی که با مداد زرد انجام میدیم،اگه بعد افزونه پاک کنیم ، اون تغییرات باقی می مونه یا نه؟
سلام آقای تنباکوزاده عزیز و گرامی
در صورت حذف افزونه تغییرات از بین خواهند رفت.
با تشکر
آقای جبین پور عالی بود عالی خیلی دنبالش میگشتم مرسییییی
با سلام و احترام
در ” وردپرس ” بدون مداد زرد نمیشه Hover رو ایجاد کرد؟
اگر میشه لطفا بفرمایید چطور میشه انجام داد؟
سلام و درود آقای کاظمی عزیز
برای ایجاد حالت هاور می بایست با css آشنا باشید. در غیر این صورت می بایست از افزونه برای این کار استفاده نمایید.
با تشکر
سلام خسته نباشید، من وقتی در مداد زرد هاور ايجاد می کنم اون هاور یک دفعه اتفاق می افته ولی مثلا سایت شما وقتی روی بعضی از المان ها که ماوس رو می برم آرم آرم ساله دار می شه ولی برای من یک دفعه اتفاق می افته باید چکار کنم ؟
با عرض سلام و خسته نباشید من یک سوال دارم در زمینه هاست لینوکس. پوشه tmp هاست من حدود 110 مگ فضا اشغال کرده میخواستم ببینم ایا این پوشه مهمه یا میتونم حذف کنم .از بین فایل هایی که درون پوشه tmp قرار گرفته اند cpanel form file uploade چهار عدد با این نام هستند که بیشترین فضا را اشعال کرده اند ممنون میشم راهنماییم کنین
سلام ، لطفاً به این منظور به هاست خود تیکت ارسال فرمایید تا بطور تخصصی تری سوال شما را پاسخ دهند. باتشکر
ممنون
این امکان برای نوشته ها هم وجود داره؟
سلام مهدی عزیز ، منظورتون را متوجه نشدم. در واقع تفاوتی در امکانات بین برگه و نوشته نیست.
سلام
میشه تو قسمت برگه ها طوری برگه طراحی کرد که چند تا برگه زیر مجموعه ی یه برگه باشه و در قسمت نشانی سایت در مرورگر با اسلش نشون داده بشه ؟
سلام ، بله این امکان وجود دارد. این تصویر را ملاحظه بفرمایید : https://screen.center/s/Al10
سلام
من توی مداد زرد مثلا هر کار روی یه بلاک متن انجام میدم دفعه ی بعد که یه بلاک متن درست میکنم اون تغییرات رو این بلاک متن هم اعمال میشه
اما نمی خوام اینطوری باشه
میشه راهنمایم کنید
سلام ، به این منظور باید در بالای افزونه مداد زرد روی single قرار دهید. باتشکر
سلام زمانی که موس میره روی المان یه تکون کوچیک میخوره هم با افزونه مداد زرد هستش؟
سلام ، بله انیمیشن است که با مداد زرد می توانید روی المان های مختلفی با افزونه مداد زرد اعمال نمایید. باتشکر
تبلیغات افزونه مداد زردتون صفحه ی قالب زفایر رو میاره
سلام خانم نصرآبادی ، ممنونیم از اینکه اطلاع دادید 🙂 اصلاح شد.
سلام
ممنون از آموزش های خوبتون یه سوالی داشتم
هارو دادن به سایت سرعت سایت رو کاهش نمیده؟؟
سلام ، عملیات هاور عملاً ارتباطی به سرعت ندارد. باتشکر