سلام امروز قصد داریم در مورد افزونه TJ Custom CSS یه توضیحاتی رو واستون بدیم امیدواریم مفید واقعه بشه

 

 

 

هدف  افزونه TJ Custom CSS

این افزونه قابلیت مدیریت به کد های  css و تنظیم کردن آن به صورت سفارشی به داشبورد وردپرس شما افزوده می کند

این کدها همیشه برای شما محفوظ می مانند یعنی زمانی که شما قالب وب سایت خود را عوض می کنید این کدها نیز به روی قالب جدید اعمال می شوند

چن وقت پیش من خودم دنبال افزونه بودم که شبیه این باشد هر تغییر رو اعمال کنیم سریع مشاهد کنیم

این افزونه این قابلیت رو دار می باشد که باعث می شود از افزونه دیگر در این موضوع سر تر باشد

دو راه برای اضافه کردن کد CSS سفارشی در افزونه TJ Custom CSS وجود دارد  :

۱٫ تنظیم
افزون کدها و ویرایش کردن هر قسمت از قالب که میخواهیم آن را به صورت سفارشی برای خود تنظیم کنیم

۲٫ از Customizer – نمایش زنده
اگر شما می خواهید برای دیدن پیش نمایش زنده در حالی که شما با اضافه کردن کد CSS می پردازید  سپس شما می توانید به ظاهر شما می توانید در همان لحظه نتیجه کار خورد را مشاهده کنید

ویژگی ها عبارتند از:

• هیچ تنظیمات اضافه ای مورد نیازنیست
• پیش نمایش زنده
• آسان برای استفاده
• جایگزین مناسب برای اضافه کردن سفارشی سازی
• حذف

سلام امروز در مورد افزونه پشتیبانی آنلاین live chat یه نکاتی رو میگیم

 

 

 

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

این افزونه شاید بهترین انتخاب نباشد ولی افزونه ای که کلا می توانید تمامی تنظیمات شکل ظاهری را به صورت سفارشی تنطیم کینید

 

 

کار کردن با افزونه live chat

بعد از اینکه افزونه را نصب کردید آن را فعال کنید سپس یک گزینه افزوده می شود به اسم IMsupporting Chat  به روی آن کلیک کنید

صفحه ای مانند تصویر زیر برای شما نمایان می شود به روی دکمه سبزی که نوشته آن Step 1 : Get An Account now کلیک کنید

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

سپس یه صفحه برای شما نمایان می شود که کد امنتی می باشد آن را به درستی وارد کنید

در صورتی که کارها به درستی انجام دهید یک صفحه چند ثانیه به شما نمایش داده می شود که پیام آن تشکر می کند از این که این افزونه را انتخاب کردید

سپس وارد صفحه اصلی می شود که قسمت مدیریت افزونه live chat می باشد

حالا وارد به وردپرس خود بروید و قسمت تنظیمات افزونه تصویر زیر برای شما نمایش داده می شود به جای عدد صفر اسم ایمیل و سپس گزینه تغییر اعمالت رو بزنید

اگه به درستی کار ها رو انجام داده باشید صفحه ای مانند تصویر زیر برای شما ظاهر می شود که تنظیمات و سفارشی کردن افزونه را می توان از این قسمت انجام داد

از جمله این کار ها تغییر دادن زمانی که اون کادر چت نمایان نشده شما می توانید یک عکس دلخواه رو انتخاب و مسیر رو بهش بدید و افزودن کد های CSS و … کارهایی است که شما می توانید انجام دهید تا یک افزونه چت و پشتیبانی آنلاین سفارشی و مخصوص سایت خود طراحی کنید

قصد داریم در این آموزش روش تغییر شکل ظاهری صفحه لاگین را تغییر دهیم به وسیله ی افزونه Custom Login Page Customizer اینکارو انجام می دهیم

 

 

 

این افزونه هدفش چیه و کارش چیه ؟؟؟؟

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

کار کردن با افزونه Custom Login Page Customizer

بعد اینکه افزونه را نصب کردید آن را فعال کنید سپس یک گزینه در قسمت نمایش افزوده می شود به اسم Login Customizer به روی آن کلیک کنید

صفحه ای مانند تصویر زیر برای شما نمایان می شود به روی Start Customize که یک دکمه قرمز رنگ می باشد کلیک کنید

سپس یه گزینه به قسمت سفارشی سازی قالب افزوده می شود به اسم Login Customizer به روی گزینه کلیک کنید

چند گزینه به نمایش در میاد که شما می توانید عکس لوگو , تصویر زمینه , رنگ و چیزهایی که قابل نمایش باشد در صفحه ورود را می توان تغییر و با توجه به سلیقه خود آن را تنظیم کرد

افزونه چت و پشتیبانی آنلاین که امروز میخواهیم واستون توضیح بدیم اسمش هست WhatsHelp Chat Button هست که خیلی امکانت داره

 

 

 

هر وب سایتی نیاز به یک قسمتی دارد به اسم پشتیبانی آنلاین باعث جذب کاربران می شود زمانی که کاربری از وب سایت شما دیدن میکند در صورت وجود مشکل سریع مشکلش رو با پشتبان آنلاین شما برطرف کنه این کار باعث جذب کاربر می شود به نظر من برای سایت های تازه کار افزونه چت و پشتیبانی آنلاین خیلی چیز خوبیه

هدف از افزونه WhatsHelp Chat Button

این افزونه که باعث شد ما انتخابش کنیم یه چیز جالبیه که داره شما می توانید در این افزونه لینک تلگرام ,  واتساپ , فیس بوک , لاین و …. در قسمت تنظیماتش این را افزوده کنید و کاربری که وارد میشود می تواند به شما با توجه به تلگرام و لاین و… چت کند

کار کردن با افزونه WhatsHelp Chat Button

بعد از اینکه افزونه را نصب کردید آن را فعال کنید و سپس یه گزینه افزوده می شود به اسم WhatsHelp به روی آن کلیک کنید

صفحه ای مانند تصویر زیر برای شما نمایان می شود

به روی لینک داخل این صفحه کلیک کنید صفحه ای مانند تصویر زیر برای شما نمایش داده می شود

سپس به روی گزینه ی Get Your Button کلیک کنید که به قسمت پایین می رود شامل سه قسمته قسمت اول چت و پشتیانی آنلاین شما می خواهید در چه برنامه هایی ساپورت شود تلگرام , واتساپ , فیس بوک , لاین و … هر کدام رو میخواهید کلیک و ای دی یا شماره تلفن خود را وارد نمایید مانند تصویر زیر

در قسمت بعد متن نوشته ها رنگ موقعیت و … می توان مشخص کرد به تصویر زیر دقت کنید

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

سپس وارد تنظیمات افزونه در قسمت وردپرس خود شوید سپس این کد رو در قسمت مورد نظر Past کنید

سپس ذخیره تنظیمان رو بزنید شما موفق شدید این افزونه را نصب کنید شکل ظاهری این افزونه

به وسیله ای افزونه WP Login Control به راحتی صفحه ورود وردپس خود را کنترل کنید بدون اینکه مهارت کدنویسی داشته باشید به صورت سفارشی تنظیم کنید

 

 

با اسفاده از WP Login یک صفحه ورود منحصر به فرد که آن را به سادگی انجام می دهید با توجه به شرکت یا هویت سایت شما آن را می توانید تنظیم کنید

امکانات افزونه WP Login Control

• تغییر رنگ اولیه
• تغییر رنگ قلم
• رنگ پس زمینه
• رنگ لبه
• رنگ مرزی شعاع
• تاری
• حاشیه
• عرض
• ارتفاع
• قرار دادن ویدئو
• تصویر پس زمینه
• اسلایدر تصویر
• نوع اندازه تصاویر
• خانواده فونت
• تغییرات فونت
• اندازه فونت
• سایه متن
• مخفی کردن هر تگ
• ویرایش صفحات
• می توانید تمامی خواصی css را فقط با کلیک بیفزاید
• فونت های گوگل
• شناور
• فرم لرزش غیر فعال کردن
• دکمه
• فونت های بسیار معروف
• تغییر مسیر پس از ورود
• تغییر مسیر پس از ثبت نام
• سفارشی ورود آدرس
• قالب
• لینک دادن به لوگو
• مخفی کردن پیغام خطا ورود
• لوگو عنوان تصویر
• reCAPTCHA
• اضافه کردن تگ های جدید و یا عناصر از پیش طراحی شده (کشیدن و رها کردن)
• ویرایش صفحات فرود

کار کردن با افزونه WP Login Control

بعد از اینکه افزونه را نصب کردید آن را فعال کنید یک گزینه به اسم login Control افزوده می شود به قسمت فرم این افزونه رفته

سپس صفحه ای مانند تصویر زیر برای شما نمایان می شود به روی Create New Form کلیک کرده و هر گونه ویرایشی میخواهد اعمال و با توجه با سلیقه خود آن تغییرات را اعمال کنید

سلام امروز میخواهیم در مورد ترکیب بندی رنگ ووکامرس با استفاده از افزونه WooCommerce Colors شما صحبت کنیم

 

 

 

 

من خودم تازه همین افزونه رو دیدم تا الان باهاش کار نکرده بودم حتی تو نت هم یه سرچ نکرده بودم ولی الان خیلی پشیمونم چون وقتی با استفاده های کد های css این کارو میگردم رنگ ها هماهنگ نمیشد ولی با استفاده این افزونه WooCommerce Colors خیلی کار شما راحت میشه  اصلا باهم هماهنگ نمیشد خلاصه من خودم به شخص خیلی اذیت میشدم بنابراین این افزونه خیلی به کارتون میاد

 

کار کردن با افزونه WooCommerce Colors

بعد از اینکه این افزونه را از بخش افزودن افزونه اضافه کردید آن را فعال کنید و نیاز به هیچ گونه تنظیمات اضافی نیست به مسیر زیر بروید

نمایش > سفارشی سازی > WooCommerce کلیک کنید صفحه ای مانند تصویر زیر ظاهر می شود

این قسمت شامل ۵ رنگ می باشد که می توانید کاملا رنگ های ووکامرس را برای وردپرس خود سفارشی تنظیم کنید اگر هم بخواهید بعضی از قسمت کوچیک و چیزهای دیگر و تغییر دهید باید از کد های css استفادده کنید

که برای راحتی کار شما ما WooCommerce Colors را برای شما توصیه می کنیم امیدواریم این افزونه واسه تمامی دوستانم مفید و درر جهت پیشرفت شما سهیم باشه

سلام دوستان امروز در این مقاله قصد داریم افزونه Easy Login Styler توضیحاتی رو واستون بدیم

 

 

 

این افزونه هدفش چیه و کارش چیه ؟؟؟؟

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

پس این افزونه مخصوص صفحه ورود یا همان صفحه wp-login.php می باشد خب برای اینکه شما بیش تر با این افزونه آشنا شوید وارد بحث اصلی کار با افزونه wp-login.php می شویم

زمانی که این افزونه رو اضافه کردید آن را فعال سازی کنید در قسمت تنظیمات یک گزینه اضافه می شود به اسم Easy Login Styler به روی آن کلیک کنید

گزینه های افزونه

1. Logo Image
2. Background Image
3. Custom Login CSS

Logo Image : در این قسمت لوگو صفحه ورود را مشخص می کنیم معمولا در این قسمت لوگو وب سایت را قرار می دهند
Background Image : در این قسمت صفحه زمینه صفحه ورود را مشخص می کنیم می توانیم یک عکس یا رنگ انتخاب کنیم
Custom  CSS :‌کد css قرار می دهید که باعث جذاب شدن صفحه ورود می شود

با افزونه WordPress Landing Pages یک صفحه فرود کاملا سفارشی طراحی کنید

 

 

 

 

هدف صفحه فرود یا londing page

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

به اینصورت که مثلا کاربر میاد نام و ایمیلش رو ثبت می کنه و اصطلاحا Lead می شه . این صفحات کارشون تبدیل بازدیدکننده به مشتری هست و در واقع موتور تبدیل سایت هستند و نرخ تبدیل سایت رو بالا می بره ( conversion rate ).

صفحه فرود را می توان اولین فرصت در اختیار دانست تا تصویری فوق العاده از سایت ما در ذهن مشتری بر جای بگذارد.

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

چرا افزونه WordPress Landing Pages ؟

افزونه داری تنوع در طراحی و سفارشی سازی صفحه فرود وب سایت شما همچنین  این افزونه نمونه template زیادی دارد که به رایگان میتوان بعد از نصب افزونه نصب کرد امکاناتی زیادی این افزونه در اختیار ما قرار می دهد که در قسمت پایین به ان ها اشاره کردیم

امکاناتی که افزونه WordPress Landing Pages در اختیار ما قرار می دهد

1. این افزونه باعث می شود یک صفحه فرود زیبا داشته باشیم
2. پشتیبانی از اکثر قالب های وردپرسی
3. باعث می شود یک صفحه فرود کاملا سفارشی متناسب با سلقه خود طراحی کنیم
4. یک افزونه مناسب برای ایجاد صفحات فرود قوی تر در وب سایت شما
5. قابلیت استفاده از استایل قالب شما در صفحه فرود