آموزش طراحی هدر در المنتور

به جلسه بیست و یکم بخش آموزش المنتور پروژه محور از دوره رایگان وردپرس خوش آمدید. در نگاه اول به سایت چه چیزی نظر کاربر را به خود جلب می‌کند؟ هدر یا Header (که البته به آن سربرگ هم گفته می‌شود) بخش مهمی از سایت شما است. هدر سایت اولین چیزی است که هر کاربری با باز کردن سایت شما، با آن مواجه خواهد شد. مثلاً لوگو، منو، دکمه و اگر سایت فروشگاهی باشد حساب کاربری و سبد خرید در آن قرار می‌گیرد.

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

بخش Theme Builder یا سازنده قالب در المنتور

برای اینکه بتوانید قالب‌های تکرار شونده مانند هدر، فوتر، صفحات آرشیو، صفحات داخلی برگه و نوشته، لوپ، نتایج جستجو و صفحه 404 را بسازید، می‌توانید به دو شکل عمل کنید. یک روش رفتن به پیشخوان وردپرس و منوی قالب‌ها و افزودن قالب جدید است و دیگری رفتن به پیشخوان وردپرس و منوی قالب‌ها، در نهایت کلیک روی Theme Builder است (اگر فارسی باشد ممکن است نام آن سازنده قالب باشد). با کلیک روی آن با صفحه زیر مواجه می‌شوید و از اینجا هر مدل قالب تکرارشونده‌ای مشابه هدر را می‌توانید بسازید.

طراحی هدر با المنتور در بخش قالب

استفاده از قالب‌های المنتوری فرآیند طراحی سایت را ساده‌تر می‌کند. برای مثال با استفاده از قالب‌ها به سادگی می‌توانید طراحی هدر در المنتور را انجام دهید.

برای اینکه هدر سایت در تمامی صفحات تکرار شود، باید به پیشخوان وردپرس و منوی قالب‌ها در المنتور رفته و از بالای صفحه روی “افزودن قالب جدید” کلیک کنید. حالا با تنوعی از قالب‌های المنتور مواجه خواهید شد. در این بخش هدر (سربرگ) یا Header را انتخاب کنید. یک نام نیز برای آن در نظر بگیرید.

بعد از انتخاب نام، روی ایجاد قالب کلیک کنید. اتفاق خاصی رخ نداده و همان برگه‌ساز المنتور را خواهید دید. با این تفاوت که هرچه اینجا طراحی کنید، به عنوان هدر یا سربرگ سایت شما شناخته شده و در تمام صفحات سایت شما دیده می‌شود. البته المنتور موقع ذخیره کردن، از شما سوال خواهد پرسید که در چه صفحاتی قصد نمایش این هدر را دارید (شاید چند هدر داشته باشید و بخواهید هدر برخی صفحات متفاوت باشد). موقع ذخیره با صفحه‌ای مواجه خواهید شد که اصطلاحاً به آن Display Condition گفته می‌شود. به تصویر زیر دقت کنید.

به طور کلی با این صفحه زمان‌هایی مواجه می‌شوید که در حال تهیه یک قالب المنتوری هستید. کنار دکمه بروزرسانی المنتور یک فلش وجود دارد. روی آن بزنید به Display Conditions دسترسی خواهید داشت. البته موقع ذخیره نیز در دفعه اول، خود به خود ظاهر خواهد شد. منظور از “شامل” همان include است. یعنی در چه صفحات، دسته‌بندی‌ها و ساختارهایی این هدر نشان داده شود. همچنین “به‌غیر از” همان exclude اشت. یعنی در چه صفحات، دسته‌بندی‌ها و ساختارهایی این هدر را نشان ندهد. این شرط‌ها می‌تواند ترکیبی باشد. مثلاً در همه برگه‌ها به جز فلان برگه. برای طراحی فوتر با المنتور نیز باید فرآیند بالا انجام شود البته با کمی تغییرات که در جلسه بعدی به طور کامل توضیح خواهیم داد.

طراحی هدر در المنتور، بِ بسم‌الله سایت شما!

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