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

ترکیب شده با Elementor حرفه ای، این تم ها به شما کمک می کنند تا به سرعت با هر بخش از وب سایت خود شروع کنید، از جمله:

صسنین استاتیک ، مانند صفحه اصلی ،

  • سربرگ
  • پاورقی
  • صفحه 404
  • بخش بایگانی 
  • وبلاگ
  • پنجره ها و دیگران

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

اما قبل از آن ، اگر هرگز WordPress را نصب نکرده اید کشف کنید چگونه به نصب یک وبلاگ وردپرس مراحل 7 et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود 

سپس به این دلیل که چرا ما اینجا هستیم

نحوه ساخت وب سایت کامل با مضامین Elementor

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

دقیق تر ، موضوع آژانس دیجیتال.

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

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

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

نحوه ایجاد یک عنصر وبلاگ کامل blogpascher 1

بنابراین در اینجا است ساخت یک وبسایت چگونه است با موضوع Elementor:

1. تم Elementor Hello را نصب و فعال کنید 

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

درعوض ، شما فقط به یک وب سایت سبک و با عملکرد بهینه ، که موضوع Elementor Hello آن را فراهم می کند ، نیاز دارید.

برای شروع ، به ظاهر → مضامین → افزودن و جستجو " سلام عنصر" سپس تم را نصب و فعال کنید. 

2. صفحات اصلی استاتیک وب سایت خود را پیکربندی کنید

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

ابتدا صفحه ای بنام " خوش آمد "و روی دکمه کلیک کنید ویرایش با Elementor برای راه اندازی المنتور

با کلیک بر روی تنظیمات برای باز کردن تنظیمات صفحه را تغییر دهید و چیدمان آن را برابر کنید Elementor Fullwidth.

سپس كتابخانه الگوی Elementor را باز كرده و "Digital Agency" را در زیر جستجو كنید صفحات :

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

اکنون باید یک صفحه اصلی را ببینید. سرصفحه در حال حاضر کمی کسل کننده به نظر می رسد - اما نگران نباشید ، ما به زودی این مشکل را برطرف خواهیم کرد.

در مرحله بعد، صفحه دیگری را برای استفاده برای " خود اضافه کنید در"

مانند قبل، یک صفحه ایجاد کنید و Layout را به آن تغییر دهید Elementor Fullwidth. سپس کتابخانه قالب را باز کرده و قالب را وارد کنید درباره ما موضوع آژانس دیجیتال.

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

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

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

  • رفتن به تنظیمات → پخش
  • را انتخاب کنید  یک صفحه ثابت (زیر را انتخاب کنید) تحت تنظیمات صفحه اصلی خود 
  • صفحه ای را انتخاب کنید که شامل صفحه اصلی موضوع باشد

3. قسمت های دیگر وب سایت خود را ایجاد کنید

اکنون شما آماده هستید تا سایر قسمت های وب سایت خود را با استفاده از Elementor بسازید. Elementor به شما امکان می دهد از ایجاد صفحات ثابت فراتر بروید (مانند آنچه در بالا انجام دادید).

با استفاده از Elementor می توانید بخشهایی مانند:n سر پاورقی و غیره ...

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

برای دسترسی به سازنده بصری Elementor ، به اینجا بروید قالب ها → تم ساز. برای اینکه بتوانید به آن دسترسی پیدا کنید ، باید Elementor Pro را نصب کنید.

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

سربرگ

برای شروع کار ، به برگه بروید سربرگ از رابط بصری سازنده ، سپس کلیک کنید ایجاد رویداد جدید. در صفحه بعدی، منتخبی از الگوها را در کتابخانه Elementor خواهید دید. درست مانند صفحات استاتیک، «آژانس دیجیتال» را جستجو کنید، سپس عبارت زیر را وارد کنید:

Elementor - قالب هدر را درج کنید

اکنون باید یک پیش نمایش بصری از هدر خود و همچنین یک منوی ناوبری از قالبی که درج کرده اید مشاهده کنید.

اگر می خواهید آن را تغییر دهید

  • رفتن به  ظاهر → منوها در داشبورد وردپرس خود قرار دهید
  • یک منوی جدید ایجاد کنید

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

دفعات بازدید: 10 ابزار اتوماسیون برای بازاریابی مشاغل کوچک

وقتی اضافه کردن موارد منو تمام شد ، منوی خود را ذخیره کنید و به رابط سربرگ خود در رابط Elementor برگردید.

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

سپس فشار دهید ذخیره و بستن

پاورقی

اکنون زمان آن رسیده که پاورقی وب سایت خود را ایجاد کنید:

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

حالا شما باید لیستی از قالب های پاورقی را مشاهده کنید دقیقاً مثل آنچه که با عنوان خود انجام داده اید. "آژانس دیجیتال" را جستجو کرده و الگوی پاورقی را وارد کنید.

هنگامی که الگوی پاورقی را وارد کردید ، باید پیش نمایش پاورقی خود را مشاهده کنید:

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

صفحه وبلاگ

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

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

کشف کنید نحوه اضافه کردن فهرست مطالب در وردپرس با Elementor

برای ایجاد صفحات بایگانی منحصر به فرد و الگوهای صفحه باید از سازنده بصری Elementor استفاده کنید - نه در مناطق با ما ou مقاله پیش فرض وردپرس

برای شروع…

  • رابط تم ساز را باز کنید
  • به برگه بایگانی بروید
  • روی افزودن جدید کلیک کنید
  • به آن یک اسم دهید و بر روی ایجاد الگوی کلیک کنید

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

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

لازم به ذکر است که اگر فقط یک مقاله ببینید طبیعی است، زیرا وردپرس فقط با یک مثال پیش فرض ارائه می شود که عبارت است از "Hello World! ".

در حال حاضر ، همه شما باید انجام دهید انتشار صفحه آرشیو خود را تنظیم کنید و آن را به گونه ای تنظیم کنید که در تمام بایگانی ها نمایش داده شود.

راهنمای ما را در ادامه بخوانید نحوه مهاجرت دستی یک وب سایت وردپرس

سپس می توانید به منوی پست ها در داشبورد خود بروید و پست های وبلاگ جدید ایجاد کنید. هر مورد را به دسته ای به نام «رسانه".

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

ایجاد صفحه الگوی پست وبلاگ

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

برای حل این مشکل ، شما باید الگوی "منحصر به فرد" را با Elementor ایجاد کنید:

  • سازنده بصری Open Elementor
  • برو به برگه تنها پست
  • با کلیک بر روی ایجاد رویداد جدید

در پنجره بازشو الگوی جدید :

  • نام او را بدهد
  • Sélectionnez پست در لیست کشویی نوع ارسال را انتخاب کنید. این به Elementor می گوید که شما می خواهید از این الگو برای پست های وبلاگ خود استفاده کنید (برخلاف صفحات یا برخی از انواع پست های سفارشی دیگر که می توانید استفاده کنید)

یک بار دیگر ، کتابخانه المان Elementor را مشاهده خواهید کرد. الگوی مقاله منحصر به فرد الگوی "آژانس دیجیتال" را بیابید و آن را وارد کنید.

همچنین بخوانید حالت نگهداری در وردپرس: توضیح و پیکربندی

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

به عنوان مثال ، اگر ویجت را تغییر دهید  ارسال اطلاعات، شما می توانید عناصر فراداده را که ظاهر می شوند ، مانند انتشار ، کنترل کنید ...

  • نویسنده
  • تاریخ انتشار
  • نظرات
  • غیره

پس از اینکه از مدل مورد خود راضی بودید ، کلیک کنید انتشار. سپس می توانید از گزینه های نمایش استفاده کنید تا این الگوی منحصر به فرد فقط در مورد پست های گروه "Beyond News" اعمال شود:

  • از بین انتخاب کنید دسته
  • دسته را انتخاب کنید رسانه

سپس فشار دهید ذخیره و بستن

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

برای پایان کار ، به بروید ظاهر → منوها و صفحه وبلاگ خود را به منوی ناوبری خود اضافه کنید. برای این کار می توانید پیوندی به دسته «اخبار» در بخش اضافه کنید دسته بندی ها.

صفحه 404

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

ما را نیز کشف کنید افزونه های 5 وردپرس برای حل خطاهای 404

برای ایجاد صفحه 404 خود، از سازنده بصری Elementor برای اضافه کردن یک الگوی منحصر به فرد دیگر استفاده کنید.

  • سازنده بصری Open Elementor
  • برو به برگه 404 خطا
  • با کلیک بر روی ایجاد رویداد جدید
  • درج قالب آژانس دیجیتال از صفحه 404
صفحه 404 - یک وب سایت کامل ایجاد کنید

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

اکنون Elementor Pro را دریافت کنید!

نتیجه

بنابراین ! این همه برای این راهنما است که گام به گام به شما نشان می دهد ساخت یک وبسایت چگونه است کامل با المنتور اگر داشته باشید نظر یا پیشنهادات خود ، دریغ نکنید که در بخش رزرو شده به ما اطلاع دهید.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید

...