بلوکها و نمایش داده وردپرس
برای نمایش داده وردپرس و ووکامرس از ویجتهای معمولی اپادیتور استفاده کنید و مقدار آنها را به متغیرهای آیتم جاری در sys.inPage.* متصل کنید. برای شروع سریع نیز بلوکهای آماده در اختیار شماست؛ هر بلوک پس از درج به گروهی از ویجتهای کاملاً قابلویرایش تبدیل میشود.
ویجتهای اختصاصی قدیمی «اجزای نوشته»، «اجزای محصول» و موارد مشابه دیگر به فهرست افزودن ویجت اضافه نمیشوند. اپهای قبلی همچنان سازگار میمانند، اما برای طراحی تازه از روش این صفحه استفاده کنید.
آیتم جاری از کجا میآید؟
داده sys.inPage.* در یکی از این حالتها مقدار میگیرد:
- صفحه، الگوی هر ردیف یک لیست پویا است؛ آیتم جاری همان رکورد آن ردیف خواهد بود.
- صفحه با عملکرد باز کردن نوشته یا باز کردن محصول باز شده است.
اگر این متغیرها را در صفحهای بدون آیتم جاری استفاده کنید، مقداری نمایش داده نمیشود.
نمونه اتصال ویجتهای معمولی
| داده | ویجت و مقدار پیشنهادی |
|---|---|
| تصویر نوشته | ویجت عکس با نشانی پویا {{sys.inPage.post.image.url}} |
| عنوان نوشته | ویجت متن با {{sys.inPage.post.title}} |
| چکیده نوشته | ویجت متن با {{sys.inPage.post.excerpt}} |
| تاریخ نوشته | ویجت متن با {{sys.inPage.post.date}} و قالببندی تاریخ |
| تصویر محصول | ویجت عکس با {{sys.inPage.product.image.url}} |
| عنوان محصول | ویجت متن با {{sys.inPage.product.title}} |
| قیمت محصول | ویجت متن با {{sys.inPage.product.price}} و قالببندی قیمت |
| امتیاز محصول | ویجت نمایش امتیاز با sys.inPage.product.rating |
مسیر عمومی sys.inPage.entity.* نیز برای فیلدهای مشترک موجودیتها قابل استفاده است. فهرست کامل مسیرها در متغیرهای وردپرس و ووکامرس آمده است.
اگر به فیلدی خارج از مسیرهای آماده نیاز دارید، داده خام آیتم جاری را از sys.inPage.*.raw بخوانید.
بلوکهای آماده
بلوکها از منوی افزودن ویجت زیر وردپرس در دسترساند. آنها فقط نقطه شروعاند؛ متن، تصویر، شرط، عملکرد و چیدمان هر بخش را میتوانید ویرایش یا حذف کنید.
فروشگاه
مسیر: وردپرس ← بلوکهای فروشگاه
| بلوک | کاربرد |
|---|---|
| بلوک آماده کارت محصول / کارت افقی محصول | الگوی آیتم لیست محصولات |
| انتخاب تنوع و افزودن به سبد | انتخاب ویژگی محصول متغیر و خرید |
| کنترل آماده تعداد محصول در سبد | کم و زیاد کردن تعداد محصول |
| دکمه افزودن به سبد خرید | دکمه خرید آماده |
| دکمه سبد خرید با نشان تعداد | ورود به سبد همراه شمارنده |
| خلاصه سبد خرید | جمع اقلام، تخفیف و مبلغ نهایی |
| نشان قیمت و تخفیف | قیمت عادی و حراج |
| نشان امتیاز محصول | نمایش ستارههای امتیاز |
| لیست محصولات | فهرست محصولات با صفحه الگو |
| لیست دستههای محصول | فهرست دستههای فروشگاه |
| لیست نظرهای محصول | دیدگاهها و امتیازهای محصول جاری |
برای محصول متغیر، از بلوک انتخاب تنوع و افزودن به سبد استفاده کنید تا انتخاب همه ویژگیها پیش از خرید کنترل شود.
حساب کاربری وردپرس
مسیر: وردپرس ← بلوکهای حساب کاربری
- فرم ورود
- فرم ثبتنام
- ورود با شماره موبایل
- کارت پروفایل کاربر
بلوکهای حساب کاربری خود اپادیتور در مسیر جداگانه حساب کاربری ← بلوکهای حساب کاربری قرار دارند. برای جلوگیری از اشتباه میان این دو حساب، راهنمای حساب کاربری وردپرس در اپ را ببینید.
سفارشها و دانلودها
- کارت سفارش
- ردیف قلم سفارش
- ردیف دانلود
- لیست اقلام سفارش
محتوا و ناوبری
| بلوک | کاربرد |
|---|---|
| بلوک آماده کارت نوشته / کارت افقی نوشته | الگوی آیتم فهرست نوشتهها |
| کارت دسته | الگوی آیتم دستهها |
| فرم آماده دیدگاه و امتیاز | ثبت دیدگاه یا امتیاز برای آیتم جاری |
| ردیف دیدگاه | الگوی آیتم دیدگاهها |
| لیست نوشتهها | فهرست نوشتههای سایت |
| لیست دیدگاههای نوشته | دیدگاههای نوشته جاری |
| جعبه جستوجو | فیلد متصل به search.query |
| صفحه جستوجوی زنده محصول | جستوجو همراه با فهرست محصولات |
راهنمای ساخت بلوکهای فهرستی
هنگام افزودن بلوکهایی مثل لیست نوشتهها، لیست محصولات، لیست دستهها، لیست دیدگاهها یا صفحه جستوجوی زنده محصول، راهنمای ساخت باز میشود. در این راهنما میتوانید:
- برای ردیفها یک صفحه الگوی آماده بسازید یا صفحهای موجود را انتخاب کنید.
- در فهرستهای نوشته، محصول، دسته و جستوجو، صفحه جزئیات را نیز بسازید یا انتخاب کنید.
- پس از ساخت، صفحه الگو را باز کنید و ویجتهای معمولی داخل آن را مطابق طرح خود تغییر دهید.
صفحههای ساختهشده با این راهنما در پوشه الگوهای بلوک قرار میگیرند و لازم نیست آنها را به منوی اپ اضافه کنید.