همیار وردپرسطراحی پاپ آپ های مختلف با Icegramپوسته نامزدی Matchجلسه شانزدهم: استفاده از کدهای کوتاه در ووکامرسپوسته شرکتی BeOnePage-Lite
http://hamyarwp.com اکسیژن وردپرسیها Mon, 29 Feb 2016 18:33:13 +0000 fa-IR hourly 1 https://wordpress.org/?v=4.4.2 http://hamyarwp.com/icegram/ http://hamyarwp.com/icegram/#respond Mon, 29 Feb 2016 12:38:55 +0000
http://hamyarwp.com/?p=33926
جلب نظر مخاطبان و تعامل با کاربران یکی از اهداف اصلی هر نوع سایتی می تواند باشد.انواع پیام های های مختلفی برای ایجاد این امر وجود دارند
جلب نظر مخاطبان و تعامل با کاربران یکی از اهداف اصلی هر نوع سایتی می تواند باشد.انواع پیام های های مختلفی برای ایجاد این امر وجود دارند.پیام هایی مانند:
پنجره پاپ آپ(Pop Up)
نوار عملکرد شناور(Action Bar)
مسنجر(Messenger)
اطلاعیه تست (Toast Notification):پس از چند ثانیه به صورت خودکار حذف و مخفی می شود
این نوع پیام ها توسط افزونه های مختلفی به شما ارائه می شوند که اکثرا در ازای هر یک از این نوع پیام ها از شما پول می گیرند.حالا تصور کنید چقدر خوب می شد که همه این پیام ها در یک افزونه با هم جمع می شدند و ما می توانستیم در یک کمپین این پیام ها را کنار یکدیگر قرار دهیم و با یک استراتژی خوب بازدیدکنندگان را جذب سایتمان کنیم.از طرف دیگر چقدر خوب می شد که این افزونه رایگان بود.
امروز می خواهیم در وردپرس افزونه ای را به شما معرفی کنیم که هم ساده باشد و هم بتواند در تعامل با کاربران سایتتان به شما کمک کند.در ادامه نحوه کار با این افزونه وردپرسی رایگان را به شما آموزش خواهیم داد.
افزونه Icegram
پنجره پاپ آپ(Pop Up)،نوار عملکرد(Action Bar)،مسنجر(Messenger)،اطلاعیه تست (Toast Notification) پیام هایی هستند که شما می توانید توسط این افزونه برای تعامل با کاربران سایتتان ایجاد کنید.بسیاری از افزونه های مشابه این افزونه پولی هستند اما همچنان این افزونه رایگان می باشد.
نکته!!! این افزونه توسط همیار وردپرس فارسی سازی شده است و از همین جا می توانید فارسی شده ی آن را دریافت کنید!
نصب و فعال سازی
افزونه را در پنل وردپرس نصب و فعال کنید. پس از نصب و فعال سازی این افزونه یک گزینه جدید با نام Icegram در منوی پیشخوان وردپرستان اضافه می شود.برای تنظیم افزونه بر روی Icegram کلیک کنید .
ساخت کمپین
منظور از کمپین مجموعه پیام هایی می باشند که برای یک هدف خاص و برای ایجاد تعامل با کاربران در کنار یکدیگر قرار می گیرند.مثلا ما یک حراج داریم و می خواهیم با پیام های مختلف مخاطبان را از آن آگاه کنیم.برای ایجاد کمپین جدید از منوی پیشخوان وردپرستان گزینه ایجاد کمپین جدید را انتخاب کنید.
پس از انتخاب گزینه ایجاد کمپین جدید وارد صفحه مرتبط با این گزینه می شوید.در این صفحه قبل از هرکاری نام مناسب را برای کمپین خود انتخاب کنید.
انتخاب نوع پیغام
در این بخش در صفحه کمپین جدید در بخش پیغام ،نوع پیغام دلخواه خود را انتخاب کنید.
تنظیمات یک پیغام
همان طور که در صفحه بالا می بینید ،در این افزونه ما چهار نوع پیغام داریم. در این چهار نوع پیغام ساختار تنظیمات کاملا شبیه به هم است.در ادامه قسمت های مختلف تنظیمات را با توجه به شماره های قرار داده شده در تصاویر با هم بررسی می کنیم.
در این قسمت نام را برای پیغام انتخاب کنید.
در این قسمت مشخص کنید چند ثانیه بعد از بارگزاری سایت پیغام فعالیتش را شروع کند.
در این قسمت پس از تمام شدن تنظیمات می توانید عملکرد این پیغام را ویرایش کنید.
در این قسمت قالب و یا پوسته مد نظرتان را برای این پیغام انتخاب کنید.
نوع انیمیشن دلخواهتان برای هر پیغام انتخاب کنید.
در این قسمت عنوان پیغام را تنظیم کنید.
در این قسمت متن و محتوی پیغام را وارد کنید.
متنی که می خواهید در درون دکمه نمایش داده شود را در این قسمت وارد کنید
آدرس و لینکی که می خواهید مخاطب پس از کلیک به آن هدایت شود را در این قسمت وارد کنید
موقعیت هر پیغام را در صفحه نمایش مشخص کنید.
در این مرحله می توانید مشخص کنید که این پیام در کدام صفحه سایتتان نمایش داده شود.شما در قسمت سمت چپ کد کوتاهی را می بینید که هر کجا که می خواهید این کمپین نمایش داده شود می توانید این کوتاه را قرار دهید.
در این قسمت می توانید زمان نمایش این پیام را به مخاطب مشخص کنید.حتی می توانید بهش برنامه نیز بدهید
در این قسمت می توانید در مورد نمایش این پیام در موبایل ،تبلت و…. تصمیم بگیرید
در این قسمت می توانید مشخص کنید این نوع پیام به چه کسی نمایش داده شود.
در این قسمت می توانید تنظیم کنید که در چه شرایطی این پیام دوباره نمایش داده شود و یا نمایش داده نشود.
در این قسمت که بین همه پیغام ها مشترک نیست می توانید تصویر آواتار برای پیام را تنظیم کنید.
پیغام ها
پس از ایجاد پیام های دلخواهتان در کمپین مد نظرتان شما می توانید تک تک پیام ها را به صورت مستقل ویرایش کنید برای این کار به منوی اصلی پیشخوان وردپرس>Icegram>پیغام ها بروید و تغییرات دلخواهتان را ایجاد کنید
انواع خروجی این افزونه پس از تنظیم قسمت های مختلف
خروجی پیام از نوع Action Bar
خروجی پیام از نوع Messenger
خروجی پیام از نوع Pop Up
خروجی پیام از نوع Toast
جمع بندی!
ما به شما در این مقاله یک افزونه کاربردی که شما می توانید توسطش انواع پیغام ها را برای تعامل با کاربران سایتتان بسازید را معرفی کردیم.در زیر لیست انواع پیغام هایی که می توانید توسط این افزونه ایجاد کنید را می بینید.
]]>
http://hamyarwp.com/icegram/feed/ 0 http://hamyarwp.com/match/ http://hamyarwp.com/match/#Idea Mon, 29 Feb 2016 07:50:03 +0000
http://hamyarwp.com/?p=13642
بروزرسانی قالب به نسخه ۰٫۱٫۱ – ۱۰ اسفند ۱۳۹۴ پوسته نامزدی وردپرس – Match سلام امروز قصد معرفی پوسته ای رو به شما داریم که مناسب البوم ازدواج است و بسیار زیبا و مدرن است .این قالب رایگان وردپرس برای افرادی طراحی شده که تجربه کمی در دنیای وردپرس دارند و به دنبال قالبی هستند که در عین […]
امروز قصد معرفی پوسته ای رو به شما داریم که مناسب البوم ازدواج است و بسیار زیبا و مدرن است .این قالب رایگان وردپرسبرای افرادی طراحی شده که تجربه کمی در دنیای وردپرس دارند و به دنبال قالبی هستند که در عین زیبایی، ساده نیز باشد.این پوسته برای افراد عکاس , سایت های شخصی مناسب می باشد .
امکانات پوسته نامزدی-Match
واکنش گرا
کاربری بسیار ساده
منوی ابشاری
دارای فرمت های مختلف برای مطالب
منوی سفارشی
مطلب چسبیده
پس زمینه سفارشی
نکات نصب:
پس از نصب این قالب برای به قسمت نمایش > سفارشی سازی بروید و قالب را با توجه به سلیقه شخصیتان تنظیم کنید..
درونریزی دمو
در این نوع نصب، محتوا و جایگاه ابزارک ها بصورت خودکار وارد سایت شما میشود.اگر سایت شما نمونه(تستی)است میتوانید محتوا و ابزارکهای دمو را درونریزی کنید. اما اگر میخواهید قالب را روی سایت اصلی نصب کنید، فقط از فایل درونریزی ابزارکها استفاده کنید (لطفا ابتدا قالب را دانلود و نصب کنید ،سپس محتوا را درونریزی و در نهایت ابزارکها را درونریزی کنید. همچنین حتما راهنما را مطالعه کنید)
]]>
http://hamyarwp.com/match/feed/ 3 http://hamyarwp.com/woocommerce-shortcodes/ http://hamyarwp.com/woocommerce-shortcodes/#Idea Sun, 28 Feb 2016 05:30:26 +0000
http://hamyarwp.com/?p=12488
خوشبختانه در هنگام نصب ووکامرس، برگه های مورد نیاز آن نصب و راه اندازی می شوند. برگه های مهمی مانند برگه ی فروشگاه، محصولات، سبد خرید و... اما بعضی از برگه ها هستند که به عنوان امکانات بیشتر می خواهیم از آن ها استفاده کنیم اما آن ها را در ووکامرس به صورت پیش فرض مشاهده نمی کنیم.
خوشبختانه در هنگام نصب ووکامرس، برگه های مورد نیاز آن نصب و راه اندازی می شوند. برگه های مهمی مانند برگه ی فروشگاه، محصولات، سبد خرید و… اما بعضی از برگه ها هستند که به عنوان امکانات بیشتر می خواهیم از آن ها استفاده کنیم اما آن ها را در ووکامرس به صورت پیش فرض مشاهده نمی کنیم. ووکامرس افزونه های بسیار فراوانی دارد که با کمک آن ها می توان فروشگاه اینترنتی خود را تکمیل کرد و از هر آنچه که احتیاج می باشد به آن اضافه کرد. به عوان مثال فرض کنید بخواهیم محصولات مشترک و خاصی را در یک صفحه نمایش دهیم یا اینکه لینک فروش محصولی خاص در پایین محصول مرتبط به آن قرار گیرد، باید چه کنیم؟ ووکامرس در نسخه ی قبلی خود در ویرایشگر وردپرس آیکونی را اضافه می کرد که تمامی شورت کدهای اضافی داخل آن موجود بود و می توانستیم از آن استفاده کنیم اما با مشکلاتی نیز رو به رو بود و ممکن بود عملیات را به درستی انجام ندهد. ولی در حال حاضر می توانیم با کمک افزونه ای که تمامی شورت کدهای ووکامرس را در اختیار ما قرار می دهد به تمامی امکانات مورد نیاز خود دست یابیم. در آموزش ووکامرس جلسه ی امروز به این موضوع پرداخته خواهد شد.
افزونه ی WooCommerce Shortcodes
این افزونه به وردپرس امکان استفاده از شورت کدهای ووکامرسی را می دهد و در ویرایشگر وردپرسی آن ها را ایجاد و اضافه می کند. به پیشخوان وردپرس رفته و در قسمت افزونه ها، افزونه ی مورد نظر را نصب و سپس فعال می کنیم. سپس به بخش برگه ها مراجعه می کنیم…
همانطور که در تصویر بالا ملاحظه می کنید دکمه ای با عنوان “woocommerce” در ویرایشگر وردپرس اضافه شده است که تمامی شورت کدهای ووکامرسی را در خود دارد.
به عنوان مثال فرض کنید، بخشی را در سایت تعبیه کردیم که فقط در مورد توضیحات محصولات است و به عبارتی دیگر به صورت یک وبلاگ می باشد که فقط در مورد محصولاتی که در فروشگاه ما موجود است توضیحاتی را داده است. ما می توانیم با کمک این شورت کدها در پایین توضیحات هر محصول دکمه ای برای خرید قرار دهیم تا مشتریان پس از خواندن توضیحات اگر علاقه مند به خرید شدند دوباره مسیری را به سمت فروشگاه طی نکنند و به راحتی از همان بخش بتوانند محصول را خریداری کنند.
برای این کار می توانیم از دکمه ی ووکامرس موجود در ویرایشگر دکمه ی خرید یا گزینه ی Price/Card button را اضافه کنیم.
زمانی که این گزینه را کلیک می کنیم مطابق انتظار شما باید یک شورت کد را برای شما در ویرایشگر وارد کند اما اینطور نیست و با تصویری مانند زیر مواجه خواهید شد:
در اینجا از شما قسمت های ورودی که باید وارد شورت کد شوند و در آن موجود باشند را از شما طلب می کند. مثلا شما در بخش آی دی می توانید آی دی مربوط به محصول مورد نظر خود را وارد کنید.
نکته!!!آیدی محصول شما در بخش محصولات مشخص شده است.
با نگه داشتن ماوس بر روی هر محصول، آیدی آن مشخص خواهد شد.
می توانید آی دی محصول مورد نظر را در قسمت ID وارد کنید و سپس مشاهده خواهید کرد که کد محصول شما در شورت کد قایل ملاحظه است.
کد محصول مورد نظر من ۱۰ بود و همانطور که می بینید در شورت کد موجود است. حال با هم برگه را مشاهده می کنیم ببینیم این شورت کد به چه صورت نمایش داده می شود.
همانطور که مشاهده می کنید هم قیمت محصول مشخص شده و هم افزودن به سبد خرید موجود است.
فعالیت دیگری که بسیار متداول است نمایش لیستی از محصولات در صفحه ای خاص است. از قسمت woocommerce گزینه ی list موجود است. می خواهیم محصول با دسته ای خاص را در صفحه نمایش دهیم یا آخرین محصولات را به نمایش بگذاریم. حتی می توانید محصولات با صفت های مشخصی را در این صفحه قرار دهید. به هر حال گزینه های متعددی دارد که به راحتی قابل استفاده است.
کارهای مختلفی می توان با کمک این شورت کدها انجام داد و با استفاده از آن ها امکانات زیادی را به فروشگاه اینترنتی داد.
جمع بندی!
برای افزودن امکانات بیشتری به فروشگاه خود راه دیگری با کمک شورت کدها میسر خواهد شد. می توانید با کمک گرفتن از شورت کدهای ووکامرسی امکانات بسیار زیادی به فروشگاه خود اضافه کنید.
]]>
http://hamyarwp.com/woocommerce-shortcodes/feed/ 15 http://hamyarwp.com/beonepage-lite/ http://hamyarwp.com/beonepage-lite/#Idea Sat, 27 Feb 2016 12:27:46 +0000
http://hamyarwp.com/?p=33617
پوسته شرکتی وردپرس – BeOnePage-Lite سلام دوستان؛ تیم همیار وردپرس، اینبار پوسته شرکتی BeOnePage-Lite را برای طرافدارای پوستههای شرکتی آماده کرده است.این قالب رایگان وردپرسی از نوع پوستههای تک صفحه ای است .این قالب اجزای مورد نیاز یک قالب شرکتی مانند: بلاگ،بخش معرفی خدمات با آیکن ها و…. را نیز داراست.قسمت نمونه کارهای این قالب به صورت ajax […]