پکیج آموزش ویژوال کامپوزر-طراحی سایت بدون برنامه نویسی

(دیدگاه کاربر 5)

۵۵۰۰۰ تومان ۲۸۰۰۰ تومان

سلام به دوستان سایت افزونه جو  ، با آموزش کامل افزونه ویژوال کامپوزر فارسی که به صورت ویدیویی تهیه شده است در خدمت شما هستیم.در این آموزش سعی شده است. تا المان های مختلف افزونه به طور کامل معرفی شده. 

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

ویژوال کامپوزر چیست؟

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

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

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

برای دانلود دموی آموزش اینجا کلیک کنید.

آموزش ویژوال کامپوزر مناسب چه کسانی هستند؟

این دوره مناسب همه افراد علاقه مند به طراحی سایت.

افرادی که قصد کسب درآمد از اینترنت دارند.

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

 

قسمت پایانی: طراحی صفحه اول یک سایت

تصویری از نمای کلی پروژه پایانی را در زیر می بینید که در اینجا سعی شده است تمرینی بر المان های ویژوال کامپوزر صورت گیرد.

 

ویژوال کامپوزر

ویژوال کامپوزر

 

 

ویرایشگر پیشرفته ویژوال کامپوزر

می دانیم که ویژوال کامپوزر از دو محیط کاری مختلف برای طراحی صفحات بهره می برد. یکی ویرایشگر پیشرفته یا Classic editor که در آن می توانید المان های دلخواه خود را قرار دهید و ویرایش کنید.اما برای دیدن تغییرات باید بر روی پیشنمایش برگه کلیک کنید.

ویرایشگر پیشرفته ویژوال کامپوزر

ویرایشگر پیشرفته ویژوال کامپوزر

 

دیگری ویرایشگر  زنده یا Front End editor که هرتغییر که درون برگه ایجاد می کنید تغییرات بلافاصله و در همان لحظه قابل مشاهده است.

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

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

معادل المان ردیف ویژوال کامپوزر در برنامه نویسی html

با این که ویژوال کامپوزر یک محیط کاربری ساده و کاربر پسند در اختیار شما قرار می دهد. این به معنی این نیست. که کدی وجود ندارد بلکه کدها به صورت استاندارد قبلا نوشته شده اند. و  با افزودن هر المان کدها جایگزین می شوند. معادل html المان ردیف تگ <div></div> است. که یک تقسیم بندی منطقی در صفحه شما ایجاد می کند. که می توانید. قسمت های دیگر را درون آن قرار دهید.

نحوه افزودن المان ردیف

افزودن این المان خیلی ساده است. کافی است طبق روال یک برگه اضافه کنید. با زدن بر روی علامت + و انتخاب ردیف از میان همه ی المان ها (اولین المان این افزونه وردپرس است). این المان به صفحه شما اضافه می شود. که می توانید با زدن بر روی +درون آن المان های دیگری همچون تصویر یا بلاک متن را به آن اضافه کنید.

"<yoastmark

آموزش ویژوال کامپوزر

آموزش ویژوال کامپوزر

 

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

ستون ها در ویژوال کامپوزر

ایجاد سه ستون

این قسمت رو می توانید از حساب خود دانلود کنید.

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

برای دیدن ویدیوی درس باید عضو دوره شوید.

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

برای دیدن ویدیوی درس باید عضو دوره شوید.

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

برای دیدن ویدیوی درس باید عضو دوره شوید.

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

برای دیدن ویدیوی درس باید عضو دوره شوید.

در این آموزش برای اولین بار از ویرایشگر زنده افزونه Visual composer استفاده شده است. همچنین المان تصویر هم با استفاده از این محیط کاری به آموزش داده شده است.

برای دیدن ویدیوی درس باید عضو دوره شوید.

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

برای دیدن ویدیوی درس باید عضو دوره شوید.

در این آموزش ضمن استفاده از المان های قبلی ، سه المان جدید جداکننده ،دکمه و آیکون باکس از افزونه ویژوال کامپوزر بررسی شده است.

برای دیدن ویدیوی درس باید عضو دوره شوید.

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

برای دیدن ویدیوی درس باید عضو دوره شوید.

برای دیدن ویدیوی درس باید عضو دوره شوید.

برای دیدن ویدیوی درس باید عضو دوره شوید.

برای دیدن ویدیوی درس باید عضو دوره شوید.

شامل تنظیمات مربوط حاشیه از کناره ها و margin,padding ,border

برای دیدن ویدیوی درس باید عضو دوره شوید.

در این قسمت با استفاده از کدهای کوتاه افزونه های دیگر و همچنین استفاده از الگوهای آماده در Visual composer و سازگاری این افزونه وردپرس با ووکامرس آشنا می شویم.

برای دیدن ویدیوی درس باید عضو دوره شوید.

برای دیدن ویدیوی درس باید عضو دوره شوید.

برای دیدن ویدیوی درس باید عضو دوره شوید.

برای دیدن ویدیوی درس باید عضو دوره شوید.

5 دیدگاه برای پکیج آموزش ویژوال کامپوزر-طراحی سایت بدون برنامه نویسی

  1. ملک دغاغله

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

    • pejman

      محصول مجازی هست یعنی همون لحظه می تونید دانلود کنید

  2. hadadi73abbas (مالک تایید شده)

    با سلام استاد یه سوال دارم بشدت کارم رو عقب انداخته
    اصلا میشه یه صفحه سایت ایجاد کرد که هم از المان های ویژوال کامپوزر استفاده کرد هم از ux builder هستش؟
    ببینید من مثلا بنر سایتم رو با ux builder درست کردم قالب فلت سام هستش و راحت میتونم slider یا row و… رو استفاده کنم اما الان مثلا بنرم رو ساختم و کارم با ux builder تموم شد حالا میخوام برم از المان های ویژوال کامپوزر استفاده کنم و این کار رو هم انجام میدم(مثلا طراحی یه قسمت از سایت رو با کامپوزر انجام میدم) حالا وقتی مجدد میرم تویه ux builder همه سلایدرها و row و… رو که قبلا ادد کرده بودم رو با کد های ویژوال ترکیب میکنه و در قالب text به من میده
    و انگار من فقط یه textدارم دیگه نمیتونم مثلا بنرم که قبلا ساختم رو مجدد ویرایش کنم چون همه در قالب text هستن…. امیدوارم منظورم رو رسونده باشم…خداشاهده پیرم کرد…با تشکر

    • pejman

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

  3. hadadi73abbas (مالک تایید شده)

    با عرض معذرت سوال اخرمم اینه فلت سام منو آبشاری نداره؟
    تشکر

  4. hadadi73abbas (مالک تایید شده)

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

    من ۳تا دسته بندی دارم
    دسته بندی x , y ,z و توی هر کدوم از این دسته بندی ها محصولات خاص خودشون قرار داده شده.
    حالا سایت فروشگاهیم که همون صفحه اول سایت میشه همه ی محصولات رو نشون میده در واقع محصولات همه دسته بندی ها رو نشون میده
    اما من میخوام محصولات هر دسته بندی رو جداگونه نمایش بده
    هر کاری میکنم نمیشه, و کلا قسمت filter post این موارد رو داره ALL و Feature و on sales رو داره…اما من میخوام مثل دسته بندی واشر رو محصولاتش رو جداگونه نشون بده و دسته بندی بلبرینگ هم محصولاتش جدا نشون داده بشه.

    ایا باید برم از قسمت نوشته و از custom posts محصولات مورد نظرم رو تک تک بنویسم و ادد کنم؟(با این کار جواب گرفتم و میشه) یا راه بهتری هم داره برای این کار… اگه راه بهتری هم داره ممنون میشم بگید برای این کار

    • pejman

      سلام زیر همون custom posts نوشته category که همون دسته بندیه که می تونید از بین دسته هاتون انتخاب کنید.
      سوال دومتون هم منظرتون را نمی دونم چیه. لطفا گه سوال دیگه ای بود صبر کنید در همون تاپ لرن بپرسید مشکل اینترنت به زودی حل میشه. با تشکر

  5. hadadi73abbas (مالک تایید شده)

    با سلام
    اموزشاتون خیلی خوبن اما این اموزشتون خریدم ولی چندین هفته است اموزشاش رو نمیزارین و همون ۴ویدیو اول هستش. خیلی به این اموزش نیاز دارین الان , ندونستم تکمیل نشده وگرنه فعلا نمیخریدمش , لطف کنید زودتر ویدیوهای بعدیش رو توی سایت قرار بدین

    • pejman

      سلام ، از مشکلات پیش آمدده عذر خواهی می کنم قسمت ها به سرعت منتشر خواهند شد.

دیدگاه خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *