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