ویژوال کامپوسر
برای نمایش عناصری که میخواهیم در سایت نماش دهیم از المان ها استفاده میکنیم. پس از کلیک روی گزینه افزودن المان در برگه های سایت، سربرگ هایی را مشاهده خواهید کرد که مربوط به دسته بندی المان ها میباشند.
سربرگ
در سربرگ “همه” میتوانید تمامی المان ها را یکجا مشاهده کنید. تب “محتوا”، المان هایی هستند که بیشتر با متن و محتوای مطالب سر و کار دارند. در سربرگ “اجتماعی” المان های شبکه های اجتماعی را خواهید دید. سربرگ “ساختار” برای المان های زیر ساختی مثل کدهای HTML و JS کاربرد دارند. تب ابزارک ها المان هایی را شامل می شود که مخصوص وردپرس است و کاربرد چندانی ندارند.
سربرگ Ultimate VS Addson
سربرگ “Ultimate VS Addson ” با فعال سازی افزونه Ultimate Addons WPBakery Page Builder ، در دسترس قرار میگیرند و دارای المان های جذاب و کاربردی برای طراحی سایت میباشد.
المان های نوشته
سربرگ “المان های نوشته” که فقط در قالب زفایر وجود دارد، و شامل عناصر مربوط به نوشته ها و مقالات است. تب منسوخ شده المان هایی هستند که در ویرایش های قدیم ویژوال کامپوزر بودند و امروزه کمتر از آن ها استفاده می شود.
معرفی المان های ویژوال کامپوزر
ردیف
اولین المانی که برای شروع طراحی به هر برگه اضافه میشود ردیف است. المان ردیف باعث نظم و ترتیب عناصر و المان های دیگر خواهد بود. بدون اضافه کردن ردیف فاصله بین المان ها رعایت نخواهد شد و از زیبایی سایت کاسته میشود.
بلاک متن
با این گزینه میتوانید محتوا و پاراگراف های متنی ایجاد نمایید. همچنین با استفاده از تب طراحی در صفحه تنظیمات بلوک متنی، طراحی های منحصر بفردی انجام دهید.
صفحه بلوک
اگر بخواهید المان های ثابتی را در تعدادی از صفحات قرار دهید، از صفحه بلوک استفاده کنید. با ایجاد صفحه بلوک از مسیر “زفایر > صفحات جدید” و ایجاد یک بلوک صفحه جدید، المان ها و عناصری که می خواهید در صفحات مختلف تکرار شوند را در این بلوک قرار داده و ذخیره کنید. حال در هر جایی از برگه ها که این بلوک صفحه میبایست نمایش داده شود.
المان
بلوک صفحه را اضافه کرده و نام بلوکی که ساخته اید را فراخوانی کنید. این کار از تکرار و قرار دادن تعداد زیاد المان ها در صفحات جلوگیری میکند.
تصویر
برای قرار دادن عکس و تصویر در صفحات سایت از این المان استفاده میشود.
اسلایدر تصویر
با انتخاب چند تصویر در این المان، تصاویر بصورت اسلایدر و پشت سر هم در سایت نمایش داده می شوند.
جداکننده
برای جداکردن و رعایت فاصله بین عناصر از المان جداکننده استفاده کنید. جداکننده ها چند نوع هستند. یکی از جداکننده ها یک فضای خالی و فاصله بین المان ها ایجاد میکند. جداکنندهای دیگر یک خط افقی بین عناصر درج میکند. جداکننده با متن و جداکننده تصویری نیز برای ایجاد فاصله بین المان ها، از متن و تصویر استفاده میکنند.
دکمه
از المان دکمه که خود مانند المان جداکننده دارای چند نوع با امکانات مختلف است برای اضافه کردن دکمه به صفحات سایت استفاده می شود.
جعبه ی آیکون
باکس آیکون
از المان جعبه آیکون برای اضافه کردن آیکون به سایتتان بهره بگیرید. آیکون ها به زیبایی و جذابیتی هر چه بیشتر سایت کمک میکنند.
جعبه عملیات
برای اضافه کردن المان های فراخوانی جهت اقدام از جعبه عملیات استفاده کنید. این المان با داشتن یک دکمه کاربر را به اقدام برای انجام کاری ترغیب میکند.
شمارنده
با استفاده از شمارنده میتوانید در صفحات سایت اعداد را به صورت انیمیشنی و با ظاهری جذاب نمایش دهید.
دکمه های اشتراک گذاری
در صورت قرار دادن این المان در کنار محتواهای سایتتان امکان اشتراک گذاری مطالب را در شبکه های اجتماعی برای کاربر فراهم میکنید.
لینکهای اجتماعی
برای نمایش لینک و آدرس شبکه های اجتماعی که در آن ها اشتراک دارید مانند فیس بوک، توئیتر، واتس آپ و … از المان لینک های اجتماعی استفاده کنید. کابران با کلیک روی آیکون شبکه های اجتماعی که در سایتتان قرار داده اید در صورت تمایل در صفحات اجتماعی شما عضو خواهند شد.
بازشونده(پاپ آپ)
با کلیک روی دکمه ای که در این المان وجود دارد. یک کادر نوشتاری به کاربر نمایش داده خواهد شد که در جلب توجه کاربر تاثیرگذار است.
باکس چرخشی
این المان دارای عنوان و متن جلو و پشت میباشد.با قرار گرفتن موس روی آن جعبه چرخیده و علاوه بر محتوای جلو آن، محتوای پشت جعبه نیز به کاربر نمایش داده می شود. در سربرگ Ultimate VS Addons المان Flip Box نیز یک باکس چرخشی جذاب و با امکانات بیشتر برای استفاده شما فراهم کرده است.
همانطور که میدانید از صفحه تنظیمات هر کدام از المان ها میتوانید برای طراحی و ویرایش المان استفاده کنید.
در آموزش بعد با تعداد بیشتری از المان های ویژوال کامپوزر آشنا خواهید شد.
61 دیدگاه. Leave new
با سلام
ببخشید میشه بفرمایید چطور با ویژوال کامپوزر میتوان عکس را دایره و بردر دایره به آن بدهیم؟
ممنون
وقت بخیر
بستگی به موارد مختلف دارد. در صورتی که در المان های قالب شما باشد مشخص است و در غیر این صورت می توانید از افزونه هایی مانند مداد زرد استفاده نمایید.
با عرض سلام و خسته نباشید
ببخشید در المان لینک های اجتماعی ،نشانی لینکهای اجتماعی مثل واتساپ و فیسبوک و… را از کجا بیاریم؟
سلام و وقت بخیر.
آی دی شبکه های اجتماعی خودتان را باید وارد نماید
با آرزوی موفقیت برای شما .
سپاس
سلام، چطوری فونت دلخواه روی قالب بریزم؟
سلام و وقت بخیر.
بستگی به قالب شما دارد ، در برخی قالب ها در تنظیمات آن وجود دارد.
با آرزوی موفقیت برای شما .
سلام
من وقتی از سایت فونت اسوم کد ایکون یا اسم آیکون را کپی میکنم و وارد صحفه ساز میکنم..در سایت خودم و در صفحه ساز به جای ایکون حرفf6re را نمایش میدهد!
میخواستم بدونم مشکل از کجاست؟
سلام بر شما ، وقت بخیر از حضور شما ممنونیم.
اشکالی در یک بخش است.. بررسی نمایید که کجای کار مشکل دارد.
آرزوی موفقیت برای شما داریم.
ببخشيد من از جمله افرادي هستم كه خيلي وقت شمارا گرفتم و زياد سوال ميپرسم و سپاس كه همواره زمان ميگذاريد و پاسخ ميدهيد. الان سه سوال داشتم، خواهشا اگر فرصت داريد ممنون ميشم راهنمايي بفرماييد.
1- آيا ميشه بجاي افزونه “صفحه بلاك” از همان ذخيره كردن الگو استفاده كرد؟ چون به نظر ميرسد كاركردشان شبيه هم است.
2- بنظر شما بهتر است همه عكسها را در compresspng فشرده سازي كنيم يا از اين افزونه هاي فشرده ساز عكس نصب كنيم؟
3- بنظر شما از بين صفحه سازهاي ويژوال كانپوزر، المنتور و المنتور پرو كدام بهتر است؟
سپاس
وقت شما بخیر
می توانید از هر مدلی که طراحی شما را انجام دهد استفاده نمایید.
هر المانی که بتوانید طراحی را انجام دهید، استفاده نمایید.
تفاوتی ندارد ، اگر قبل از آپلود فشرده کردید، دیگر نیازی به افزونه فشرده ساز نیست.
همه این صفحه ساز ها خوب هستند، بستگی به نظر و سلیقه شما دارد.
با تشکر.
با عرض سلام.
یک نکته ای رو میخواستم برای دوستان بگم در دقیقه 23:28 در قسمت تنظیمات مربوط به جعبه عملیات، استاد سهوا در فیلد مربوط به اندازه که باید با پیکسل (px) مشخص بشه نام عنوان رو می نویستن. خواستن به دوستان بگم حواسشون به این مورد باشه.
با تشکر از آموزشای خوبتون.
وقت بخیر جناب احمدی،
از توجه شما ممنونیم.
با تشکر.
خیلی مخلصیم مهندس حیدری.
این جلسه واقعا یکی از بهترین جلسات آموزش بود چه قدر خوبه این ویژوال کامپوزر
سلام .اسلایدر تصویر برای من عمل نمیکنه وقتی اجرا میزنم.چرا؟
سلام و عرض ادب
بنده متوجه مشکل شما دقیقاً نشدم.
لطفاً در این مورد بیشتر توضیح دهید، بفرماییدقالب شما چیست و از چه المانی استفاده کرده اید.
در صورت امکان تصویری از تنظیمات خود هم ارسال نمایید.
با تشکر.
از قالب زفایر استفاده میکنم.واز المان اسلایدر تصویر
اگر زفایر استفاده میکنید نباید مشکلی داشته باشد.
مطمئن باشید که مانند آموزش انجام می دهید.
جهت بررسی در صورت تمایل تیکت به پشتیبان محصول خود ارسال نمایید تا بررسی کنند
زیرا در خرید های شما در ابزار وردپرس مشاهده نشد.
سلام خسته نباشید. لطفا یک نرم افزار تغییر ipخوب معرفی کنید. با تشکر از تیم فوق العادتون.
سلام بر شما خانم مرادی ، پوزش بنده را پذیرا باشید ولی دراین رابطه موردی را برای معرفی نمیشناسم. به امید روزی که تحریمی نباشد 🙂 باتشکر
سلام.از سرویس شکن وزارت ارتباطات استفاده کن.(تو گوگل بزنی هس)
سلام ممنون از اموزش های خوبتون چطور میتونم اسلایدر دکمه ای مثل اسلایدر همین سایت بسازم ایا نیازی به تحیه ی افزونه هست ؟
سلام و عرض ادب،
منظور شما از اسلایدر دکمه ای دقیقاً چیست؟
سلام خسته نباشید ممنون از آموزش های خوبتون. چجوری میتونم به ویژوال کامپوزر فونت اضافه کنم؟
سلام خانم رمضان زاده عزیز
تنظیمی برای اضافه کردن فونت به ویژوال کامپوزر در افزونه وجود ندارد.
با تشکر
ممنونم
سلام و درود .
من اسلاید تعریف میکنم خیلی سایزش بزرگ میشه.
اگر از قسمت که بخش بندی میکردیم مثلا 3 بخش تعریف کنم فقط در قسمت وسط عکس بدارم دو تایی بغل خالی باشن مشکلی از نظر سئو پیش نمیاد . ممنونم
سللام خانم تقی زاده
مشکلی بابت سئو ندارد و می توانید استفاده کنید.
با تشکر
سپاس فرااااااواااان
سلام من شیفت و آلت و جی رو که میزنم نوشتم جاستیفای نمیشه اصلا تغییری نمیکنه . قالبمم زفایر هست و میخوام توی بلوک متن جاستیفای کنم اما نمیشه
سلام آقای امانی عزیز
دقت کنید در حالت دیداری جاستیفای را انجام دهید. در حالت متن نمی توانید جاستیفای را انجام دهید.
با تشکر
سلام روزتون بخیر …اصلاحات جدید در نمایش صفحه تون بسیار جذاب شده
فقط یه مشکلی هست اونم اینه که برای رفتن به ویدئو بعدی دکمه های مشاهده ویدئو بعد و قبل رو برداشتین و user interface رو فدای سئو کردین.
سلام جناب حق دوست ، از نظر لطف شما سپاسگزاریم. این امکان بزودی اضافه خواهد شد. باتشکر
سلام خدمت تیم ابزار وردپرس چگونه میتوان عکس ها به صورت اسلایدر و خودکار جا به جا شوند
سلام جناب جلیلوند ، این مسئله بستگی به نوع المان انتخابی دارد. برخی المان های کروسل یا گرید این امکان را دارد. باتشکر
با عرض سلام و خسته نباشید خدمت شما و تیم قدرمت مند ابزار ورد پرس … من المان فضای خالی رو ندارم باید چیکار کنم؟
سلام دانیال عزیز ، در صورتی که قالب شما زفایر یا ایمپرزا است ، در تنظیمات قالب مطابق تصویر باید گزینه آن را غیرفعال کنید:
https://prnt.sc/112ukow
خیلی ممنون از راهنمایی تون مشکلم حل شد
سلام من قسمت متن فنسی میخواهم فونتشو عوض کنم ولی نمیشه
سلام بر شما ، اگر تنظیم می کنید ولی تغییر نمی کند احتمالاً با مداد زرد یا کد css مورد دیگری را تنظیم کرده اید. از ناحیه کاربری تان تیکت ارسال نمایید تا بررسی شود.
سلام ممنون از آموزشتون
من وقتی شمارنده رو میزارم بجای عدد در صفحه NaN۱N رو نشون میده
مشکل از چی هست؟
سلام و احترام خدمت شما کاربر ارجمند ، از شما خواهشمندیم سوالات پس از خرید را ( در رابطه با محصول خریداری شده از سایت ما ) در بخش تیکت پشتیبانی ( ناحیه کاربری ) ارسال فرمایید ، سوالات شما به سرعت توسط همکاران متخصص ما پاسخ داده خواهد شد.
ببخشید برای تغییر ایکون خوده سایت چیکار باید میکردیم ویدوشو پیدا نمیکنم
سلام ، منظور شما از آیکن سایت لوگو سایت است که در هدر نمایش می دهد؟ اگر چنین است باید در هدرساز قالبتان این کار را انجام دهید.
اگر هم می خواهید فاوآیکن ( ایکنی که در سمت چپ تب مرورگر نشان می دهد) را تغییر دهید باید در تنظیمات قالبتان ، تصویر دیگری برای فاوایکن بارگزاری نمایید.
سلام ممنون از سایت خوبتون
با استفاده از کدوم المان میتونم برای عکس لینک بسازم؟
بعنوان مثال یع عکس بزارم که کاربر با کلیک روی اون عکس به صفحه دیگری منتقل بشه؟
سلام خانم علیان ، المان تصویر تکی را اگر دقت بفرمایید این امکان برایش میسر است که به تصویر لینک بدهید. باتشکر
سلام من دکمه درست میکنم فونت و نوع دکمم فرق میکنه با چیزی که آقای جبین پور انجام داده
سلام ، دکمه چندین مدل است. باید دقت داشته باشید دکمه طبق ویدئو استفاده شود. باتشکر
با سلام.من طی چند ماه میتوانم یک طراح سایت معمولی شوم
سلام ، همه چیز بستگی دارد. از یک ماه تا چند ماه 🙂
سلام ممنون از آموزش های خوبتون.
یه سوال داشتم چجوری میتونم یه گیف رو به یکی از صفحات سایتم اضافه کنم؟ با ویژوال کامپوزر میشه؟
سلام ، کافی است فایل گیف را در رسانه آپلود کرده و در یک بلاک متنی بعنوان محتوای چندرسانه ای اضافه نمایید. البته دقت داشته باشید گیف باید در عرض و اندازه کامل باشد تا لود شود. باتشکر
با عرض سلام و وقت بخیر
من وقتی شمارنده رو درست میکنم
بجای نشان دادن عدد، عبارت (NaN۱N) را نمایش میدهد
میخواستم بدونم کجای کارم مشکل دارد؟
سلام بر شما ، احتراماً در صورت تهیه محصول از ناحیه کاربری تان تیکت ارسال نمایید تا بررسی شود.
سلام وقتتون بخیر تو المان icon box میخوام بین ایکون و متن ایکون فاصله ایجاد بشه باید چیکار کنم؟
ممنون میشم اگه پاسخ بدید…
سلام خانم ذکریایی ، می توانید مطابق تصویر زیر در جهت مورد نظرتان مارجین بدهید.
https://prnt.sc/v75vjb
سلام خسته نباشید.
من در ویژوال کامپوزر وقتی تغییراتی به وجود میارم و دکمه ذخیره تغییرات رو میزنم اتفاقی نمی افته و بعد به روزرسانی تغییرات ایجاد نمیشه.
به نظرتون اشکال از کجا هست؟
قبلا همچین اتفاقی نیفتاده بود
الان دو روزه که اینجوری شده
سلام جناب گودرزی ، این می تواند تداخل بین افزونه های سایت شما باشد. در صورتی که با محصول ارائه شده توسط سایت ما مشکلی داشتید تیکت ارسال نمایید همکاران ما بررسی خواهند کرد. باتشکر
سلام در بخش المان ها دکمه پیشرفته رو ندارم . کلا سربرگ اجتماعی در این قسمت وجود نداره. مشکل از چیه؟
سلام ، در صورت تهیه زفایر از سایت ما تیکت ارسال بفرمایید. باتشکر