راهنمای شروع به کار با قالب پورتفولیو Nino

دانلود و استخراج فایل‌ها:

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

انتخاب یک محیط توسعه:

برای ویرایش و شخصی‌سازی قالب، به یک ویرایشگر کد مانند Visual Studio Code، Sublime Text یا Atom نیاز دارید. همچنین، برای مشاهده تغییرات خود به صورت زنده، بهتر است از یک سرور محلی مانند XAMPP یا WAMP استفاده کنید.

انتخاب یک دمو:

قالب Nino معمولاً شامل چندین دمو با طراحی‌های مختلف است. دمو مورد نظر خود را انتخاب کرده و تمامی فایل‌های آن را به پوشه اصلی پروژه خود منتقل کنید.

ویرایش فایل‌های HTML و CSS:

• index.html: این فایل ساختار اصلی صفحه اصلی وب‌سایت شما را تعریف می‌کند. با ویرایش این فایل می‌توانید محتوا، تصاویر و بخش‌های مختلف صفحه را تغییر دهید.
• style.css: در این فایل استایل کلی وب‌سایت شما تعریف شده است. با ویرایش این فایل می‌توانید رنگ‌ها، فونت‌ها و طرح‌بندی کلی وب‌سایت را تغییر دهید.
• فایل‌های CSS دیگر: برخی از دموها ممکن است فایل‌های CSS اضافی برای بخش‌های خاص داشته باشند. با ویرایش این فایل‌ها می‌توانید ظاهر آن بخش‌ها را شخصی‌سازی کنید.

ویرایش محتوا:

تمامی متن‌های موجود در دمو به صورت placeholder هستند و شما باید آن‌ها را با محتوای خود جایگزین کنید. برای این کار، فایل‌های HTML را در ویرایشگر کد باز کرده و متن‌های مورد نظر را تغییر دهید.

اضافه کردن تصاویر:

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

شخصی‌سازی قالب:

با ویرایش فایل‌های CSS می‌توانید ظاهر کلی قالب را به دلخواه خود تغییر دهید. برای مثال می‌توانید رنگ‌ها، فونت‌ها، اندازه‌ها و فاصله‌ها را تغییر دهید. همچنین می‌توانید از افزونه‌های CSS برای ایجاد جلوه‌های ویژه استفاده کنید.

آپلود وب‌سایت:

پس از اتمام طراحی و شخصی‌سازی، تمامی فایل‌های پروژه خود را به هاست خود آپلود کنید. آدرس دامنه خود را در تنظیمات DNS وارد کنید تا کاربران بتوانند به وب‌سایت شما دسترسی پیدا کنند.

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

نکته: در صورت بروز هرگونه مشکل، می‌توانید از انجمن‌های پشتیبانی سرزمین گرافیک یا سایر انجمن‌های مرتبط با طراحی وب کمک بگیرید.