جلسه ۱۹

ساخت صفحه اصلی سایت با المنتور

مسعود قربان خانی

مدرس : مسعود قربان خانی

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

ساخت صفحه اصلی با المنتور

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

تخفیف ویژه دانشجویان دوره رایگان المنتور

علاوه بر تخفیف همیشگی المنتور پرو 20% بیشتر تخفیف بگیرید

کد تخفیف : off-elementor

در این نوشته شما می خوانید

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

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

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

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

در این جلسه طرح زیر مورد بررسی و طراحی قرار میگیرد.

تذکر : طراحی هدر در المنتور و طراحی فوتر در المنتور این طرح در جلسات قبل آموزش داده شده است .

نمونه طراحی صفحه اصلی در این جلسه
نمونه طراحی صفحه اصلی در این جلسه

آموزش طراحی صفحه در المنتور

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

عنوان صفحه را تایپ کنید بر فرض مثال “صفحه اصلی” و سپس در ابزارک کناری صفحه در قسمت ویژگی های برگه میتوانید قالب برگه را انتخاب نمایید .

قالب برگه در المنتور

در المنتور تنظیمات قالب را به 3 قسمت قسمت تقسیم میشود.

قالب پیشفرض : در صورت انتخاب این گزینه شما یکی از 2 حالت Canvas  و تمام عرض که در تنظیمات اصلی(در جلسات گذشته آموزش داده شده) ست کردید بر روی قالب انتخاب خواهد شد

قالب Canvas : با انتخاب این گزینه یک صفحه کاملاً سفید بدون هدر و فوتر برای شما نمایش داده میشود.

قالب تمام عرض : با انتخاب این گزینه قالبی با هدر و فوتر برای شما نمایش داده خواهد شد .

و سپس روی دکمه آبی رنگ ویرایش با المنتور کلیک نمایید

سرفصل های آموزش این قسمت :

آموزش ایجاد برگه صفحه اصلی در وردپرس

آموزش ساخت اسلاید شو با المنتور

آموزش ساخت آیکون باکس خدمات در المنتور

ساخت صفحه اصلی سایت به کمک المنتور

چگونه صفحه اصلی سایت خود را طراحی کنیم؟

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

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

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

بخش اول : طراحی ساخت و ایجاد صفحه اصلی سایت به کمک المنتور

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

مرحله اول ساخت صفحه اصلی سایت به کمک المنتور

سپس مطابق تصویر زیر، عنوان را در باکس مربوطه بنویسید و از قسمت سمت چپ صفحه، قالب را بر روی تمام عرض تنظیم کنید.

و بر روی دکمه انتشار کلیک کرده و ویرایش با المنتور را بزنید.

ویرایش ساخت صفحه اصلی سایت به کمک المنتور

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

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

ساخت اسلایدر برای صفحه اصلی سایت در المنتور

شما در این مرحله می‌توانید تعداد اسلایدها را کم و زیاد نمایید، تصاویر و عنوان های خود را درج کرده و طراحی مدنظرتان را اعمال کنید.

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

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

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

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

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

برای تنظیمات دقیق تر و کامل‌تر می‌توانید طبق ویدئو که مرحله به مرحله توضیح داده شده است، پیش بروید.

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

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

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

تفاوت جعبه آیکن با آیکن در توضیحات و عنوانی است که می‌توانید بر روی آن درج کنید.

ساخت و درج آیکن جعبه در صفحه اصلی سایت به کمک المنتور

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

برای درج آیکن ها به صورت اختصاصی و با فرمت SVG نیز می‌توانید به جلسه 56 از سری آموزش های المنتور با عنوان  ساخت آیکن سفارشی مراجعه کنید و به‌طور کامل با نحوه ی دانلود و درج آن ها آشنا شوید.

بخش دوم : تنظیمات نمایش صفحه ی اصلی سایت

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

سپس به قسمت پیشخوان، تنظیمات >> خواندن مراجعه کنید.

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

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

تنظیمات برگه خانه در وردپرس

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

جمع بندی نهایی

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

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

سوالات و مشکلات شما در این جلسه

اگر در این جلسه سوال و مشکلی داری می توانید در این قسمت بپرسید 

127 پاسخ

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

    1. سلام سپاس از همراهی شما
      فایل ها و افزونه ها به صورت رایگان فقط در دوره جامع طراحی سایت ما قرار دارد

    1. سلام خدمت شما
      باید برای هر صفحه به‌ صورت جداگانه تنظیمات طرح‌بندی را مشخص کنید وقتی صفحه موردنظر را در ویرایشگر المنتور باز کردید از نوار سمت راست پایین (یا تنظیمات چرخ‌دنده‌ای پایین صفحه)، بخش تنظیمات صفحه > طرح‌بندی صفحه را باز کنید در این قسمت می‌تونی گزینه Elementor Canvas رو انتخاب کنی تا تمام بخش‌های سربرگ و پاورقی حذف بشن و فقط محتوای اون صفحه نمایش داده بشوند . برای سایر صفحات همون بخش رو روی حالت Full Width قرار بدید تا طراحی تمام‌عرض همراه با هدر و فوتر فعال باشد

  2. سلام من با قالب هلو المنتور، صفحه اصلی رو با قالب المنتور ساختم و به عنوان صفحه اصلی انتخاب کردم ولی بعد که دوباره لبتابمو روشن خاموش کردم حالا می بینم که به عنوان صفحه اصلی انتخاب نشده، درضمن از بخش تنظیمات و خواندن هم که نشون نمیده، چونکه برگه نیست بلکه من با قالب صفحه اصلی رو درست کردم، چطوری میشه قالب را به عنوان صفحه اصلی وردپرس تعیین کرد؟ لطفاً راهنمایی بفرمایید ممنونم

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

  3. سلام فیلم قبلی طراحی صفحه اصلی رو ندارین برام بفرستین همونیکه که تصویرش داخل محتوا هست طراحی قالب مهاجرتی بود

    1. سلام درود بر شما
      خیر به این دلیل که با بخش داخلی آموزش داده شده بود کلا جایگزین شد با روش جدید

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

  5. سلام استاد وقتتون بخیر
    یک سوالی از خدمتتون داشتم شما وقتی از سربرگ استفاده میکنید خودتون تگ HTML رو عوض میکنید
    آیا این کار در کارکرد سایت تغییری ایجاد میکند؟
    مرسی

    1. سلام درود بر شما
      اگر منظور شما از سربرگ استفاده از header در المنتور یا قالب است، تغییر یا استفاده از آن معمولاً در ساختار معنایی Semantic HTML سایت مؤثر است اما تأثیری مستقیم بر ظاهر یا عملکرد اصلی سایت ندارد. استفاده صحیح از تگ header به موتورهای جستجو کمک می‌کند تا بخش‌های اصلی صفحه را بهتر تشخیص دهند، ولی اگر صرفاً از ویجت Section استفاده کرده‌اید و تغییر آن به header را در تنظیمات انجام داده‌اید، این کار صرفاً ساختار HTML را استانداردتر می‌کند و مشکلی برای سایت ایجاد نمی‌کند.

        1. سلام مجدد
          برای نمایش دو پست تایپ متفاوت باید با استفاده از یک کوئری ترکیبی WP_Query که هر دو پست تایپ رو شامل می‌شه محتواها رو فراخوانی کنی و اون‌ها رو داخل ساختار HTML قرار بدید

    1. سلام درود بر شما
      سلام و ممنون، برای ایجاد اسکرول داخل یک کانتینر کافیه بهش یه ارتفاع (height) یا حداکثر ارتفاع (max-height) بدی و بعد خاصیت overflow رو تنظیم کنی. مثلاً اگه بخوای فقط اسکرول عمودی داشته باشی، اینو می‌نویسی: overflow-y: auto; یا overflow-y: scroll; و مثلاً height: 300px;. اگه محتوا از اون ارتفاع بیشتر بشه، خودش اسکرول‌بار نشون می‌ده.

  6. سلام و عرض ادب
    تشکر میکنم از اموزش های بسیار عالی شما.
    من زمانی که کاروسل را داخل کانتینر میگذارم و عکس ها را انتخاب میکنم یک دفعه ابعاد کانتیر بهم میریزه و عکس ها خیلی بزرگ نشون میده. چندین بار تلاش کردم که دقیقا مثل کانتینر شما بشه اما نشد.ممنون از شما

    1. سلام وقت بخیر
      مشکل شما احتمالاً به تنظیمات ابعاد تصویر در کاروسل یا عرض و ارتفاع کانتینر برمی‌گردد. ابتدا بررسی کنید که در تنظیمات کاروسل، اندازه تصاویر روی Thumbnail یا Medium باشد نه Full، چون انتخاب Full باعث نمایش تصاویر در اندازه اصلی‌شان می‌شود. همچنین در تنظیمات کانتینر، مقدار Width را روی 100% و Height را روی Auto بگذارید و مطمئن شوید که گزینه Overflow: Hidden فعال نیست. اگر مشکل حل نشد، بررسی کنید که کانتینر داخل یک Section با عرض محدود قرار گرفته باشد تا ابعاد تصاویر کنترل شوند.

  7. سلام استاد
    ممنون از آموزش های عالی شما
    یه سوال داشتم
    طبق آموزش ، زمانی که برگه نمونه رو ایجاد میکنم زیر فوتر نمایش داده میشه!
    در قسمت قالبها ، چک کردم و فوتر با عنوان پاورقی ذخیره شده
    میشه راهنمایی بفرمایید مشکل از کجاست؟!

    1. سلام دوست من
      احتمالاً مشکل از تنظیمات شرط نمایش (Display Conditions) در قالب فوتر المنتور است. به قالب‌ها > قالب‌های ذخیره‌شده برو، فوتر را ویرایش کن و روی دکمه شرایط نمایش کلیک کن. اگر روی کل سایت تنظیم شده، بررسی کن که برگه نمونه در تنظیمات پوسته یا قالب صفحه به‌عنوان Canvas یا بدون فوتر تنظیم نشده باشد. همچنین، اگر فوتر را در المنتور با Z-index پایین یا درون یک کانتینر قرار داده‌ای، مطمئن شو که به‌درستی در هرم ساختاری المنتور تنظیم شده است. اگر مشکل حل نشد، کش سایت و مرورگر را پاک کن و دوباره بررسی کن.

  8. با سلام و احترام خدمت شما استاد بزرگوار
    استاد من دقیقا مثل اموزش شما دو تا کانتینر که یکی از آن عرضش 40درصد و کانتینر بعدی که تصویر داخلش گذاشتم 60 درصد عرض گذاشتم اما وقتی عکس را انتخاب میکنم و در کانتینر تصویر میگذارم عکس خیلی ریز در صفحه اصلی نشان داده می شود با انیک ه قدم به قدم با شما اومدم جلو اما عکس تصویر بسیار ریز نشان می دهد.
    متشکر از راهنمایی شما

    1. سلام وقت بخیر
      احتمالاً مشکل از تنظیمات عرض و ارتفاع تصویر یا کانتینر است؛ در تنظیمات Style تصویر، مقدار Width و Max Width را روی 100% بگذار، در تنظیمات Layout کانتینر Justify Content را روی Stretch تنظیم کن و مقدار Min Height را به 400px افزایش بده، همچنین در Style تصویر مقدار Object Fit را روی Cover تنظیم کن.

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

    1. سلام دوست من
      این عنوان معمولاً به‌خاطر تنظیمات قالب نمایش داده می‌شه. برای حذفش چند راه داری:
      از تنظیمات قالب (مثلاً در سفارشی‌سازی یا تنظیمات برگه) گزینه‌ای برای مخفی کردن عنوان صفحه پیدا کن یا در تنظیمات صفحه، “حالت بوم (Canvas)” یا “عرض کامل (Full Width)” رو انتخاب کن تا عنوان پیش‌فرض قالب حذف بشه.

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

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

  11. سلام و وقت بخیر مرسی از ویدیو های خوبتون یک‌سوال داشتم اگر مثلا کاربر داخل سایت ما ثبت نام کرد چطور میشه رمزش یا پسورد گم کرد دوباره پسورد از طریق ایمیل براش بره

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

  12. وقت بخیر استاد گرامی
    در قسمت بالا و سمت چپ وبسایت در این آموزش قسمتی هست که محتوای آن ورود | عضویت بعلاوه یک آیکون login است، سوالی که از خدمتتون داشتم این بود که اولا آیا این قسمت از جنس دکمه است؟ چون خودم سعی کردم آنرا درست کنم ولی نتوانستم اندازه آیکون login را تغییر دهم.
    اگر هم دکمه نیست ممنون میشم توضیح مختصری در موردش بفرمایید. ممنونم

  13. سلام وقت بخیر . من به عنوان تمرین دارم سایتی شبیه سایت فرادرس طراحی میکنم و بر اساس اموزش صفحه اصلی شما یه برگه ایجاد کردم و کانتینر اضافه کردم و تصویر پس زمینه انداختم . 1. در قسمت سربرگ من منوی بازشونده دارم که وقتی موس رو روی منو میزارم زیر منوها رفتن پشت تصویر پس زمینه ای که برای صفحه اصلی ایجاد کردم. چطور این مشکلو برطرف کنم ؟ 2. سایه زیرمنو ها وقتی موس روی اون ها قرار میگیره ( به حالت انتخاب هستن ) به رنگ تیره اس چطور میتونم رنگ سایه رو تغییر بدم ؟ 3. از کدوم المان استفاده کنم که در یک کادر بشه یه آیکن و یه متن کنارش قرار داد ؟ لطفا راهنمایی بفرمایید .

    1. سلام خدمت شما خوشحالم که تمرین طراحی انجام میدید
      ۱. برای اینکه زیرمنوها جلوی تصویر پس‌زمینه دیده بشن، به تنظیمات Z-Index سر بزن. به کانتینری که تصویر پس‌زمینه داره Z-Index پایین‌تری بده و به منو یا سربرگ Z-Index بالاتری اختصاص بده.
      ۲. برای تغییر رنگ سایه زیرمنوها، می‌تونی به قسمت Custom CSS سربرگ یا منو برید و کد CSS زیر رو اضافه کنی:
      .your-submenu-class:hover {
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
      }
      مقدار رنگ و شدت سایه رو با rgba تغییر بده.
      ۳. برای قرار دادن آیکن و متن در کنار هم، از المان لیست آیکون استفاده کن یا درون یک کانتینر بگذار و دو ستون ایجاد کن: یکی برای آیکن و دیگری برای متن.
      امیدوارم کمکت کنه و موفق باشی

      1. سلام روز بخیر . ممنون از راهنماییتون . در مورد سوال 2 کدی که دادید رو وارد کردم ولی بازم تغییری ایجاد نشد . هاور منو رو تونستم تغییر بدم ولی زیرمنوها رو نتونستم . راه دیگه ای هست برای تغییر هاور زیرمنو ؟

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

    1. سلام این قسمت سالهاست تغییرات نداشته ایم و این ویدیو جدید می باشد باید از طریق صفحه نخست انتخاب نمایید

  15. سلام وقت شما بخیر
    من سایتم به تازگی یه مشکلی پیدا کرده ، وقتی با المنتور المانی داخل برگه قرار میدم یا نمایش نمیده یا بهم ریخته است، یا وقتی متن رو ویرایش میکنم تغییرات من اعمال نمیشه. باید چیکار کنم ؟

    1. سلام وقت بخیر
      لطفا مواردی که خدمت شما گفته می شود رو انجام بدید :
      1. وارد قسمت پیشخوان > المنتور > ابزار ها شوید و گزینه بازسازی css و داده را بزنید .
      2. اگر درست نشد لطفا هر 2 نسخه المنتور و المنتور پرو را با هم آپدیت کنید .
      3. اگر نشد بعد از آپدیت یک گزینه به نام آپدیت دیتابیس المنتور میاد آن را بزنید اگر اتوماتیک انجام داد که هیچ.
      4. کش مرورگر خودتان را پاک و چک کنید .
      5. اگر افزونه کش نصب کردید حتما کش آن را پاک کنید .

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

    1. سلام خدمت شما در این آموزش از بخش داخلی استفاده شده است اما در نسخه جدید کانتینر قرارداده شده است که میتوانید به راحتی از direction 2 تا دکمه را کنار هم قرار دهید

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

    1. سلام خدمت شما
      معمولا با زدن بازسازی css مشکل رفع می شود باید وارد پیشخوان > المنتور > ابزار ها شوید .

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

    1. سلام عزیز شما با بخش داخلی کار نمی کنید با کانتینر کار می کنید که بزودی آموزش این قسمت با کانتینر ضبط می شود .

    1. سلام وقت بخیر
      خیر فایلی قرار نداده ایم زیرا با یک سرچ ساده میتوانید تصاویر را در گوگل پیدا کنید

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

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

  20. درود برشما این قسمت بخش داخلی توی منوی من موجود نیست فقط یه کانتینر هست که وقتی تودر تو میدارم ابزار رو درست کار نمیکنه

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

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

  22. سلام. شما را تحسین می کنم که آموزش کامل و بسیار خوبی قرار دادین. فقط در قسمت رنگی کردن متن یه پیشنهاد میدم شاید به درد بخورد. شما اگر افزونه Advanced Editor Tools را نصب کنید به راحتی گزینه رنگ متن و بکگراند را میتوانید به ویرایشگر اضافه کنید و در قسمت ویرایشگر متن ، تب متن ، کد را کپی کرده و در جاهای دیگر پیست کنید.
    امیدوارم همواره پیشرو و موفق باشید.

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

  23. سلام خسته نباشید
    من برای ساخت صفحه اصلی سایتم مطابق آموزش وقتی داخل کادر عنوان مینویسم:صفحه اصلی این عنوان رو داخل سایت هم نشون میده که من میخوام مثل شما نشون نده باید چیکار کنم؟

        1. سلام المنتوری عزیز
          وقتی که شما در ویرایشگر روی چرخ دنده بزنید میتوانید قالب خود را تغییر دهید و تمام عرض المنتور را ست نمایید این باعث میشه هدر و فوتر شما فقط نمایش داده شود و تیتر برای شما نمایش داده نمی شود .

  24. سلام در قسمت عنوان دو رنگ ” اقامت و ویزا هرکشوری که بخواهی”
    عنوان
    فرمودید.

    حال اگر بخواهیم بین دو قسمت مثلا 7 فاصله (space کیبرد) بیفتد کد کوتاه css چی بزنیم استاد؟
    عنوان1 + فاصله1 + فاصله2 + … + فاصله 7 + عنوان2

    1. سلام میتونید از
      & nbsp; استفاده کنید
      که من برای اینکه کد قرار داده بشه فاصله بین & و nbsp; دادم که پاک کنید

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

    1. سلام ممنونم از شما
      ابتدا به اون سکشن در صفحه یک Id بدید و بعد لینک آن صفحه + یک # و در ادامه آی دی را قرار بدید مثل
      Mysite.ir/testpage/#start

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

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

  27. سلام . من وقتی یه برگه جدید ایجاد میکنم اسم برگه بالا سمت راست صفحه اصلی سایت میاد چکار کنم که اسم برگه حذف بشه؟

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

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

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

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

        1. برای مقاله هم از article استفاده کنید
          برای مخفی سازی میتوانید از افزونه هایی که بر اساس شرط مخفی میکنند استفاده کنید .مثل پاور پک و یا افزونه های رایگان شرط گذاری

  31. سلام به شما
    من یه برگه طراحی کردم . عرض سکشنی که من طراحی کردم از دو طرف چپ و راست به منتهی الیه کناره های مانیتور من میچسبه و هر چقدر هم از المان طرح بندی و تغییر اندازه عددی در عرض محتوا ( حالت جعبه ای ) استفاده میکنم فقط عرض نوشته ها رو کم و زیاد میکنه و دو طرف سکشن من به دو طرف مانیتور چسبیده است … میتونید من رو راهنمایی کنید ؟

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

  32. سلام خدا قوت عالی بود ببخشید من یه سوالی داشتم من میخوام برای متنم یه بگکراند بسازم که ردیوس هم داشته باشه که مثلا فقط زیر یک کلمه ی خاصی قرار بگیره میتونید کمکم کنید؟
    https://s29.picofile.com/file/8462356000/blob.jpg
    توی این مثالشو براتون اوردم دقیقا عین همینو میخواستم

    1. سلام وقت بخیر
      برای ساختن یک بگراند با ردیوس و درج آن زیر یک کلمه خاص، شما می توانید از CSS استفاده کنید.
      برای این کار، ابتدا درون تگ style یک سلکتور برای کلمه خاصی که می‌خواهید زیر بگراند قرار دهید. سپس درون آن سلکتور، مشخص کنید که چه اندازه، چه رنگ، و چه شکلی بگراند شما باشد.
      به عنوان مثال، برای کلمه “با ما” در تصویری که برای ما ارسال کرده‌اید، کد زیر را می‌توانید استفاده کنید:
      span {
      background-color: #FF7F50;
      border-radius: 10px;
      padding: 5px;
      color: white;
      }
      حالا تگ span را در تیتر و نوشته خود قرار دهید .

    1. سلام وقت بخیر
      با Css و JavaScript میتوانید این کار را به راحتی برای خودتان در المنتور انجام دهید .
      لینک کمکی : https://www.w3schools.com/howto/howto_js_read_more.asp
      اما اگر بخواهید بدون کدنویسی انجام دهید افزونه پاور پک یک ویجتی برای این کار دارد .
      دانلود افزونه : افزونه پاور پک

    1. سلام وقت بخیر
      ممنون از اینکه سایت ما را دنبال میکنید جلسات در حال تدوین و ضبط جدید می باشند و بزودی تمامی جلساتی که ویدیو ندارد به صورت ویدیویی قابل مشاهده می باشند .الان بقیه جلسات ویدوی دارند اما ممکنه بین آن ها چندتا وجود نداشته باشد .
      موفق باشید

  33. سلام. یه سایت وردپرسی با قالب آوادا رو بعد از 4 سال فعالیت و زحمت شبانه روزی میشه با المنتور تغییر داد طوری که به سئو آسیب نبینه؟
    پشتیبان قالب میگه که آوادا با المنتور سازگاره ولی دموها رو نمیشه تغییر داد.
    با تشکر

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

  34. سلام وقتتون بخیر
    خیلی ممنون بابت آموزش های خوبتون

    برای ساخت اسلایدر آیا این امکان وجود داره که جهت ورود عکس ها رو تغییر بدیم؟ در حال حاضر infinite loop رو غیرفعال کردم و توی اسلایدر عکس ها از چپ به راست حرکت میکنند. من میخوام عکس ها از راست به چپ حرکت کنند.

    ممنون

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

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

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

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

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

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

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