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

المان عنوان

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

  1. برگه‌ی مورد نظر را انتخاب کنید.
  2. روی ویرایشگر صفحه کلیک کنید.
  3. روی افزودن المان کلیک کنید.
  4. وارد سربرگ التیمیت اد ان شوید.
  5. المان عنوان را انتخاب کنید.

تنظیمات المان عنوان

در این قسمت چند سربرگ مشاهده می‌کنید، که در ادامه این سربرگ‌ها معرفی می‌کنیم و تنظیمات مربوط به آن‌ها را توضیح خواهیم داد.

سربرگ عمومی

در این سربرگ قسمت‌های زیر را مشاهده می‌کنید:

Text Source: می‌توانیم انتخاب کنیم که منبع عنوان کجا باشد؛ اگر گزینه‌ی custom را انتخاب کنید، می‌توانید عنوان را خودتان انتخاب کنید. اگر گزینه‌ی post or page title را انتخاب کنید، نامی که برای برگه‌ی خود انتخاب کرده‌اید در اینجا قرار می‌گیرد.

عنوان: در صورتیکه از قسمت قبل گزینه‌ی custom را انتخاب کرده باشید. می‌توانید اینجا عنوان مورد نظر خود را وارد کنید.

برچسب: در اینجا می‌توانید از برچسب‌ها یا تگ‌های عنوان استفاده کنید. مقدار پیش‌فرض آن تگ H2 است.

زیر هدر: در این قسمت می‌توانید متن زیر هدر را وارد کنید.

محل قرارگیری: در این قسمت قادر خواهید بود که محل قرار گرفتن هدر را مشخص کنید؛ مرکز،

جدا کننده: در این بخش می‌توانید یک جدا کننده برای عنوان انتخاب کنید که به زیبایی سایت شما هم کمک می‌کند.

Separator Position: محل قرار گرفتن خط جدا کننده را مشخص می‌کند؛ بالا/ پایین/ بین هدر و زیر هدر.

استایل خط/ رنگ خط/ ارتفاع خط: برای تنظیم خط جدا کننده مورد استفاده قرار می‌گیرند. شما بر اساس نیاز و سلیقه‌ی خود می‌توانید خط را طراحی کنید.

سربرگ Typography

دراین سربرگ می‌توانید تنظیمات مربوط به فونت برای هر دو بخش عنوان و زیر عنوان را انجام دهید.

سربرگ Design

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

افزونه های مورد نیاز

برای استفاده از این افزونه ابتدا باید آن را نصب کنید. در این قسمت افزونه های مورد نیاز شما (ویژوال کامپوزر و التیمیت اد ان) را قرار می دهیم تا بتوانید به راحتی آن ها را دریافت و سپس نصب کنید.

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

ثبت نام در سایت

مایل هستیم نظر شما را درباره این محتوا بخوانیم ، منتظر نظر شما هستیم!! :

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *