طراحی سایت طراحی سایت .

طراحی سایت

آموزش نصب و نحوه کار با افزونه صفحه ساز المنتور

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

المنتور یک افزونه صفحه ساز وردپرسی متن باز(Open Source) است که توسط تیم Pojo Me Digital LTD که در حوزه توسعه افزونه و پوسته های وردپرس فعالیت می‌کند توسعه داده شده است و به صورت رایگان در مخزن وردپرس قرار دارد.

این صفحه ساز، یکی از افزونه هایی است که به شما کمک می‌کند بدون کد نویسی سایت وردپرسی خود را طراحی کنید(البته همیشه برای داشتن طرح های بهتر کمی کدنویسی هم لازم دارید)

 

نصب و راه‌اندازی افزونه
افزونه Elementor 
ابتدا افزونه را از مخزن وردپرس نصب و سپس قعال کنید.

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

فهرست تنظیمات المنتور
منوی تنظیمات
این بخش مربوط به تنظیمات اصلی افزونه بوده که دارای ۳ سربرگ مختلف است که به بررسی هر یک می‌پردازیم.

سربرگ کلی
بررسی تنظیمات سربرگ اصلی در المنتور
انواع نوشته:

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

غیر فعال کردن رنگ‌های پیش‌فرض: 

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

غیر فعال کردن فونت های پیش‌فرض:

 با استفاده از این گزینه فونت‌های پیش‌فرض موجود در افزونه غیرفعال می‌شوند و فونت‌های مورد استفاده از قالب وردپرس شما فراخوانی خواهند شد.

 

رهگیری استفاده از داده ها:

 با استفاده از این بخش می‌توانید به پیشرفت و بهبود افزونه کمک کنید. در صورتی که این گزینه را تیک بزنید، افزونه به صورت خودکار داده هایی را از سمت شما به تیم توسعه دهنده افزونه می فرستد,

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

 

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

فونت های پیشفرض کلی: 

در این بخش باید نام فونت مورد استفاده خود برای ساخت صفحات گرافیکی در وردپرس را مشخص کنید.

عرض محتوا:

 در این بخش می‌توانید عرض محتوای خود در صفحات را مشخص کنید. مقدار پیشفرض ۱۱۴۰ پیکسل است که اگر در نمایش محتوای خود به مشکل خوردید، می توانید این مقدار را تغییر دهید. در غیر این صورت از مقدار پیش فرض استفاده کنید.

 

فاصله بین ابزارک ها:

با استفاده از این بخش می‌توانید فاصله میان اجزا و ابزارک‌های مورد استفاده در صفحات خود را تعیین کنید. مقدار ۲۰ پیکسل برای تمامی ابزارک های صفحه اعمال می شود و بعدا می توانید این فاصله را برای ابزارکی خاص تغییر دهید.

 

اندازه شدن بخش کشیده:

با استفاده از این گزینه می‌توانید عرض صفحات خود را به اندازه بخش Body قالب خود تعیین کنید.

 

سلکتور عنوان برگه:

 با استفاده از این گزینه می‌توانید استایلی را برای عنوان صفحه ایجاد شده خود بنویسید.

 

نقطه شکست تبلت:

 حداقل سایز نمایش دسکتاپ که کمتر از آن، سایز تبلت محسوب می‌شود را به پیکسل وارد کنید. می‌توانید از مقدار استاندارد ۱۰۲۵ پیکسل استفاده کنید.

 

نقطه شکست موبایل:

 حداقل سایز نمایش تبلت که کمتر از آن، سایز موبایل محسوب می شود را به پیکسل وارد کنید. می‌توانید از مقدار استاندارد ۷۶۸ پیکسل استفاده کنید.

 

لایت باکس تصویر: 

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

 

سربرگ پیشرفته
این بخش مربوط به تنظیمات پیشرفته و حرفه‌ای افزونه است.

تنظیمات پیشرفته مربوط به المنتور
روش پرینت CSS: 

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

پیشنهاد می شود برای عملکرد بهتر ساخت صفحات گرافیکی در وردپرس، این گزینه را روی “فایل خارجی” تنظیم کنید و صرفا برای عیب یابی از گزینه “جایگذاری درونی” استفاده کنید.

تغییر روش بارگذاری ویرایشگر: 

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

 

در حال ویرایش دستگیره ها:

 با فعال کردن این گزینه، هنگامی که روی دکمه ویرایش عنصر قرار می‌گیرید، تنظیمات عنصر نمایش داده خواهد شد.

پس از تنظیم موارد بالا بر روی دکمه “ذخیره تغییرات” کلیک کنید تا تنظیمات اعمال شده ذخیره شوند.

 

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

کافیست روی هر یک از نقش‌ها کلیک کنید و تیک گزینه “بدون دسترسی به ویرایشگر” را بزنید و در نهایت تغییرات را ذخیره نمایید.

 

منو ابزار ها
در این بخش تنظیمات بیشتری برای مدیریت و کار با افزونه وجود دارد که به بررسی هر یک از این ۴ سربرگ می‌پردازیم.

سربرگ کلی
سربرگ کلی در وبسایت
تولید مجدد فایل CSS: 

به دلیل اینکه کد های CSS سفارشی افزونه در یک فایل جداگانه ذخیره می‌شوند، می‌توانید با زدن این دکمه، فایل جدید را تولید کنید.

  نمایش موقعیت مکانی بر روی نقشه در وردپرس با Intergeo Maps + آموزش ویدیویی
 
همگام سازی کتابخانه:

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

 

حالت ایمن:

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

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

 

نوار اشکال زدایی:

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

 

سربرگ جایگزینی URL
سربرگ جایگزینی URL
در صورتی که آدرس سایت شما تغییر کرده است یا می‌خواهید از پروتکل HTTPS استفاده کنید،

می‌توانید از این قسمت آدرس قدیمی و جدید سایت خود را بنویسید و سپس دکمه جایگزینی URL را بزنید. در این صورت داده‌های المنتور بروز رسانی خواهد شد.

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

 

سربرگ کنترل نسخه
سربرگ کنترل نسخه
بازگشت نسخه رایگان:

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

 

تست نسخه بتا:

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

 

سربرگ حالت تعمیر
سربرگ حالت تعمیر
انتخاب حالت: 
در این گزینه می‌توانید حالت تعمیر یا به زودی را انتخاب کنید. حالت تعمیر بهتر است بیشتر از ۳ روز طول نکشد؛ چرا که بر رتبه سئو سایت شما تاثیر خواهد گذاشت.

 

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

اگر این گزینه را روی حالت “سفارشی” قرار دهید، می‌توانید این دسترسی را به نقش‌های مختلف وردپرس بدهید.

 

انتخاب قالب: 
در این قسمت می‌توانید قالب نمایش حالت تعمیر را تعیین کنید. برای این کار باید یک قالب برای برگه “در دست تعمیر” که توسط افزونه ساخته شده است بسازید و آن را از این قسمت انتخاب کنید.

 

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

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

 

تمامی المان های المنتور
با ورود به این بخش در ابتدا دو گزینه به نام افزودن بخش جدید و افزودن قالب نمایش داده می‌شود. برای استفاده از قالب‌های آماده افزونه کافی است,

از میان قالب‌های موجود یکی را انتخاب و اقدام به ویرایش آن کنید.همچنین با کلیک بر روی افزودن بخش جدید می‌توانید ساختار موردنظر خود را انتخاب کنید.

 

انتخاب ساختار صفحه
با کلیک بر روی ساختار موردنظر خود گزینه‌هایی برای افزودن المان دلخواه خود به آن نمایان می‌شود که باید اجزای موردنیاز خود جهت استفاده در آن صفحه را از ابزارک سمت راست همین صفحه انتخاب کنید.
به طور مثال ما در این بخش ابزار سربرگ را به صورت Drag & Drop به یکی از بخش‌های مربوط به ساختار صفحه می‌کشیم و اطلاعات آن را وارد می‌کنیم. اینگونه ساخت صفحات گرافیکی در وردپرس امکان‌پذیر می‌شود.

 

افزودن المنت ها
عنوان: 
در این بخش باید متنی را که نیاز به نمایش آن در بخش ساختار دارید وارد کنید.

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

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

تگ HTML: 
اگر نیاز به نمایش محتویات متن خود در تگ‌های H دارید، کافی است نوع تگ H را از طریق این بخش وارد کنید.

چیدمان:
در این بخش باید راست‌چین، چپ‌چین، وسط‌چین یا حالت مساوی را برای متن خود فعال کنید.

 

استایل:
در این بخش می‌توانید استایل بخش ایجاد شده را شخصی‌سازی کنید.

استایل المنتور
رنگ متن:
این بخش مربوط به رنگ متن نوشته شده است.

تایپوگرافی: 
در این بخش می‌توانید فونت، رنگ، سایز و… متن موردنظر خود را جهت نمایش در صفحه ایجاد شده انتخاب کنید.

سایه متن:
 با استفاده از این گزینه می‌توانید برای متن خود سایه ایجاد کنید.

حالت ادغام:
 در این گزینه می‌توانید حالت نمایش و ترکیب حروف را تغییر دهید.

 

پیشرفته
تنظیمات پیشرفته در المنتور
با استفاده از تنظیمات سربرگ پیشرفته می‌توانید تنظیمات بیشتری برای نحوه نمایش المان مورد نظر خود اعمال کنید. به عنوان مثال می‌توانید فاصله‌ها را تغییر دهید، برای نمایش این المان انیمیشن بگذارید،

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

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

 

 


برچسب: ،
امتیاز:
 
بازدید:

+ نوشته شده: ۲۸ شهریور ۱۳۹۸ساعت: ۰۵:۳۸:۲۳ توسط:فاطمه فیصلی موضوع: نظرات (0)