رفتن به محتوای اصلی

چگونه می توان عنوان و شعار سایت پویا را به یک هدر دیوی جهانی اضافه کرد

Divi: ساده ترین تم وردپرس برای استفاده

Divi: بهترین تم وردپرس تمام وقت!

بیشتر دانلود 901.000، Divi محبوب ترین تم وردپرس در جهان است. این کامل، آسان برای استفاده است و همراه با بیش از قالب های رایگان 62. [توصیه شده]

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

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

نتیجه احتمالی

در اینجا پیش نمایش طرحی که در این آموزش خواهیم ساخت وجود دارد.

عنوان سایت پویا سرآیند جهانی قالب 6

به عنوان سایت و برچسب در وسط بالای هدر که به صورت پویا نمایش داده می شود توجه کنید.

مثال اصلاح عنوان Divi

دانلود رایگان

به Divi Newlsetter بپیوندید و ما یک کپی از بسته بندی صفحه Ultimate Divi Landing Page همراه با تعداد زیادی از منابع ، نکته ها و ترفندهای رایگان و شگفت انگیز Divi را برای شما ایمیل خواهیم کرد. آن را دنبال کنید و در کمترین زمان استاد Divi خواهید شد. اگر قبلاً مشترک شده اید ، کافیست آدرس ایمیل خود را در زیر وارد کنید و برای دسترسی به بسته بندی طرح ، روی بارگیری کلیک کنید.دانلود

برای وارد کردن الگو ، به Divi> Theme generator بروید.

روی نماد قابل حمل در سمت راست بالای صفحه کلیک کنید.

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

سپس بر روی دکمه واردات کلیک کنید.

یک الگوی divi انتخاب کنید

پس از تکمیل ، الگوی کلی سرصفحه در Divi Theme Builder در دسترس خواهد بود.

سربرگ divi جهانی را تغییر دهید

در ادامه می خواهیم به طرح بپردازیم.

عنوان سایت و شعار در وردپرس

هر سایت وردپرسی دارای عنوان سایت و یک عنوان می باشد. عنوان سایت در اصل نام سایت است و tagline یک عبارت کوتاه است که معمولاً توضیح می دهد که چیست.

اضافه کردن عنوان سایت هنگام نصب وردپرس و فراموش کردن آن غیر معمول نیست.

به راحتی وب سایت خود را با Elementor بسازید

Elementor به شما امکان می دهد تا با طراحی حرفه ای هر طراحی وب سایت را به راحتی ایجاد کنید. هزینه کارهایی را که می توانید انجام دهید ، متوقف نکنید. [رایگان]

عنوان divi را سفارشی کنید

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

با رفتن به داشبورد وردپرس و رفتن به تنظیمات> عمومی می توانید هر زمان بخواهید عنوان سایت و برچسب را در وردپرس پیدا و به روز کنید.

یا می توانید مسیر دیگری را با استفاده از تنظیم کننده تم برای به روزرسانی عنوان سایت تحت تنظیمات کلی طی کنید.

هویت وردپرس را سفارشی کنید

اکنون که می دانیم عنوان و شعار سایت در باطن WordPress کجاست ، بیایید کشف کنیم که چگونه می توانیم آنها را به یک هدر Divi اضافه کنیم!

چگونه می توان عنوان و شعار سایت پویا را به عنوان جهانی در Divi اضافه کرد

وارد کردن الگوی سرآیند جهانی از قبل طراحی شده

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

هنگامی که شما بسته را بارگیری کردم ایجاد موضوع فایل را از حالت فشرده خارج کرده و الگوی پیش فرض وب سایت فایل JSON را پیدا کنید.

سپس به بخش Divi> Theme Builder بروید.

روی نماد قابلیت حمل در بالا سمت راست کلیک کنید. در پنجره بازشو قابل حمل ، پرونده JSON الگوی پیش فرض وب سایت را انتخاب کنید و روی دکمه Import کلیک کنید.

واردات مدل Divi

پس از افزودن الگو به طرح ساز ، قالب پاورقی را حذف کرده و کلیک کنید تا سرصفحه کلی ویرایش شود.

الگو را از پاورقی حذف کنید

افزودن عنوان سایت و عنوان به صورت پویا به عنوان

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

آیا شما به دنبال بهترین تم ها و پلاگین های وردپرس هستید؟

بهترین پلاگین ها و تم های وردپرس را در Envato دانلود کنید و به راحتی وب سایت خود را ایجاد کنید. در حال حاضر بیش از 49.720.000 دریافت می کند. [EXCLUSIVE]

انتقال آرم

برای شروع ، ماژول تصویری را که آرم (به صورت پویا) از ستون وسط ردیف بالا به ستون سمت چپ ردیف بالا نشان می دهد ، بکشید.

برای نمایش عنوان سایت و عنوان سایت ، یک ماژول تماس به عمل اضافه کنید

سپس یک ماژول Call to Action جدید به ستون وسط ردیف بالا (جایی که آرم بود) اضافه کنید.

تماس برای اقدام را سفارشی کنید

ما از ماژول Call to Action برای نمایش عنوان سایت و عنوان استفاده خواهیم کرد.

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

پیکربندی اقدامات دعوت به عمل

عنوان سایت پویا را اضافه کنید

در بخش تنظیمات محتوا ، بر روی جعبه عنوان کلیک کنید و بر روی نماد "استفاده از محتوای پویا" کلیک کنید. سپس "عنوان سایت" را از لیست انتخاب کنید.

یک شعار سایت پویا اضافه کنید

سپس ، موس را روی قسمت بدن قرار دهید و نماد "استفاده از محتوای پویا" را انتخاب کنید. سپس "Site Tagline" را از لیست انتخاب کنید.

شعار سایت divi را اضافه کنید

پیوند صفحه اصلی پویا اضافه کنید

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

پیوندی به صفحه اصلی اضافه کنید

طراحی متن متن و شعار سایت

اکنون عنوان سایت و برچسب سایت به صورت پویا روی سربرگ نمایش داده می شود. تنها کاری که اکنون باید انجام دهیم این است که یک ظاهر طراحی شده اضافه کنیم. به یاد داشته باشید برای طراحی عنوان سایت باید متن عنوان را سفارشی کنیم.

به برگه طراحی بروید و موارد زیر را به روز کنید:

  • قلم عنوان: Heebo
  • عنوان وزن قلم: پررنگ
  • عنوان سبک قلم: TT
  • اندازه متن متن: 32px (دسک تاپ) ، 24 پیکسل (رایانه لوحی و تلفن)
  • فاصله نامه نامه: 0.3em
  • قلم بدنه: Roboto
  • سبک قلم بدنه: italic
  • رنگ متن بدن:
  • اندازه متن بدن: 13px
  • فاصله نامه نامه بدن: 0.1em
  • ارتفاع خط بدنه: 1em
قلم عنوان divi را سفارشی کنید

برای کمک به مرکز سازی ، با افزودن CSS سفارشی زیر به توضیحات تبلیغاتی ، قسمت زیرین پیش فرض را در زیر متن بدست آورید:

padding-bottom: 0px
کد CSS divi سفارشی را اضافه کنید

تنظیمات اضافی طراحی

برای این قسمت آخر آموزش ، ما می خواهیم تنظیمات اضافی طراحی را بر روی هدر انجام دهیم تا مطمئن شویم که موارد در هر ستون به صورت عمودی باقی می مانند و به دکمه ای طراحی منحصر به فرد می دهیم. ما همچنین خط قبل و بعد از آن را به برچسب اضافه خواهیم کرد (فقط برای ضربات).

به طور عمودی ستونها / محتوا را محور کنید

در حال حاضر ردیف بالا فعال "ارتفاعات ستون برابر" است که از ویژگی فلکس استفاده می کند. ما می توانیم با اضافه کردن یک قطعه CSS کوچک ، از این امر سرمایه گذاری کنیم تا مطمئن شویم که تمام ستون ها به صورت عمودی درون ردیف قرار دارند. برای انجام این کار ، تنظیمات مربوط به ردیف بالا را باز کرده و CSS زیر را به قسمت اصلی اضافه کنید:

تراز وسایل: مرکز؛

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

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

به راحتی فروشگاه آنلاین خود را ایجاد کنید

دانلود رایگان WooCommerce، بهترین پلاگین تجارت الکترونیک برای فروش محصولات فیزیکی و دیجیتال خود را در وردپرس. [توصیه میشود]

دکمه تماس با divi را سفارشی کنید

پس زمینه دکمه را به روز می کنید

سپس تنظیمات ماژول دکمه را باز کرده و پس زمینه را با یک شیب زمینه جدید به شرح زیر به روز کنید:

  • پس زمینه شیب رنگ سمت چپ: #ffffff
  • رنگ شیب پس زمینه سمت راست: # 1dbf73
  • جهت گرادیان: 135deg
  • موقعیت شروع: 10٪
  • موقعیت نهایی: 0٪
پس زمینه دکمه divi را سفارشی کنید

اضافه کردن شخصیت های قبل و بعد از آن به شعار

هر عنصر محتوای پویا را می توان با کلیک بر روی نماد چرخ دنده تغییر داد. برای افزودن نویسه های قبل و بعد به شعار ، تنظیمات ماژول تماس برای اقدام حاوی شعار را باز کرده و روی نماد ویرایش بر روی محتوای پویای شعار سایت کلیک کنید. سپس نویسه ها را به ورودی های قبل و بعد اضافه کنید.

شعار divi را نمایش دهید

نتیجه نهایی

برای دیدن نتیجه ، هر صفحه ای را در سایت خود باز کنید. شما باید عنوان سایت و برچسب ها را به زیبایی نمایش دهید!

تقسیم نتیجه نهایی

آخرین افکار

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

منبع: تم زیبا

این مقاله حاوی نظرات 0

دیدگاهتان را بنویسید

آدرس ایمیل شما منتشر نخواهد شد. علامت گذاری شده اند *

این سایت از Akismet برای کاهش ناخواسته استفاده می کند. در مورد نحوه استفاده از اطلاعات نظرتان بیشتر بدانید.

بازگشت به بالا
0 سهام
سهم
صدای جیر جیر
ثبات