دیجی اسکریپت

ساخت اسلایدر محصولات در ووکامرس

اگر دوست دارید محصولات فروشگاه خود را به صورت یک اسلایدر جذاب نمایش دهید این مقاله رادنبال کنید. با افزونه Woocommerce Products Slider می توانید محصولات مورد نظرتان را با قالب های مختلف در فروشگاه اینترنتی خود نمایش دهید. و فروشگاه خود را زیباتر برای مشتریان خود جلوه قرار دهید.

ویژگی های افزونه Woocommerce Products Slider

• کاملا رسپانسیو
• قرار دادن شورتکد اسلایدر در هر جا
• دارای سه اسلایدر موقعیت های ناوبری
• اجرا شدن اسلایدر به صورت خودکار
• توقف اسلایدر روی هاور
• کشیدن و رها کردن اسلایدر
• دارای سه قالب آماده
• دارای ۲۰ Ribbons  سفارشی
• فیلتر کردن محصولات اسلایدر توسط محصولات منتشر شده اخیر، محصولات شاخص و یا تنها سالیانه و ماهیانه
• دارای آیکون نشانگر فروش سفارشی

نحوه کار با افزونه Woocommerce Products Slider

در ابتدا افزونه را دریافت و نصب کنید. پس از فعال سازی افزونه،  منو WCPS در پیشخوان وردپرس نمایان می شود. وارد صفحه تنظیمات افزونه شوید. سه زیرمنو را مشاهده می کنید. بر روی زیرمنو New WCPS کلیک کنید، شش تب موجود است که به بررسی هر یک به صورت جداگانه می پردازیم:

Shortcode

در این تب شورتکد اسلایدر ساخته شده موجود است.

options

در تب options شما می توانید تنظیمات مربوط به نحوه ی نمایش اسلایدر را تعیین کنید و مشخص کنید چند محصول در چند ستون نمایش داده شود.(تعداد ستون اسلایدر).

style

در این تب، قالب اسلایدر، روبان اسلایدر(روبان ها جذابیت خاصی را به تصاویر می دهند) و تنظیمات ظرف اسلایدر(رنگ و تصویر بک گراند اسلایدر) را انتخاب کنید.

Query product

در این قسمت تعیین کنید چه تعداد محصول در اسلایدر نمایش داده شود، و بر چه اساس مرتب شوند.

elements

در این قسمت المنت ها و آیتم های اسلایدر را تک به تک باز کرده و تنظیمات آنها را اعم از تصاویر بند انگشتی، عنوان، دسته بندی، برچسب و قیمت را پیکربندی کنید.

Custom CSS

و در آخرین تب، استایل سفارشی دلخواه خود را وارد و ذخیره نمایید.

پس از اتمام تنظیمات شورتکد اسلایدر را کپی و در نوشته، صفحه سایت خود جایگذاری و به نمایش بگذارید.

موفق و پیروز باشید.

قالب وردپرس Business Responsiveness

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

قالب وردپرس Business Responsiveness سازگار با bootstrap3 است که به قالب استایل های زیبا و شکیل می دهد. همچنین دارای فونت زیبای بی یکان فارسی است که می تواند قالب سایت شما را زیباتر به نمایش بگذارد. از دیگر قابلیت این قالب استفاده از بسته نصبی آسان می باشد که می توان قالب را در ۵ دقیقه نصب و راه اندازی نمود، کافی است تغییرات مورد نظر خود را بر روی قالب به راحتی انجام دهید و به وبسایت مورد نظر برسید.

صفحه اصلی قالب Business Responsiveness دارای چندین قسمت مجزا از هم می باشد، که به راحتی می توان بصورت دلخواه تنظیمات آن را انجام دهید و متناسب با موضوع مورد نظر تغییرات را اعمال کنید.

امکانات کلی این قالب وردپرس :

• دارای بسته نصبی و نصب قالب در ۵ دقیقه
• یک قالب همه منظوره و مناسب با هر نوع موضوع مورد نظر
• دارای فونت بی یکان زیبای فارسی
• سازگاری کامل با موبایل و تبلت و کاملاً ریسپانسیو
• مناسب برای راه اندازی سایت های شرکتی و ارائه خدمات

نکته: این قالب دارای بسته نصبی آسان می باشد. شما می توانید با چند کلیک ٬ سایتی مثل دمو داشته باشید. آموزش ویدیویی نصب بسته های نصبی

قالب وردپرس Automobile Car Dealer فارسی

قالب وردپرس Automobile Car Deale رایگان و فارسی سازی شده توسط تیم میهن وردپرس است. Automobile Car Deale یک تم همه منظوره زیبا می باشد که در چارچوب سایت های خرید و فروش خودرو کاربرد دارد. این قالب زیبا و شکیل راه اندازی بسیار آسانی دارد، کافی است از طریق بسته نصبی آن را نصب کرده و تغییرات وبسایت خود را به راحتی انجام دهید. اگر به دنبال یک تم زیبا برای وبسایت خود هستید Automobile Car Deale بهترین گزینه می باشد. همچنین این امکان را دارد که در عین زیبایی، به سادگی سایت شما را به نمایش بگذارد.

قالب وردپرس Automobile Car Deale در صفحه اصلی خود امکان به نمایش گذاشتن هر تعداد نوشته وبلاگی را دارد. همچنین یک اسلایدر در بالای صفحه قرار دارد که می توان تصاویری با موضوع مورد نظر وبسایت خود قرار دهید و شکل زیبایی به قالب دهید. تنظیمات کلی وبلاگ از طریق نوشته ها صورت می گیرد. همچنین این قالب با سفارشی سازی وردپرس سازگاری دارد و تنظیمات را از طریق سفارشی سازی انجام دهید.

امکانات کلی این قالب وردپرس:

• همه منظوره بودن قالب یکی امکانات قوی این قالب می‌باشد.
• دارای بسته نصبی آسان است و می توان قالب را در ۵ دقیقه نصب و را اندازی نمود
• دارای فونت زیبای بی یکان می باشد که شکل بسیار زیبایی به وبسایت می دهد.
• کاملا ریسپانسیو بوده و سازگاری کامل را با موبایل و تبلت را دارد.

نکته: این قالب دارای بسته نصبی آسان می باشد. شما می توانید با چند کلیک ٬ سایتی مثل دمو داشته باشید. آموزش ویدیویی نصب بسته های نصبی

درود بر شما همراهان دوست داشتنی میهن وردپرس. امیدوارم مثل همیشه پر انرژی و سرحال باشید. در جلسه قبل در مورد خاصیت های width ، height و display صحبت کردیم. اگر هنوز قسمت قبل را نخوانده اید حتما همین الان اینکار را انجام دهید. اگر هم خوانده اید ، پس در این قسمت که قرار است خاصیت مهم float را بررسی کنیم همراه من باشید. بریم؟

خاصیت float :

با استفاده از خاصیت float می توانیم المان مان را به سمت چپ یا راست نگهدارنده اش شناور کنیم(نگهدارنده می تواند مرورگر باشد یا یک تگ div و….). همچنین می توانیم از float برای کنار هم قرار گرفتن چند المان استفاده کنیم. خاصیت float مقادیر زیر را می گیرد :

float : right

المان را به سمت راست شناور میکند.

float : left

المان را به سمت چپ شناور میکند.

float : none

مقدار پیش فرض است و اتفاقی نمی افتد.

نکته : با استفاده از خاصیت float می توانیم عناصر را در کنار همدیگر نمایش دهیم. برای مثال فرض کنید چند المان داریم که بلاک هستند. بعنی هر کدام از المان ها کل عرض را در بر میگیرند و زیر هم نمایش داده میشوند حتی اگر عرض این عناصر را هم کم کنید تا بتوانند در یک خط جا شوند این اتفاق نمی افتد و تغییری نمی کند اما با استفاده از float به راحتی می توانید این عناصر را کنار همدیگر قرار دهید.

خنثی سازی خاصیت float :

زمانی که از خاصیت float استفاده میکنیم ، این خاصیت بر عناصر بعدیش هم تاثیر می گذارد و به عبارتی المان را زیر عناصر قبلی که float گرفته اند نمایش نمیدهد بلکه بهم ریخته نمایش داده میشود. برای رفع این مشکل باید از خاصیت جدیدی به نام clear استفاده کنیم.

خاصیت clear :

برای خنثی سازی خاصیت float از clear استفاده میکنیم. در واقع از این خاصیت برای خالی کردن فضای اطراف یک عنصر استفاده می شود. clear مقادیر زیر را می گیرد :

none : حالت پیشفرض است و در دو طرف عنصر می تواند متن یا عکس و… قرار بگیرد.

right : در سمت راست هیچ عنصری قرار نگیرد.

left : در سمت چپ هیچ عنصری قرار نگیرد.

both : در هر دو سمت هیچ عنصر قرار نگیرد.

با مثال هایی که در تصاویر زیر برایتان آورده ام به خوبی تاثیر وجود این خاصیت را متوجه میشوید :

خب دوستان برای این جلسه تا همین جا کافی است. مثال ها را چندین بار بخوانید و تمرین کنید تا به خوبی آن ها را یادبگیرید. دقت کنید که float و clear بسیار کاربردی هستند و من سعی کردم به ساده ترین روش ممکن برایتان توضیح بدهم. پس آن ها را خوب یاد بگیرید. مخلصیم. تا بعد…

گوگل مپ برای دامنه های IR مسدود شد!

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

خبر حاکی از این است که API گوگل مپ برای سایت‌های ایرانی با دامنه‌ ir مسدود شده است. و تنها وب سایت و اپلیکیشن از API گوگل مپ محروم شده اند. به همین علت قالب هایی از قبیل listify و ریل هوم و  همچنین محصولاتی که از این سرویس یرخوردار اند، سرویس گوگل مپ آنها از دسترس خارج شده است و به جای نقشه گوگل خطای ” وب‌سایت یا اپلیکیشن مورد نظر به دلیل عدم سازگاری با قوانین گوگل مپ مسدود شده است” نمایش داده می شود.

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

موفق و پیروز باشید.

تغییر فرم ورود به وردپرس

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

اگر مایل هستید صفحه ورود را تغییر و شخصی سازی کنید، می توانید از افزونه Easy Login Styler استفاده کنید و تصویر و لوگوی سایت خود را به نمایش بگذارید. کار با افزونه بسیار ساده و راحت است. با صرف اندکی زمان این عمل صورت می پذیرد.

نحوه کار با افزونه Easy Login Styler

همانند همیشه، اولین قدمی که برمیدارید اینه که افزونه را دانلود و نصب کنید، سپس آن را فعال کرده و وارد صفحه تنظیمات افزونه شوید. به مسیر تنظیمات> Easy Login Styler بروید.

حال سه گزینه را مشاهده می کنید، در قسمت اول Logo Image لوگو سایت مورد نظر خود را از کتابخانه چند رسانه ای انتخاب کرده، سپس در قسمت Background Image تصویر پس زمینه را انتخاب کنید. و در آخرین بخش تنظیمات افزونه(Custom Login CSS) میتوان کد سفارش سازی فرم ورود به پیشخوان وردپرس را قرار داد.

در آخر روی تغییرات لحاظ شده را ذخیره کنید و مجددا وارد پنل مدیریت وردپرس خود شوید. حال با تصویر زیر رو به رو شده و فرمی که سفارش سازی کردید را مشاهده می نمایید.

موفق و پیروز باشید.

در شروع کسب و کار‌‌‌‌ اینترنتی حاشیه ممنوع!

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

نظر شما در مورد شروع کسب و کار اینترنتی چیه؟ نقطه کانونی کسب و کار اینترنتی خودتون رو پیدا کردید؟