آموزش نحوه ایجاد یک منوی هدر شفاف در وردپرس با Elementor Pro (در 15 دقیقه)
How to create a Transparent Header Menu in Wordpress with Elementor Pro (in 15 min)
سلام و خوش آمدید! در این تماس شما یاد خواهید گرفت که چگونه افکت هدر/منو شفافی را که در بسیاری از وب سایت های فوق مدرن مشاهده می کنید، ایجاد کنید. این افکت فوق العاده آسان نیست و به کمی سفارشی سازی نیاز دارد تا زیبا به نظر برسد. اما وقتی این کار را کرد، واقعاً عالی است.
در این کلاس از Elementor Pro در وردپرس استفاده می‌کنیم، جایی که می‌توانیم به راحتی از کشیدن و رها کردن برای ایجاد این هدر/منو استفاده کنیم.
اگر هنوز Elementor Pro را ندارید و می خواهید آن را دریافت کنید، باید از بین 3 بسته ای که آنها ارائه می دهند انتخاب کنید.
قیمت گذاری را ببینید.
من بسته 199 دلاری دارم، اما می‌توانید بسته 49 دلاری را با 30 ضمانت بازگشت وجه نیز امتحان کنید (اگر آن را دوست ندارید).
من واقعاً امیدوارم که از این کلاس کوچکتر لذت ببرید!
گر رینو
به عنوان تمرین پروژه، می توانید سعی کنید این هدر را خودتان در Elementor Pro ایجاد کنید. سپس اگر به اندازه کافی اعتماد به نفس دارید، می توانید از این تکنیک در وب سایت های خود استفاده کنید.
در اینجا مراحلی وجود دارد که باید برای ایجاد این افکت انجام دهید
- یک الگوی هدر از Theme Builder در Elementor Pro ایجاد کنید
- 4 ستون ایجاد کنید و به آن حداقل ارتفاع بدهید (این عدد را به خاطر بسپارید)
- پس زمینه تاریک خود را تنظیم کنید تا بدانید چه کاری انجام می دهید
- به سرصفحه یک حاشیه منهای از پایین بدهید (از آن عدد استفاده کنید)
- سرصفحه خود را با همه عناصری که می خواهید پر کنید و استایل دهید
- چند انیمیشن شاداب اضافه کنید تا آن را زنده کنید (شاید حتی با تاخیر)
- چند افکت شناور زیبا به عناصر اضافه کنید
- منوی خود را در تلفن همراه بررسی کنید و عناصری را که نمی‌خواهید پنهان کنید و ستون‌ها را در مجموع 100% عرض کنید.
- بررسی کنید که آیا تمام صفحات در تلفن همراه قابل دسترسی هستند یا خیر. اگر نه، یک منوی جداگانه ایجاد کنید و منوی دسکتاپ را پنهان کنید.
- لوگوی خود را قابل کلیک کنید.
- شرایط خود را تنظیم کنید (برای مثال در همه صفحات اعمال می شود)
- انجام شد!
درس ها Lessons
-
بهینه سازی پاسخگوی موبایل Mobile Responsive Optimisation
-
اضافه کردن انیمیشن های جالب با تاخیر Adding cool animations with delays
-
پر کردن منو با کشیدن و رها کردن Filling the menu with drag & drop
-
افزودن جلوه های شناور زیبا Adding nice hover effects
-
این چیزی است که ما پوشش خواهیم داد This is what we will cover
-
در دسترس قرار دادن تمام صفحات Making all pages accessible
-
اصول اساسی را تنظیم می کند Settings up the essential basics
-
تو بیشتر می خواهی؟ You want more?
https://donyad.com/d/aaaf
Rino De Boer
طراح و سازنده محتوا
سلام، من رینو هستم و بیش از 10 سال است که در زمینه طراحی فعالیت دارم. من با طراحی به عنوان یک سرگرمی شروع کردم، اما به سرعت متوجه شدم که این برای من بیش از یک سرگرمی است. بنابراین به همین دلیل به مدرسه طراحی رفتم و در دانشگاه علوم کاربردی روتردام (هلند) در رشته طراحی ارتباطات و چند رسانه ای تحصیل کردم.
من آنقدر به آن علاقه داشتم که اولین کانال YouTube خود را (به زبان هلندی) در مورد طراحی راه اندازی کردم. من این کانال را به حدود 30.000 مشترک افزایش دادم و پس از آن اولین کانال انگلیسی خود را ایجاد کردم که در آن در حال حاضر بیش از 150.000 مشترک دارم. در مجموع من بیش از 10 میلیون کل بازدید را تنها در YouTube ایجاد کردم.
به دلیل این کانال یوتیوب، تأثیرگذاران و برندهای بزرگ به من مراجعه کردند، و من این فرصت را پیدا کردم که شرکت خود را راه اندازی کنم و برای برندهای مانند: Coca Cola، ICI Paris XL، کار کنم. RTL و بسیاری از اینفلوئنسرهای بزرگ (با حدود 100 هزار تا 1 میلیون دنبال کننده).
به دلیل این پروژه‌ها و ویدیوهای YouTube، یاد گرفتم که چگونه به روش کارآمد ایجاد کنم، و مهمتر از همه: در سناریوهای زندگی واقعی . من همه چیز را خودم ایجاد می کنم و به الگوها متکی نیستم، که به من این آزادی را می دهد که هر آنچه را که می خواهم ایجاد کنم. اگر این روش را دوست دارید، پس فکر می کنم دوره های من را دوست خواهید داشت.
امیدوارم دوره های من را دوست داشته باشید!
نمایش نظرات