آموزش مفهوم پست‌کارت و نحوه استفاده از آن در فروشگاه پروشاپ رویال

مفهوم پست‌کارت و نحوه استفاده از آن در فروشگاه رویال

حتما تا حالا براتون پیش اومده که دوست داشتید برای نشان دادن محصولات یا نوشته های خودتون در کنار هم طرح دلخواه خودتون رو داشته باشید یا یک سری تغییرات درون اون انجام بدید. اما چطوری؟

بیشتر قالب‌ها و صفحه‌سازها این امکان را به تنهایی ندارند و نیاز هست که افزونه‌های جانبی و مرتبط با این موضوع نصب کنید. برای مثال با صفحه ساز المنتور نیاز به نصب .افزونه پوسته سفارشی می باشد

.یکی از معایب مهم نصب افزونه‌های اضافی درون سایت کاهش سرعت سایت می‌باشد

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

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

پست کارت در آوادا

خوب برای آشنایی بیشتر با پست کارت و فهمیدن نحوه کار با آن، ابتدا باید بدانیم که این المان در کجای قالب قرار دارد. وارد داشبورد آوادا شوید و روی منوی کتابخونه کلیک کنید.

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

بعد از زدن دکمه ایجاد وارد صفحه جدیدی می‌شوید که همان صفحه تنظیمات پست کارت می باشد

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

المان های استفاده شده در تهیه پست کارت‌ها

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

با ما همراه باشید تا با هم المان هایی که در ویدئو استفاده شده را بار دیگر با هم مرور ببینیم. برای آموزش تک به تک المان‌ها می‌توانید در سایت ایران آوادا و در بخش آموزش‌های المان آوادا آن‌ها را مشاهد کنید.

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

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

المان عکس پست کارت

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

المان متا

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

ستون های تو در تو

برای طراحی های بهتر و اسفاده از امکانات بیشتر چند ستونه کردن و غیره از المان ستون تو در تو استفاده می‌کنیم.

المان عنوان

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

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

المان متن و گذاشتن دسته‌بندی پست کارت در آن

المان متن نیز از المان هایی است که استفاده‌های زیادی در طراحی پست کارت دارد.

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

بعد از انتخاب المان متن و جایگذاری آن از قسمت محتوا آن را داینامیک می‌کنیم.

و در لیست باز شده گزینه شرایط  terms را انتخاب کنیم.

در قسمت اول که taxonomy  می‌باشد می‌توانید نامک (slug) مورد نظر خود را وارد کنید.

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

در پیشخوان وردپرس وارد صفحه دسته بندی ای که می خواهید می شوید در بالای صفحه در قسمت لینک صفحه  taxonomy=category  را می بینید کتگوری را داخل جای خودش یعنی همان تکسونومی قرار می دهید

المان متا و گذاشتن دسته‌بندی پست کارت در آن

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

 بالا بردن عکس از ستون مانند پست کارت بلاگ

همان طور که در عکس می‌بیند در این پست کارت ما عکس را از کل پست کارت بالاتر برده‌ایم و باعث خلاقیت زیبایی شده است. چگونه این کار را انجام بدهیم؟

در قدم اول باید به ستون پست‌کارت یا همان ستون مادر یک کلاس  iranavada_overflow_visible بدهیم تا اجازه دهد محتوا خارج از ستون نیز نمایش داده شود

حال وارد تنظیمات المان عکس یا ستون بالایی آن شده و به آن مارجین منفی می‌دهیم.

• توجه کنید که مقدار مارجین بستگی به خودتان دارد.

درست کردن دکمه افزودن به سبد خرید

برای اضافه کردن دکمه افزودن به سبد خرید می توانید از المان دکمه استفاده کنید و در تنظیمات داینامیک آن در قسمت  general > آدرس لینک دکمه URL گزینه داینامیک را انتخاب کنید

نحوه استفاده از پست کارت در صفحات و قالب ها

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

ما دو نوع المان مربوط به نمایش پست کارت‌ها داریم که  بر اساس نیاز می‌توانیم از آن‌ها استفاده کنیم. المان آرشیو پست کارت و المان پست کارت ها.

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

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

نتیجه گیری

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

در آخر ما رو از نظرات ارزشمند خودتون بی بهره نذارید

موفق باشید