اگر با قالب Xtra آشنایی دارید و به دنبال مرجعی کامل برای آموزش قالب اکسترا هستید تا سایت خود را با این قالب بی نظیر طراحی کنید، راه را درست آمده اید. در این مقاله هر بخش از تنظیمات قالب اکسترا را به صورت مجزا در یک ویدیو آورده ایم.
قالب Xtra برای راه اندازی هر نوع سایت مناسب است و شما می توانید هر دمویی از این قالب را انتخاب کرده و نصب کنید. پیش نیاز شما برای طراحی سایت با قالب اکسترا آموزش وردپرس است. قبلا به آموزش طراحی سایت خدماتی با قالب اکسترا پرداختیم و در این مقاله آموزش تنظیمات قالب اکسترا را بطور کامل شرح می دهیم.
آموزش قالب اکسترا
🔶 بخش اول: آموزش نصب قالب Xtra و درون ریزی دموها
در این بخش از آموزش قالب اکسترا صفر تا صد نصب قالب چندمنظوره اکسترا و درون ریزی دموهای آن را یاد می گیرید.
آموزش بارگذاری فایل نصبی قالب اکسترا از طریق پیشخوان
آموزش فعالسازی لایسنس قالب xtra
آموزش درون ریزی دمو مورد نظر از طریق درون ریز (نسخه فارسی و انگلیسی)
آموزش درون ریزی سفارشی قالب اکسترا
آموزش حذف دموی درون ریزی شده اکسترا
آموزش رفع مشکل عدم فعالسازی قالب اکسترا
قالب اکسترا راست چین یکی از پر سرعت ترین قالب های وردپرسی است. اگر قصد طراحی سایت شرکتی دارد حتما یکی از دموهای متنوع این قالب نظر شما را جلب می کند.
اگر قصد تغییر دموی نصب شده را دارید در دومین بخش آموزش قالب اکسترا یاد می گیرید که چگونه این کار را انجام دهید.
آموزش نصب و فعالسازی افزونه ریست وردپرس
فعالسازی لایسنس قالب xtra
فعالسازی افزونه در قالب اکسترا
آموزش درون ریزی دمو جدید قالب اکسترا
🔶 بخش سوم: آموزش تنظیمات قالب اکسترا
برای آشنایی با تنظیمات عمومی قالب اکسترا ویدیوی بخش سوم را از دست ندهید.
آموزش تنظیمات عمومی قالب اکسترا
آموزش قرار دادن ساید بار در صفحه
آموزش نحوه طرح بندی کلی سایت
آموزش انتخاب و تغییر رنگ های پایه و ثانویه فعال کردن حالت تیره سایت
سفارشی سازی استایل و نوار کناری و ابزارک ها در قالب اکسترا
آموزش تنظیمات آیکن های اشتراک گذاری
آموزش سفارشی سازی تنظیمات سئو قالب
آموزش شخصی سازی تنظیمات بارگذاری صفحه
تغییر صفحات 404 در آموزش قالب اکسترا
آموزش اضافه کردن کدهای سفارشی JS، CSS به قالب اکسترا
آموزش تنظیمات پیغام کوکی
آموزش شخصی سازی تایپو گرافی
آموزش نحوه تعیین هویت سایت
آموزش ویرایش و ایجاد فهرست ها
آموزش شخصی سازی برگه نخست قالب اکسترا
🔶 بخش چهارم: آموزش ویرایش تنظیمات محصول
برای تغییر ظاهر صفحه محصول (دستهخ محصولات) ویدیو این بخش آموزش قالب اکسترا را ببینید.
آموزش تنظیمات ووکامرس حرفه ای اکسترا
آموزش تنظیمات محصول قالب Xtra
آموزش تغییر استایل های محصول در اکسترا
🔶 بخش پنجم: آموزش ویرایش محصولات تکی
در این بخش از آموزش، تنظیمات استایل بندی محصول تکی قالب Xtra مانند عنوان، افزودن به سبد خرید و غیره را می توان انجام داد.
آموزش استایل بندی صفحه محصول تکی
آموزش تغییر عناوین و فونت قالب اکسترا
آموزش تغییر استایل نشان حراج، قیمت، ورودی تعداد، افزودن به سبد خرید، علاقمندی ها، توضیحات و نظرات
🔶 بخش ششم: آموزش ایجاد گالری در قالب اکسترا
برای ایجاد گالری تصاویر در قالب اکسترا این آموزش ویدیویی را از دست ندهید.
آموزش ایجاد برگه و ویرایش با ویژوال کامپوزر
آموزش افزودن المان گالری به برگه
آموزش ویرایش گالری با ویژوال کامپوزر به صورت زنده
آموزش تغییر حالت نمایش
آموزش تغییر استایل تصاویر، آموزش تغییر سایز نصاویر گالری،
تعیین آیکن روی تصاویر در آموزش قالب اکسترا
تغییر روکش تصاویر و ویرایش استایل آیکن
🔶 بخش هفتم: آموزش تایپوگرافی قالب xtra
تنظیمات تایپوگرافی قالب اکسترا را در این ویدیو ببینید.
آموزش تغییر رنگ پایه قالب اکسترا
آموزش تغییر فونت کل سایت مانند منوها، عناوین و غیره
🔶 بخش هشتم: آموزش مشاهده نگارش قالب اکسترا و مکمل آن
در این بخش نسخه قالب اکسترا و سایر آموزش های تکمیلی را ببینید.
آموزش مشاهده نگارش قالب
آموزش مشاهده نگارش افزونه ها
آموزش نصب به روزرسانی خودکار راست چین برای بروزرسانی افزونه های ضروری قالب
آموزش نصب مجدد افزونه حذف شده
🔶 بخش نهم: آموزش ویرایش و تنظیمات سربرگ
در این ویدیو تنظیمات سربرگ قالب اکسترا را یاد می گیرید.
آموزش بارگذاری لوگوی سایت
آموزش فعالسازی سبد خرید در حالت شناور
آموزش سفارشی سازی ویژگی های لوگو مانند ایجاد پس زمینه
آموزش افزودن وسفارشی سازی شبکه های اجتماعی مانند حالت رنگ و آیکن شناور
آموزش ویرایش و وسفارشی سازی نوار بالای سربرگ مانند المان ها، استایل ها و فواصل بالا و پایین،
آموزش شخصی سازی سربرگ مانند منوها
ویرایش نوارپایین سربرگ مانند افزودن المان ها و ویرایش استایل آنها
آموزش تنظیمات سربرگ چسبان در آموزش قالب سربرگ
آموزش سفارشی سازی سربرگ موبایل
آموزش سفارشی سازی تنظیمات منوی موبایل
🔶 بخش دهم: تنظیمات سربرگ در موبایل
در قالب اکسترا تنظیمات جداگانه ای برای سربرگ موبایل در نظر گرفته شده. ازز قسمت تنظیمات قالب > سربرگ > سربرگ موبایل به آنها دسترسی خواهیم داشت.
شخصی سازی سربرگ موبایل با تنظیمات قالب اکسترا
آموزش تغییر منو سربرگ موبایل در Xtra
تغییر تنظیمات لوگو سربرگ موبایل
نحوه افزودن المان به سربرگ موبایل در قالب اکسترا
آموزش تغییر تنظیمات المان های سربرگ مانند عنوان، لینک، استایل، مارجین و رنگ
تغییر رنگبندی فهرست و کانتینر فهرست
🔶 بخش یازدهم: آموزش ویرایش منو ثابت موبایل در قالب اکسترا
به این بخش، از قسمت تنظیمات قالب > سربرک > منوی ثابت موبایل دسترسی خواهید داشت. در این آموزش ویدئویی موارد زیر قابل تنظیم هستند.
آموزش افزودن آیتم به منو موبایل قالب Extra
انتخاب آیکن و عنوان برای منو موبایل
تنظیمات نمایش عنوان منو موبایل در قالب اکسترا
ویرایش کانتینر منو، مانند استایل، عناوین، آیکن ها و غیره
🔶 بخش دوازدهم: آموزش فرم ورود و عضویت قالب اکسترا
ایجاد برگه ورود و عضویت در آموزش قالب اکسترا
آموزش ویرایش فرم ورود و عضویت به صورت زنده
آموزش تغییر استایل فرم ورود و عضویت قالب Xtra
🔶 بخش سیزدهم: آموزش ساخت دکمه ورود و عضویت در سربرگ
در این بخش از آموزش ویدئویی قالب اکسترا نحوه ایجاد دکمه ورود و عضویت را در سربرگ مشاهده می کنید.
ایجاد برگه جدید با افزونه ویژوال کامپوزر
افزودن المان پاپ آپ در ویژوال کامپوزر
نحوه اضافه کردن المان ورود و عضویت در المان پاپ آپ
آموزش افزودن المان آیکن و متن در سربرگ
سفارشی سازی متن، رنگ، پدینگ و فونت دکمه
🔶 بخش چهاردهم: آموزش تنظیمات نمونه کارها قالب اکسترا
آموزش تغییر تنظیمات نامک و نام نمونه کارها قالب Xtra
آموزش تغییر تنطیمات کلی نمونه کارها مانند نوع و عنوان، الگوهای نمایشی، سایدبار و غیره
آموزش تغییر استایل عنوان نوشته ها و غیره نمونه کارها قالب اکسترا
آموزش تغییر تنظیمات کلی و استایل ها برای هر نوشته نمونه کار در اکسترا
🔶 بخش پانزدهم: آموزش ویرایش پاورقی اکسترا
سفارشی سازی تنظیمات نوار بالای پاورقی مانند آیکن، عنوان، استایل
تنظیمات ابزارک های پاورقی مانند ستون ها
تنظیمات نوار پایین پاورقی مانند تغییر نوار کپی رایت
🔶 بخش شانزدهم: آموزش الگوهای آماده قالب اکسترا
آموزش اضافه کردن الگو در یک برگه
آموزش ویرایش الگوها به صورت زنده با wp-Bakery
🔶 بخش هفدهم: آموزش تغییر رنگ و تایپوگرافی دمو درون ریزی شده
تغییر رنگ پایه در آموزش قالب اکسترا
آموزش تغییر فونت کل سایت، منوها، عنوان و غیره
🔶 بخش هیجدهم: آموزش ساخت مگا منو در قالب اکسترا
آموزش اضافه کردن آیتم های دلخواه از برگه ها و نوشته ها به فهرست
آموزش چینش آیتم های منو
آموزش فعال کردن مگامنو
تغییر رنگ و استایل مگامنو
🔶 بخش نوزدهم: آموزش ساخت برگه المان پاپ آپ در قالب اکسترا
در ویدئوی این بخش، نجوه ایجاد برگه پاپ آپ را خواهید دید.
آموزش ساخت برگه المان پاپ آپ با ویژوال کامپوزر
افزودن ردیف و المان پاپ آپ
نحوه اضافه کردن عنوان، متن، تصویر داخل المان پاپ آپ
انتخاب حالت نمایش پاپ آپ
نحوه افزودن دکمه نمایش پاپ آپ در قالب Extra
🔶 بخش بیستم: آموزش تنظیمات استایل دهی وبلاگ در قالب اکسترا
در این ویدئو به شما می گوییم که چگونه از بخش تنظیمات قالب > وبلاگ، استایل وبلاگ خود را تغییر دهید.
تغییر تنظیمات وبلاگ مانند سایدبار، الگوی نمایش و غیره
تغییر استایل نوشته مانند اندازه فونت، رنگ و غیره در Extra
تغییر تنظیمات برای هر نوشته مانند سایدبار، تصویر نوشته، تعداد نوشته های مرتبط
آموزش تنظیم استایل برای هر نوشته در قالب اکسترا
تغییر استایل صفحه جست و جو
🔶 بخش بیست و یکم: آموزش ویرایش و ایجاد فرم تماس در قالب Extra
برای ایجاد فرم تماس به بخش پیشخوان > فرم تماس بروید و ادامه آموزش تنظیمات را در ویدئوی زیر ببینید.
افزودن و ذخیره فرم تماس جدید
تنظیمات فرم تماس شامل تغییر برچسب فیلد
آموزش تنظیمات ارسال فرم به ایمیل
ویرایش پیام های نمایش فرم تماس
نحوه افزودن فرم تماس به برگه با ویژوال کامپوزر در قالب اکسترا
ویرایش استایل دهی فرم به صورت زنده با ویژوال کامپوزر
آموزش نحوه نمایش ردیف های فرم
تنظیمات استایل برچسب فیلدها
آموزش تنظیمات دکمه فرم تماس مانند تغییر رنگ و هاور
🔶 بخش بیست و دوم: آموزش تنظیمات آیکن سوشال در منو موبایل
در این آموزش ویدئویی خواهید دید که چگونه از بخش تنظیمات قالب > سربرگ > سربرگ موبایل، سفارشی سازی آیکن های سوشال را انجام دهید.
آموزش تنظیمات نمایش یا عدم نمایش آیکن های شبکه اجتماعی در بخش اضافات منو موبایل
سفارشی سازی و استایل بندی آیکن ها
تغییر رنگ، اندازه، متن سفارشی آیکن ها و تغییر استایل متن
🔶 بخش بیست و سوم: آموزش افزودن و تعیین دسترسی المان ها در سربرگ
می توانید به تنظیمات این بخش از قسمت تنظیمات قالب > سربرگ دسترسی داشته باشید در ادامه آموزش ویدئویی قالب اکسترا نحوه کار با این بخش را یاد می گیرید.
نحوه انتخاب المان برای افزودن به سربرگ
آموزش تغییر استایل المان سربرگ در قالب اکسترا
نحوه تغییر امکان دسترسی المان اضافه شده در سربرگ
🔶 بخش بیست و چهارم: فعالسازی صفحه در دست ساخت قالب اکسترا
در این آموزش ویدئویی نحوه ایجاد صفحه در دست ساخت یا تعمیر را از بخش تنظیمات قالب > عمومی > تنظیمات پیشرفته می گوییم.
آموزش فعالسازی و ویرایش پیام سایت در دست ساخت
انتخاب برگه در دست ساخت ایجاد شده و سفارشی سازی آن
قالب اکسترا دموهای متنوعی دارد که می توانید انواع سایت با آن طراحی کنید به این منظور طراحی سایت وکالت را ببینید.
قالب xtra یکی از بهترین قالب های چند منظوره است که با آن می توانید سایت های مختلفی را طراحی کنید. امیدوارم که آموزش قالب اکسترا برای شما مفید باشد و بتوانید سایت حرفه ای خود را راه اندازی کنید.
مهسا هستم و 4 ساله در حوزه وردپرس و دو سال در حوزه سئو فعالیت دارم. معتقدم که انسان در شرایط نامساعد نباید خودش رو ببازه و نا امید بشه چون فصل دوباره جوونه زدن هم خواهد رسید...
سلام وقت بخیر
بعد از طراحی سایت ، باید حتما تنظیمات واکنش گرا بودن رو خودمون انجام بدیم یا خود قالب اتومات انجام میده ؟ اگه ما باید انجام بدیم ، به چه شکل هست ؟
مهسا کاظمی پور
حرفه ای
در پاسخ به
lidamash
نویسنده
درود عرض ادب
قالب اکسترا به طور پیش فرض واکنشگرا است و نیازی نیست که اقدامی انجام دهید اما اگر بخواهید تنظیمات واکنشگرایی مثل نمایش در موبایل، تبلت و غیره را تغییر دهید از بخش تنظیمات قالب می توانید این کار را انجام دهید.
vahid110110
سلام وقت بخیر
در قسمت نمونه کار از کجا میشه شاخه ها رو ویرایش کرد ؟ ایجاد یا حدف کرد؟
مثلا در قالب کارخانه دو به تجاری کارخانه صنعتی و ... تقسیم میشه و در هر کدام هم چند نمونه کار هست . خود نمونه کار رو میشه ویرایش کرد اما شاخه ها رو با اینکه خیلی گشتم متوجه نشدم چطوری میشه ویرایش کرد
مهسا کاظمی پور
حرفه ای
در پاسخ به
vahid110110
نویسنده
درود عرض ادب
دوست گرامی در پیشخوان وردپرس و در بخش نمونه کارها یا پروژه ها می توانید هر دسته ای که بخواهید تعریف کنید. سپس برای صفحه نمونه کار تکی ویرایش را زده و دسته را از بخش دسته ها از سایدبار سمت چپ انتخاب کنید. به علاوه شما میتوانید با همین روش برچسب تعریف کرده و به نمونه کارهای خود برچسب اختصاص دهید.
vahid110110
سلام وقت بخیر
در مورد اموزش هدر هم یک مطلب بزارید
چطور میتونم هدر کنونی یک دمو رو ویرایش کنم؟ ظاهرا به نسخه پرو المنتور نیاز داره
ایا المنتور نسخه پرو هست ؟
با تشکر
چطور میتونم از هدر و یا فوتر یک دمو در دموی دیگری استفاده کنم؟
مهسا کاظمی پور
حرفه ای
در پاسخ به
vahid110110
نویسنده
درود وقت بخیر
دوست گرامی در خصوص هدر یا سربرگ در ویدئو نهم توضیحات لازم ارائه شده است.
نسخه المنتور داخل قالب ها نسخه پرو نیست و اگر بخواهید می توانید نسخه پرو را از لینک زیر در راست چین دریافت کنید
https://www.rtl-theme.com/elementor-pro/
sahar.ghazi
سلام.طریقه ی قرار دادن دکمه ی سبد خرید و
اینکه صفحه ی تسویه حساب رو باید کجا لینک کنیم تا باز بشه؟
مهسا کاظمی پور
حرفه ای
در پاسخ به
sahar.ghazi
نویسنده
درود عرض ادب
سحر عزیز کلیه تنظیمات مربوط به ووکامرس از خود این افزونه تابعیت میکند و تنظیماتی برای قرار دادن دکمه سبد خرید دلخواه در صفحات وجود ندارد.
manshoorefan
ممنون خانم کاظمی پور از آموزش و راهنمایی های خوبتون
یه سوال داشتم در رابطه با پوسته Xtra child
فرق این پوسته با پوسته Xtra چیه؟؟
در حال حاضر سایتی که ما داریم، روی پوسته Xtra child سوار هست و یکمم دچار مشکل شدیم ... آیا امکان داره به خاطر این پوسته باشه؟
و اینکه کلا میشه سایتی که الان چند وقته روی Xtra child طراحی شده رو منتقل کرد به پوسته xtra ؟؟
ممنون میشم از راهنماییتون
مهسا کاظمی پور
حرفه ای
در پاسخ به
manshoorefan
نویسنده
درود و عرض ادب
ممنونم از حسن نظرتون دوست عزیز
پوسته xtra child برای این طراحی شده است که شما بتونید هر سفارشی سازی (منظور تغییرات ظاهری با کد css و غیره است) که خواستید روی این پوسته انجام بدهید تا هنگام آپدیت پوسته تغییرات شما روی سایت باقی بماند و از بین نرود. بله میتونید ولی اگر سفارشی سازی روی این پوسته انجام داده باشید به حالت پیش فرض پوسته فرزند بر می گردد.
موفق باشید
hamidreza.einabadi
سلام و خسته نباشید
برای یک قالب اینچنین پر مخاطب انتظار یه آموزش سطح بالا و پر محتوا داشتم. آموزش هایی که توی این صفحه دیدم بیشتر به شکل معرفی اجمالی از منو بود و تقریبا مطلب جدیدی برای من که در سطح ابتدایی یادگیری وردپرس و قالبها هستم نداشت. به هر حال بابت تهیه این ویدئوها هم خدا قوت...
مهسا کاظمی پور
حرفه ای
در پاسخ به
hamidreza.einabadi
نویسنده
درد و عرض ادب
سپاس از پیشنهاد و حسن توجه شما
قطعا پیشنهادات شما به ما در جهت هر چه بهتر شدن آموزش ها کمک می کند.
mohamadreza7713
سلام وقت بخیر آیا این قالب امکان به پایین بردن متن توضیحات در دسته بندی محصول را دارد یا باید به صورت برگه دسته بندی رو تغییر داد؟
مهسا کاظمی پور
حرفه ای
در پاسخ به
mohamadreza7713
نویسنده
سلام وقت بخیر
خیر دوست گرامی این امکان وجود ندارد. اما شما می توانید همانطور که گفتید به صورت برگه دسته بندی را تغییر دهید. اما مراقب باشید که ایندکس نشود. در صورتی که بخش function.php قالب کد شده نباشد می توانید با قرار دادن کد زیر در این فایل این امکان را ایجاد کنید
;remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 )
;add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 100 )
laspass
سلام تازه قالب را خریداری کردم الان آموزش ببینم فایل های آموزش باز نمیشود لطفا راهنمایی بفرمایید
مهسا کاظمی پور
حرفه ای
در پاسخ به
laspass
نویسنده
درود و عرض ادب
دوست عزیز اگر منظور شما ویدئوهای آموزش داخل مقاله است که بدون مشکل باز می شوند و اگر فایل های داخل بسته قالب باز نمیشوند لطفا به پشتیبان محصول تیکت بزنید تا شما را راهنمایی کنند.
websinc
ممنون
قسمت 23 کار نمیکنه فقط
مهسا کاظمی پور
حرفه ای
در پاسخ به
websinc
نویسنده
درود عرض ادب
سپاس از شما. اصلاح شد.
mohammadistore
سلام علیکم
ممنونم بابت آموزش خوب و با حوصلتون
لطفا تنظیمات پیشرفته تر رو ادامه بدین، بیصبرانه منتظریم، تشکر
مهسا کاظمی پور
حرفه ای
در پاسخ به
mohammadistore
نویسنده
درود محمد عزیز
به زودی سایر آموزش ها قرار داده می شوند.
سپاس از همراهی شما
zabihollahzade
سلام و خداقوت قالب اکسترا قالب عالی و خوبی هستش ولی آموزش این قالب خیلی سطحی و ابتدایی هستش
مهسا کاظمی پور
حرفه ای
در پاسخ به
zabihollahzade
نویسنده
سلام و عرض ادب
دوست گرامی ممنونم از توجهتون. اما این آموزش برای همه افراد که شامل افراد مبتدی هم میشه به صورت صفر تا صد طراحی و آماده شده است. همانطور که در انتها هم گفتیم ادامه آموزش همه بخش ها در ادامه قرار داده خواهد شد.
