وبلاگ
قالب Woodmart یکی از بهترین قالب های سازگار با المنتور هست که به راحتی می توانید همه بخش های پوسته را با افزونه المنتور ویرایش کنید و سفارشی سازی های خود را انجام دهید.
برای همین ما آموزش قالب وودمارت را برای شما قرار دادیم تا بدون هیچ مشکلی بتوانید سایت های زیبایی را طراحی و پیاده سازی کنید.
قالب وودمارت نیاز به توضیح نداره چون یکی از بهترین قالب های فروشگاهی سازگار با المنتور در جهان محسوب می شود که به راحت می توان با این قالب در چند دقیقه یک سایت فروشگاهی و یا هر سایت دیگری را بدون کدنویسی طراحی کنید.
در این بین ما قالب Woodmart را به صورت کامل و اورجینال از سایت رسمی خریداری کرده ایم و بعد از فارسی سازی در سایت قرار داده ایم و همچنین می تواند از لینک زیر توضیحات و پیشنمایش افزونه را مشاهده کنید ودر صورت نیاز خریداری کنید.
در این دوره آموزشی ما نسخه فارسی قالب وودمارت را آموزش می دهیم و به راحتی بعد از گذراندن این دوره می توانید بدون کدنویسی سایت های زیبا و حرفه ای در خور دیجی کالا یا سایت های بزرگ طراحی کنید. پس این دوره را از دست ندهید!
پس در مرحله اول می توانید به توضیحات قالب رجوع کنید و با این قالب حرفه ای آشنا شوید و سپس برای کار با قالب Woodmart باید در ادمه مقاله آموزشی همراه ما باشید.
در ابتدا قالب تکی را می خواهیم نصب کنیم. برای این منظور باید مسیر زیر را دنبال کنید :
مسیر نصب قالب در وردپرس
در بالای صفحه بر روی دکمه “افزودن” کلیک کنید.
سپس همانند تصویر بالا بر روی دکمه “بارگذاری” کلیک کنید.
سپس در بخش باز شده بر روی دکمه “Choose File” کلیک کنید و فایل قالب را انتخاب کنید و در آخر بر روی دکمه “نصب” کلیک کنید تا قالب انتخاب و آپلود شود.
سپس در صفحه بار شده بر روی دکمه “فعال نمایید” کلیک کنید تا قالب فعال شود.
در این بخش باید همه افزونه های مورد نیاز برای اجرای صحیح قالب را نصب کنیم. همه این افزونه های به صورت خودکار نصب می شوند.
سپس در بالای صفحه هشداری نمایش داده می شود و باید همانند تصویر بالا بر روی دکمه “شروع نصب افزونه ها” کلیک کنید تا وارد بخش نصب افزونه های قالب شویم.
در صفحه باز شده تیک همه افزونه ها را قرار دهید و سپس حالت “نصب” را انتخاب کنید و در آخر بر روی دکمه “اجرا” کلیک کنید. (همانند تصویر بالا اقدام کنید).
سپس بعد از نصب همه افزونه ها باید با بخش همانند توصیر زیر مواجه شوید و همه افزونه ها به درستی و با موفقیت نصب شدند.
سپس در پایین صفحه بر روی لینک “بازگشت به نصب افزونه های ضروری” کلیک کنید.
سپس همانند تصویر بالا قدم به قدم عملی کنید تا همه افزونه های نصب شده فعال شوند.
بعد از نصب کامل قالب نوبت به این می رسد که دموهای آماده قالب Woodmart را ایمپورت کنید تا بتوانید استفاده کنیم. چون بدون ایمپورت دموها برای افراد تازه کار ساخت قالب کار شاید سختی باشد و اما با این کا به راحتی می توانند همه دموها را ایمپورت کنند و استفاده کنند.
در ابتدا باید یه نکته بسیار مهم را برای شما بگیم، برای استفاده از صفحه ساز المنتور در ابتدا باید افزونه “ویژوال کامپوزر” را غیرفعال کنید.
سپس به مسیر زیر بروید:
وارد درون ریز قالب وودمارت می شویم.
در صفحه باز شده در ابتدا باید دموی اصلی قالب را نصب کنیم، برای این منظور در کادر سمت راست بر روی دکمه آبی رنگ “درون ریزی اطلاعات پایه” کلیک کنید.
سپس در زیر بخش باز می شود که یک نوار پیشرفت هست و نمایش می دهد که چقدر از دموها ایمپورت شده اند و باید منتظر باشید تا این درجه به 100% برسد. (شاید تا 10 دقیقه طول بکشد).
بعد از این که همانند تصویر بالا پیام موفقیت را دریافت کردید حالا می توانید به پیشنمایش سایت بروید و می بینید که دموی اصلی قالب با موفقیت ایمپورت شده است و حالا می توانید همه دموها های دیگر را به راحتی ایمپورت کنید.
برای ایمپورت دموهای دیگر در سمت چپ می توانید همانند تصویر زیر از لیست کشویی دموی مورد نظر را انتخاب کنید و در آخر بر روی دکمه “نصب ورژن های دیگر دمو” کلیک کنید.
حالا هر دمویی مه خواستید را می توانید انتخاب و ایمچورت کنید و در بخش برگه ها همه این دمو ها در برگه ای جدا با همان نام ذخیره می شوند و می توانید همه این دموها را ویرایش کنید.
ما همه دموها را به صورت کامل فارسی سازی کرده ایم و در اختیار شما عزیزان قرار داده ایم، یعنی همان دموهایی که در سایت مشاهده می کنید، به راحتی می توانید در سایت خود نصب کنید پس حتما در ادامه همراه ما باشید تا همه دموهای فارسی را نصب کنیم.
برای آموزش نصب دموها و بسته نصبی قالب وودمارت ویدئوی زیر را مشاهده کنید. (بر روی هر ویدئو کلیک کنید.)
حالا می توانید از دموهای فارسی لذت ببرید. و هر بخش را خواستید به راحتی با المنتور ویرایش و سفارشی کنید.
یکی از بهترین امکانات و ویژگی های وودمارت همین سربرگ ساز یا همان Header Builder هست که با این ویژگی می توانید سربرگ های بسیار پیشرفته و سفارشی فقط با کشیدن و رها کردن موس ایجاد کنید و در انواع صفحات استفاده کنید.
در ابتدا به مسیر زیر بروید :
ورود به سربرگ ساز اختصاصی المنتور
سپس همانند تصویر زیر بر روی دکمه “ایجاد سربرگ جدید” کلیک کنید.
حالا در صفحه باز شده، قالب وودمارت برای شما دموهایی آماده از هدر ها را ارائه می دهد که اگر بر روی هر کدام کلیک کنید همان دمو برای شما باز می شود و می توانید ویرایش های خود را انجام دهید.
ولی چون می خواهیم تا یک سربرگ جدید ایجاد کنیم بر روی اولین گزینه یعنی “Empty Header” کلیک می کنیم.
در این بخش می توانید هدر و یا سربرگ خود را طراحی کنید و در زیر محیط کامل را با تصویر توضیح داده ایم.
سپس برای اضافه کردن ویجت ها و المان های برای ساخت سربرگ ابتدا باید بر روی یکی از بخش ها بروید و بر روی دکمه و یا آیکون “+” کلیک کنید. با این کار با صفحه ای همانند تصویر زیر مواجه می شود که باید از المان ها استفاده کنید.
در زیر می خواهیم تا توضیحاتی درباره این ویجت ها ارائه دهیم.
بعد از اینکه هدر و یا سربرگ خود را طراحی کردید می توانید بر روی دکمه “ذخیره سربرگ” کلیک کنید تا سربرگ طراحی شده خود را ذخیره کنید.
یکی از ویژگی ها و امکانات خوب این قالب بلوک های HTML هست و یک امکان جالب هست که می توانید بلوک هایی از قبل با افزونه المنتور در این بخش طراحی کنید و در کل سایت استفاده کنید و حتی در سربرگ ساز هم می توانید از این بلوک ها استفاده کنید.
وقتی دموهای قالب وودمارت را ایمپورت می کنید در این بخش بیش از 100 بلوک آماده اضافه می شود که می توانید همه این بلوک های آماده را با المنتور ویرایش و سفارشی کنید.
برای ایجاد و ساخت یک بلوک html به مسیر زیر مراجعه کنید :
می خواهیم تا یک بلوک ایجاد کنیم.
در صفحه ای که باز می شود در بالا یک عنوان برای بلوک خود انتخاب کنید و سپس در آخر بر روی دکمه “ویرایش با المنتور” کلیک کنید. منتظر باشید تا صفحه با ویرایشگر المنتور برای شما باز شود.
حالت در این صفحه می توانید از ابزارک های المنتور استفاده کنید و بلوک خود را طراحی کنید.
قالب وودمارت بیش از 200 دموی آماده و بلوک آماده به المنتور اضافه می کند که می توانید به صورت کامل از این بلوک های استفاده کنید. برای دسترسی به این دموها و کتابخانه فقط کافیست که همانند تصویر زیر بر روی آیکون مورد نظر کلیک کنید.
حالا در صفحه باز شده می توانید همه این دموها را مشاهده کنید و در صورت ایمپورت می توانید روی هر تصویر موس را ببرید و بر روی “Insert” کلیک کنید.
بعد از طراحی بلوک مورد نظر در انتخاب بر روی دکمه “انتشار” کلیک کنید تا صفحه مورد نظر به صورت کامل منتشر شود تا بتوانید از این بلوک استفاده کنید. فقط دقت داشته باشید که برای نمایش و ویرایش این بلوک ها به بخش همه بلوک های HTML می توانید مراجعه کنید.
بعد از مطالب قبلی نوبت به این می رسد که با تنظیمات قالب آشنا شویم تا بتوانیم همه این تنظیمات را کنترل کنیم و بهترین گزینه ها را انجام دهیم. قالب Woodmart تنظیمات بسیار زیادی دارد و نسبت به سایر قالب ها کمی گزینه های زیادی دارد و باید حتما کار با این تنظیمات را یاد بگیرید.
در این بخش با همه این گزینه ها آشنا می شویم و تک تک گزینه ها را توضیح خواهیم داد پس حتما در ادامه همراه ما باشید. برای این مورد ابتدا به مسیر زیر بروید :
وارد تنظیمات قالب می شویم
سپس با صفحه پنل تنظیمات مواجه می شوید و در ادامه می خواهیم تا همه این گزینه ها را بررسی کنیم.
در این بخش تنظیمات کلی قالب قرار دارد و یا همان گزینه های اصلی را می توانید تنظیم کنید.
گزینه های این بخش شامل تنظیمات زیر هست :
در این بخش تنظیمات مربوط به نوار پیمایش در موبایل را می توانید انجام دهید.
در زیر همه گزینه ها را توضیح می دهیم :
در این بخش می توانید اینستاگارم را به سایت متصل کنید تا بتوانید پست های اینستاگرام را درون سایت نمایش دهید.
می توانید پاپ آپ تایید سن کاربر را فعال کنید تا قبل از بارگذاری سایت پنجره ای به صورت پاپ آپ نمایش داده می شود که کاربر سن خود را انتخاب می کند و اگر به سن قانونی سایت رسیده باشد بتواند محتویات سایت را مشاهده کند.
گزینه های این بخش را در زیر توضیح می دهیم :
در این بخش می توانید تنظیمات مربوط به چیدمان سایت را انجام دهید و دارای گزینه های جذاب و زیبایی هست.
در زیر این گزینه ها رو توضیح می دهیم :
در این بخش کلا تنظیمات و پیکربندی های مربوط به برگه ها را می توانید مشاهده کنید. و شامل گزینه هایی همانند تصویر زیر هست :
در زیر همه این گزینه ها را توضیح می دهیم :
در این قسمت همه تنظیمات برای بخش فوتر سایت هست و دارای گزینه های زیادی هم هست که می توانید با موس به راحتی این گزینه ها را تنظیم کنید.
البته در زیر همه این گزینه ها را یکی به یکی توضیح می دهیم :
در این بخش تنظیمات برای تایپوگرافی متون هست و دارای 3 گزینه و یا زیر شاخه هم هست.
کل تنظیمات این بخش برای رنگ بندی و همچنین استایل بندی های قالب تعبیه شده است و فقط می توانید رنگ ها و استایل ها را با موس انتخاب کنید و نتایج را مشاهده کنید.
در زیر همه این گزینه ها را توضیح می دهیم تا مشکلی در آموزش ها نداشته باشید :
در این بخش می توانید کل پس زمینه صفحات و یا کل سایت را تنظیم کنید.
در این بخش کل استایل ها را برای دکمه های سایت را میتوانید تنظیم کنید.
استایل فرم ها و فیلدهای سایت را می توانید در این بخش تنظیم کنید.
در این بخش استایل دهی به نوارهای اعلان را می توانید شخصی سازی کنید.
در این بخش تنظیمات مربوط به وبلاگ سایت را می توانید شخصی سازی کنید و دارای گزینه های بسیار متنوعی هست که در زیر به شرح این گزینه ها می پردازیم.
در این قسمت می توانید تنظیمات بخش نمونه کارهای سایت را تنظیم کنید. در زیر به شرح همه این گزینه ها پرداخته ایم.
در این بخش همه تنظیمات برای فروشگاه قرار گرفته است که دارای گزینه های بسیار زیادی و پیشرفته ای هست. در زیر همه این بخش ها را توضیح می دهیم.
در این بخش می توانید پیکربندی برای صفحه تکی محصول را انجام دهید و در زیر به شرح و آموزش همه گزینه ها پرداخته ایم.
در این بخش می توانید css های سفارشی برای انواع دستگاه های نمایش را وارد کنید.
در این بخش می توانید کدهای جاوا اسکریپت سفارشی برای انواع دستگاه های نمایش را وارد کنید.
در این بخش می توانید آدرس های شبکه های اجتماعی خود را وارد کنید و تقریبا همه رسانه های اجتماعی در این بخش موجود است.
PRELOADER
قالب وودمارت از بخش منوی بسیار زیبایی تشکیل شده است و این منو شامل منوهای چندستونه و یا مگامنو و یا منوی های آبشاری هست. این منو ها با طرح های بسیار زیبا در دسترس هستند و در زیر می خواهیم تا با این منو ها کار کنیم و بتوانیم هر نوع منویی که خواستیم را ایجاد کنیم.
در این قالب 6 نوع موقعین منو وجود دارد و به راحتی می توانید تنظیم کنید :
هر یک از این موقعیت ها می تواند منوها و المانهای متفاوتی داشته باشند.
ابتدا به مسیر زیر بروید :
با این کار ما یک برگه جدید در وردپرس ایجاد می کنیم.
در این بخش همانند تصویر زیر باید موقعیت منوها را ببینید و اگر بر روی هر کدام کلیک کنید و دکمه “گزینش “را بزنید، محیط منو ساز برای شما نمایان خواهد شد.
در این جا باید ما منو ها خود را ایجاد کنیم.
در این بخش می توانید دسته بندها سمت راست را نشان دهید.
در تصویر بالا مشخص هست که دقیقا منظور از این موقعیت منو کجاست.
ابتدا یکی از المان های منو را به صفحه بکشید و رها کنید و سپس اگر بر روی منو کلیک کنید تنظیماتی همانند تنظیمات زیر برای شما باز می شود.
حالا میخواهیم تا گزینه ها را برای شما شرح دهیم :
بعد از اینکه فهرست ها را ساختیم، نوبت به این می رسد که فهرست ها در سایت نمایش دهیم. برای اینکار ابتدا به مسیر زیر بروید :
به سربرگ ساز وودمارت هدایت می شویم
سپس سربرگی که ساختید را ویرایش کنید (برای کار با سربرگ ساز باید به جلسه 3 مراجعه کنید.) حالا باید همانند تصویر زیر منوها را به سربرگ اضافه کنید.
سپس برای اضافه کردن عنصر باید بر روی علامت “+” بر روی هر بخش کلیک کنید.
بعد از کلیک با یک صفحه روبرو می شوید که همه عناصر را می توانید مشاهده کنید.
حالا می توانید منوهای دسته بندی و یا منوی اصلی را به صفحه اضافه کنید. سپس می توانید نتایج را در سایت مشاهده کنید.
قالب وودمارت هم همانند سایر قالب ها دارای بخش ابزارک ها هست که می توانید با این ابزارک ها ویجت هایی را به بخش های مختلف و یا سایدبارها اضافه کنید.
کل موقعیت های ابزارک ها همانند تصویر بالا هست که اگر بر روی هر ناحیه و یا موقعیت کلیک کنید می توانید توضیحات کوتاه را مشاهده کنید. فقط کافیست که از سمت چپ ابزارک ها را به سمت راست بکشید و رها کنید و تنظیمات را انجام دهید.
قالب وودمارت بر پایه افزونه المنتور طراحی شده است و شامل ابزارک های بسیار زیبا و جذابی برای این افزونه صفحه ساز هست. این قالب دارای بیش از 40 ابزارک و یا ویجت برای افزونه المنتور هست.
در این بخش میخواهیم تا کلا با هر یک از این ابزارک ها کار کنیم تا شما هم به راحتی بتوانید در طراحی صفحات از این ابزارک ها استفاده کنید.