خبرنامه
با عضویت در خبرنامه میتوانید آخرین اسکریپــت ها و قالب ها را در ایمیل خود دریافت کنید

برای عضویت در خبرنامه پیامکی، اطلاعات خود را وارد کنید

اطلاعات مطلب

نویسنده : Mehrdad Mohammadi
تاریخ ارسال : 19 اکتبر 2016 در 1:34 ق.ظ
تعداد دیدگاه : بدون ديدگاه
دسته بندی
آمار بازدید
  • 266
  • 1,006
  • 897,881
  • 725
  • 108
  • 218
  • 88
  • 0
  • آوریل 3, 2017
دکووب را دنبال کنید

آموزش کامل افزونه ویژوال کامپوسر – 2

آموزش کامل افزونه ویژوال کامپوسر – 2Reviewed by مهرداد محمدی on Oct 19Rating: 4.5آموزش کامل افزونه ویژوال کامپوسر – 2آموزش کامل افزونه وردپرس ویژوال کامپوسر- قسمت دوم
[تعداد: 0    میانگین: 0/5]

https://vc.wpbakery.com/wp-content/uploads/2013/04/ogimage_visual_composer.png

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

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

 

 

در این قسمت میخوام در مورد عناصر محتوایی ویژوال کامپوسر صحبت کنم. این عناصر در واقع همون بلوک های سازنده ی صفحه ی شمان. به همین دلیل شما قبل از اینکه شروع به ساخت صفحه ی موردنظرتون کنین، باید کاملاً باهاشون آشنا بشین و بدونین کار هر کدوم چیه و به چه دردی میخوره تا بتونین در جاهای مناسب از اونا استفاده کنین. من در ادامه همه ی جزییات لازم رو به صورت دقیق براتون توضیح میدم. بدون تعارف مطمئنم شما هیچ جایی از وب فارسی نمی تونین آموزشی به این کاملی پیدا کنین. من لیست کل اجزایی که در افزونه ی ویژوال کامپوسر وجود داره رو توضیح میدم. خب حالا این لیست رو کجا پیدا کنیم؟ عرضم به حضور محترمتون، وقتی شما ویژوال کامپوسر رو نصب و فعال کردین (قسمت اول)، ابزارهای این افزونه به طور اتوماتیک به قسمت ویرایش برگه هاتون اضافه میشه. برای دیدن این لیست، از منوی برگه ها>> افزودن رو انتخاب کنین. محیط ویرایش برگه ها یه تفاوت با همیشه داره: اگه به قسمت بالای سمت راست نگاه کنین، دو دکمه ی آبی می بینید که مربوط به افزونه ی ویژوال کامپوسر هست و من در شکل زیر اونا رو به یه مستطیل قرمز مشخص کردم. همون طور که در قسمت اول توضیح دادم وقتی شما هر کدوم از این دکمه ها رو بزنید وارد محیط ویرایش ویژوال کامپوسر میشین. یکی از این دکمه ها frontend editor هست که محیط ویرایشی رو دقیقاً در ظاهر سایتتون فراهم می کنه و دکمه ی دیگه backend editor هست که محیط ویرایشی رو در همین قسمت ویرایش برگه ها فراهم میکنه.

2

ما فعلا فقط میخوایم لیست عناصر رو ببنیم، بنابراین روی دکمه ی BACKEND EDITOR کلیک کنین. با اینکار وارد محیط ویرایشی VC در یخش مدیریت میشین، مثل شکل زیر.

1

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

3

همون طور که گفتم اینا همون اجزایی هستند که می تونین باهاشون صفحتون رو طراحی کنین و اگه بخوام دقیق تر بگم به دو دسته تقسیم میشن، دسته ی اول، عناصری هستند که فقط نقش قالب یا شبکه بندی کردن صفحتون رو دارن وعملاً چیزی نیستن که نمایش داده بشن، مثل ردیف یا ستون که فقط محتوای صفحه رو به چند قسمت تقسیم بندی می کنه، اما دسته  ی دوم عناصری هستند که مستقیما در سایت نمایش داده میشن، مثل دکمه ی لایک فیسبوک. روی هر کدوم از اجزای شکل که بالا که کلیک کنین به صفحتون اضافه میشن که البته قبلش باید یه سری تنظیمات و ویژگی ها رو تعیین کنین که اونا رو میذاریم برای قسمت های بعد. خب حالا میریم سراغ معرفی و توضیح مختصری برای هر کدوم از این عناصر. البته باید بگم من همه ی این اجزا رو به فارسی نوشتم، اما در خود افزونه متاسفانه یا ترجمه نشده یا بد ترجمه شدن که برای راحتی شما اسم اون در افزونه رو هم جلوش توی پرانتز نوشتم.

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


  1. ردیف
  2. بلوک متنی
  3. جداکننده ی افقی
  4. جداکننده با متن
  5. باکس پیغام
  6. لایک فیسبوک
  7. دکمه ی توییت
  8. دکمه گوگل پلاس
  9. پینترست
  10. سوالات متداول (FAQ)
  11. تصویر تکی
  12. گالری تصاویر
  13. کروسل تصویر (carousel تصویر)
  14. تب ها
  15. تورها
  16. آکاردئون
  17. اسلایدر پست ها
  18. سایدبار یا ابزارک
  19. ویدئو پلیر
  20. گوگل مپ
  21. HTML خام
  22. JS خام
  23. ابزارک flickr
  24. نوار پیشرفت
  25. نمودار دایره ای
  26. فضای خالی
  27. هدینگ سفارشی
  28. شبکه بندی نوشته
  29. شبکه بندی رسانه
  30. شبکه بندی زیرساختی نوشته
  31. شبکه بندی زیرساختی رسانه
  32. آیکون
  33. دکمه
  34. فراخوانی کنش (call to action)
  35. فرم تماس نسخه 7
  36. جستجوی وردپرس
  37. اطلاعات وردپرس
  38. آخرین دیدگاه های وردپرس
  39. تقویم وردپرس
  40. برگه های وردپرس
  41. ابربرچسب وردپرس
  42. فهرست دلخواه وردپرس
  43. متن وردپرس
  44. نوشته های تازه وردپرس
  45. دسته بندی های وردپرس
  46. بایگانی وردپرس
  47. خوراک وردپرس
نظر خود را به اشتراک بگذارید