Divi: نحوه استفاده از لوگوی پویا در ماژول Fullwidth Menu

آیا می خواهید از یک لوگوی پویا در ماژول منوی Divi Fullwidth خود استفاده کنید؟

تغییر لوگوی a وب سایت می تواند یک فرآیند زمان بر باشد. این به ویژه در صورتی صادق است که وب سایت از سربرگ های مختلف برای قالب های مختلف استفاده می کند. 

اگر از یک تصویر برای هر یک از این هدرها استفاده می کنید، باید به صورت دستی به هر یک دسترسی داشته باشید و آن را ویرایش کنید. 

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

در این مقاله نحوه استفاده از لوگوی پویا را در ماژول Fullwidth Menu Divi خواهیم دید.

بیایید شروع کنیم!

نحوه استفاده از لوگوی پویا در ماژول منوی تمام عرض

برای شروع، ماژول Fullwidth Menu را که می خواهید برای آن از لوگوی پویا استفاده کنید، باز کنید. من قالب هدر را در Divi Theme Builder تنظیم می کنم. 

همچنین ببینید: Divi: نحوه استفاده از گزینه Gradient Repeat برای ایجاد الگوهای پس زمینه سفارشی

برای این مثال، فرض می‌کنیم که شما قبلاً یک ماژول منوی Fullwidth را با یک لوگوی انتخابی پیکربندی کرده‌اید.

سازنده تم Divi را باز کنید

برای استفاده از لوگوی پویا به آدرس زیر بروید DIVI > تم سازنده در داشبورد وردپرس.

• DIVI
• تم سازنده

انتخاب کنید آیکون از عنوانی که می خواهید تغییر دهید. صبر کنید تا ویرایشگر باز شود.

• ویرایش

تغییر لوگو به محتوای پویا

سپس در را باز کنید تنظیمات از ماژول Fullwidth Menu با انتخاب نماد چرخ دنده آن.

• تنظیمات ماژول

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

• حذف

سپس ماوس را روی ناحیه تصویر ببرید تا نمایش داده شود آیکون محتویات پویا . روی نماد کلیک کنید تا گزینه های انتخاب شده باز شوند محتویات پویا

• محتوای پویا

یک مدال با گزینه های زیادی برای انتخاب باز می شود. انتخاب کنید آرم سایت در بخش بالایی

• لوگوی وب سایت

شما خواهید دید که لوگوی جدید در منوی هدر شما ظاهر می شود که در گزینه های آن مشخص شده است تم دیوی. 

زیر لوگو در تنظیمات انتخاب لوگو، پیامی را مشاهده خواهید کرد "وب سایت لوگو". این نشان می دهد که ماژول اکنون لوگوی پویا را نمایش می دهد. روی دکمه سبز رنگ کلیک کنید تا ماژول بسته شود.

سپس با کلیک بر روی دکمه سبز، طرح را ذخیره کنید ثبات در گوشه پایین سمت راست و کلیک کردن بر روی X در گوشه سمت راست بالا برای بستن ویرایشگر.

• ذخیره
• نزدیک

سرانجام کلیک کنید ذخیره تغییرات در گوشه سمت چپ بالای صفحه تم ساز.

• ذخیره تغییرات

دفعات بازدید:  Divi: نحوه تغییر سبک چندین عنصر هنگام شناور کردن یا پس از کلیک

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

حالا بیایید ببینیم چگونه لوگوی Divi را طوری تغییر دهیم که در ماژول منوی Fullwidth تغییر کند.

نحوه تغییر لوگو در Divi

در مرحله بعد، بیایید ببینیم چگونه به Divi بگوییم از کدام لوگو استفاده کنیم. هر زمان که خواستید لوگو را تغییر دهید، مراحل زیر را انجام دهید. لوگو به صورت پویا تغییر می کند، بنابراین کاربران Divi هرگز نیازی به باز کردن ماژول Fullwidth Menu برای تغییر لوگو ندارند.

لوگوی "پیش از" Divi

برای کمک به درک آنچه در حال وقوع است، بیایید به لوگوی جلوی سایت قبل و بعد از تغییر نگاه کنیم. ابتدا، در اینجا یک پیش نمایش از لوگوی فعلی در سایت آزمایشی من است. این در گزینه های پیکربندی شده است تم دیوی.

لوگوی Divi را تغییر دهید

برای تغییر لوگوی Divi، به DIVI > گزینه های تم در داشبورد وردپرس تب اول General دارای فیلدی به نام Logo است. این شامل یک فیلد با نشانی اینترنتی نشان‌واره، یک دکمه برای بازنشانی آرم پیش‌فرض و یک دکمه برای آپلود آرم در کتابخانه رسانه است.

• DIVI
• گزینه های تم
• عمومی (خط 1)
• عمومی (خط 2
• بارگذاری

این پوشه رسانه را باز می کند که در آن می توانید تصویری را از کتابخانه رسانه انتخاب کنید یا تصویر جدیدی را آپلود کنید.

• تصویر را انتخاب کنید
• تنظیم به عنوان لوگو

با کلیک بر روی ذخیره تغییرات در گوشه سمت چپ بالای صفحه در بالای گزینه های تم دیوی. اکنون هر قالبی از جمله ماژول Fullwidth Menu با تنظیمات لوگوی پویا به طور خودکار لوگو را برای نمایش لوگوی جدید شما تغییر داده است.

• ذخیره تغییرات

لوگوی Divi "After"

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

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

اکنون DIVI را دانلود کنید!!!

نتیجه

این نگاه ما به نحوه استفاده از لوگوی پویا در ماژول منوی Fullwidth Divi است. لوگوی پویا به راحتی در ماژول تنظیم می شود. استفاده از یک لوگوی پویا می تواند در زمان تغییر لوگو در سایت Divi در زمان زیادی صرفه جویی کند. 

حتی اگر فقط از یک ماژول Fullwidth Menu استفاده می کنید، لوگوی پویا فرآیند را ساده می کند. هنگام استفاده از چندین ماژول، لوگوهای پویا تأثیر بیشتری در صرفه جویی در زمان و کاهش خطا دارند.

امیدوارم این برای سایت وبلاگ بعدی شما مفید باشد. اگر نگرانی یا پیشنهادی دارید، ما را بیابید بخش نظرات برای بحث در مورد

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

دریغ نکنید که با راهنمای ما در این زمینه نیز مشورت کنید ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...