جلسه ۴۳ : نکات رابط کاربری قالب وردپرس

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

لینک لوگو صفحه home

لوگویی که در بالای صفحه هر سایت (در هدر) قرار دارد، باید کاربر را به صفحه اصلی سایت منتقل کند.
فرض کنید لوگوی شما در دایرکتوری قالب قرار دارد. کد زیر چگونگی نمایش هدر در فایل header.php را نشان می‌دهد.

توصیف انکر تکست (Anchor Text)

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

مثال نامناسب:

مثال مناسب:

لینک ها به صورت آندرلاین باشند

آندرلاین کردن لینک ها باعث می‌شود تا کاربر بین متن معمولی و انکر تکست تفاوت قائل شود.

رنگ های متفاوت

رنگ ها نیز نقش اساسی در بهتر دیده شدن لینک ها دارذ.
با استفاده از رنگ ها می‌تونید لینک ها را از سایر متون جدا کنید. همچنین می‌توانید به لینک هایی که قبلا توسط کاربر دیده شده اند، رنگ متفاوت دهید.
این کار به کاربر کمک می‌کند بداند چه لینک هایی را بازدیهد د

برچسب های مرتبط با ورودی

برچسب ها، متن هایی هستند که در کنار فیلد ها آمده و کاربر را از عملکرد فیلد های ورودی آگاه می‌کنند.
برای استفاده از برچسب ها از تگ label استفاده کنید.

متن Placeholder در فرم ها

placeholder ها متونی هستند که در فیلد ها قرار می‌گیرند و یک نمونه از مقداری که آن فیلد می‌گیرد را نشان می‌دهند.
هنگامی که کاربر روی فیلد کلیک می‌کند (فوکوس می‌کند)، placeholder ناپدید می‌شود.

متن دکمه ها (Button)

دکمه ها برای انجام اعمال مختلفی ایجاد می‌شوند. بنابریان مهم است که هر دکمه متنی داشته باشد تا عمل آن را توصیف کند.
بهتر است متن دکمه ها به صورت فعل-اسم باشند. مانند : Delete File، Update Password، Send Message و … .

جلسه نکات رابط کاربری قالب وردپرس نیز به پایان رسید.

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