آیا می خواهید یک صفحه اصلی سفارشی برای سایت وردپرس خود ایجاد کنید؟
به طور پیش فرض ، وردپرس پست های وبلاگ شما را در صفحه اصلی نشان می دهد. اما ممکن است بخواهید صفحه اصلی وب سایت شما چیزی کمی متفاوت مانند صفحه فرود که محصولات ، خدمات و غیره را برجسته می کند ، نشان دهد.
در این مقاله ، ما به شما نشان خواهیم داد که چگونه صفحه اصلی وردپرس خود را به راحتی ویرایش و سفارشی کنید.
صفحه اصلی وردپرس چیست؟ h4>
صفحه اصلی وردپرس شما “صفحه اول” وب سایت شما است. این اولین صفحه ای است که هنگام بازدید کاربر از نام دامنه . به عنوان مثال ، اگر www.wpbeginner.com را در مرورگر خود تایپ کنید ، صفحه ای که در آن قرار دارید صفحه اصلی وب سایت ما است:
چرا صفحه اصلی وردپرس را ویرایش کنید؟ h4>
اگر تصمیم گرفته اید یک وبلاگ ایجاد کنید ، بنابراین کاملاً منطقی است که فقط پست های وبلاگ خود را در صفحه اصلی نشان دهید.
اما اگر از WordPress برای ساخت وب سایت مشاغل کوچک یا حتی به فروشگاه آنلاین را راه اندازی کرد ؟ سپس ، احتمالاً محصولات یا تبلیغاتی دارید که می خواهید در صفحه اصلی برجسته کنید.
در اینجا یک مثال از صفحه اصلی وب سایت کسب و کار وجود دارد ، از OptinMonster . این بهترین افزونه پنجره بازشو در وردپرس است آنجا. سایت آنها یک وبلاگ عالی دارد ، اما این موضوع مورد توجه صفحه اصلی آنها نیست. درعوض ، آنها خواستار اقدام بسیار واضحی شده اند.
آیا می خواهید یک صفحه اصلی مانند آن ایجاد کنید؟ شاید شما قبلاً سعی کرده باشید یک صفحه سفارشی را به عنوان صفحه اصلی در وردپرس تنظیم کنید ، اما در تلاش هستید تا آن را درست جلوه دهید.
اگر چنین است ، در جای مناسبی قرار دارید.
ما از طریق راه اندازی یک صفحه اصلی و سفارشی سازی آن متناسب با نیازهای شما ، مرحله به مرحله شما را راهنمایی خواهیم کرد. به این ترتیب ، می توانید اولین تأثیرگذاری عالی داشته باشید و بازدیدکنندگان خود را به انجام اقداماتی که بیشترین اهمیت را برای مأموریت سایت شما دارند ، تشویق کنید.
این ممکن است به معنای خرید محصول دیجیتال از شما ، برای عضویت در سایت عضویت ، یا کمک مالی به کمپین جمع آوری کمک مالی .
ما قصد داریم چند روش مختلف را پوشش دهیم که می توانید برای ایجاد صفحه اصلی وردپرس خود استفاده کنید.
برای رفتن مستقیم به قسمتهای مختلف آموزش می توانید از این پیوندهای سریع استفاده کنید:
تنظیم صفحه اصلی خود در وردپرس h4>
به طور پیش فرض ، وردپرس پست های وبلاگ شما را در صفحه اصلی نمایش می دهد. با این حال ، اکثر وب سایت های تجاری و حتی اکثر وبلاگ ها از یک صفحه اصلی سفارشی و ایجاد یک صفحه وبلاگ جداگانه برای نمایش پست های وبلاگ خود.
بیایید ببینیم چگونه یک صفحه اصلی و صفحه وبلاگ جداگانه در وردپرس تنظیم کنیم.
ابتدا باید صفحه خود را با رفتن به صفحات »افزودن مطلب جدید ایجاد کنید. آن را به عنوان خانه یا هر نام دیگری که می خواهید آن را بنامید عنوان کنید و سپس صفحه را منتشر کنید.
نکته حرفه ای: آیا از قبل بازدید کننده ای از سایت خود دارید؟ پس ممکن است بخواهید هنگام تنظیم صفحه اصلی ، سایت خود را در حالت تعمیر و نگهداری قرار دهید . متناوباً ، می توانید سایت staging ایجاد کنید که در آن می توانید صفحه اصلی خود را ایجاد کنید.
اکنون ، بیایید فرایند را تکرار کنیم تا صفحه ای ایجاد کنیم که در آن پست های وبلاگ خود را نمایش دهید. به سادگی به صفحات »افزودن موارد جدید بروید و نام صفحه جدید خود را بلاگ قرار دهید. پس از آن ، می توانید پیش بروید و صفحه خالی را منتشر کنید.
پس از آماده شدن صفحات ، به وردپرس بگوییم شروع به استفاده از این صفحات کند.
با رفتن به صفحه تنظیمات »خواندن در قسمت مدیریت وردپرس می توانید این کار را انجام دهید. در مرحله بعدی ، باید گزینه “A static page” را در بخش “نمایش صفحه اصلی شما” انتخاب کنید. پس از آن ، پیش بروید و صفحات خانه و وبلاگ خود را انتخاب کنید.
برای ذخیره تنظیمات ، فراموش نکنید که روی دکمه “ذخیره تغییرات” کلیک کنید.
نکته: پیوند صفحه اصلی شما به سادگی نام دامنه شما است ، مگر اینکه شما وردپرس نصب شده در زیر شاخه .
با این حال ، صفحه صفحه اصلی شما هنوز خالی است. بیایید برخی از روش های ویرایش آسان صفحه اصلی خود در وردپرس را مشاهده کنیم.
استفاده از گزینه های داخلی تم خود برای ویرایش صفحه اصلی خود h4>
با مراجعه به صفحه ظاهر »شخصی سازی در داشبورد وردپرس خود می توانید این گزینه ها را پیدا کنید. با این کار پیش فرض قالب وردپرس با پیش نمایش زنده موضوع شما راه اندازی می شود.
Theme Customizer گزینه های مختلفی برای موضوعات مختلف دارد. پیش نمایش شما و گزینه های موجود بسته به موضوعی که استفاده می کنید ممکن است متفاوت باشد.
برای ویرایش هر قسمت از صفحه اصلی ، کافیست روی نماد مداد آبی رنگ در کنار آن کلیک کنید. در اینجا ، ما در حال ویرایش تصویر ، متن و دکمه در بالای صفحه اصلی هستیم.
توجه: به محض ویرایش ، در پیش نمایش سایت شما نمایش داده می شوند. این تغییرات تا زمانی که آنها را منتشر نکنید در سایت شما زنده نخواهد بود.
اگر می خواهید بخشی را از صفحه اصلی حذف کنید ، فقط باید روی نماد چشم آبی در گوشه سمت چپ بالای آن بخش کلیک کنید.
همچنین می توانید با استفاده از برگه “Frontpage Sections” سفارشی ساز ، بخشها را حذف کرده و دوباره اضافه کنید.
بعد از اینکه از صفحه اصلی خود راضی بودید ، برای فعال کردن آن روی دکمه انتشار کلیک کنید.
نحوه مشاهده صفحه اصلی ما به صورت زنده در وب سایت به شرح زیر است:
سریعترین راه برای تنظیم صفحه اصلی خود استفاده از گزینه های داخلی طرح زمینه است. با این حال ، ممکن است برخی از تم ها گزینه های زیادی نداشته باشند ، یا شما از ظاهر صفحه اصلی خود راضی نباشید.
نگران نباشید روشهای زیادی برای ویرایش صفحه اصلی خود و جلوه مورد نظر به آن وجود دارد.
استفاده از ویرایشگر بلوک برای ویرایش صفحه اصلی وردپرس h4>
اگر بخواهید صفحه اصلی خود را از ابتدا ایجاد کنید ، چه می کنید؟ ویرایشگر بلوک وردپرس یک روش ساده برای انجام این کار است.
برای استفاده از ویرایشگر بلوک ، به سادگی به صفحه Pages بروید و صفحه اصلی را که قبلاً ایجاد کرده اید ویرایش کنید.
اکنون می توانید شروع به ایجاد محتوا برای صفحه خود کنید.
نکته حرفه ای: اگر از ویرایشگر بلوک زیاد استفاده نکرده اید ، نکات متخصص ما را در تسلط بر ویرایشگر محتوای وردپرس . ما همه چیز را به روشنی با استفاده از عکسهای زیاد توضیح می دهیم تا نحوه کارکرد شما را نشان دهیم.
در این قسمت از آموزش ، از چند بلوک ساده برای ایجاد یک صفحه اصلی اساسی استفاده خواهیم کرد.
ابتدا ، یک پیام خوش آمد گویی به صفحه اضافه خواهیم کرد. برای شروع تایپ کردن می توانید این کار را با کلیک کردن روی صفحه انجام دهید. وردپرس به طور خودکار یک پاراگراف برای شما ایجاد می کند.
اگر می خواهید متن را بزرگتر کنید ، انجام آن در تنظیمات بلوک در سمت راست آسان است. فقط از کشوی «Preset size» در «تنظیمات نوشتار» استفاده کنید.
همچنین می توانید رنگ متن خود را در زیر این قسمت ، در بخش “تنظیمات رنگ” تغییر دهید.
بعد ، ما یک تصویر به صفحه اضافه خواهیم کرد. این کار را می توانید با کلیک روی نماد (+) و سپس انتخاب بلوک تصویر انجام دهید. آن را در بخش Common Blocks پیدا خواهید کرد یا می توانید با استفاده از نوار جستجو آن را جستجو کنید.
می توانید تصویری از کتابخانه رسانه خود انتخاب کنید یا یک تصویر جدید بارگذاری کنید.
مهم: فقط از تصاویری استفاده کنید که در دامنه عمومی یا CC0-مجاز ، یا مواردی که خودتان ایجاد کرده اید. همچنین باید تصاویر خود را برای وب بهینه کنید .
در مرحله بعدی ، یک بخش پاراگراف دیگر با متن آخرین پستهای خود را اینجا بررسی کنید اضافه کردیم.
سپس بلوک “جدیدترین ارسال ها” را اضافه کرده ایم که تنظیم کرده ایم برای نشان دادن گزیده پست و تصاویر برجسته و همچنین عنوان پست. می توانید اطلاعات بیشتر در مورد بلوک آخرین ارسال ها را در آموزش ما در نمایش پست های اخیر در وردپرس .
می توانید هر تعداد بلوک که می خواهید به صفحه اصلی خود اضافه کنید. همچنین اگر موضوع شما از یک الگو “تمام عرض” یا “بدون نوار کناری” برای صفحه خود استفاده کنید ، ممکن است بخواهید. می توانید این کار را در تنظیمات سند برای صفحه خود انجام دهید.
ما از طرح زمینه Astra در این مثال:
هنگامی که از صفحه اصلی خود راضی بودید ، روی دکمه “انتشار” در سمت راست بالای صفحه کلیک کنید.
به نظر می رسد صفحه اصلی پایان یافته ما:
اگر می خواهید با صفحه اصلی خود بیشتر کار کنید ، چه می کنید؟ یک گزینه این است که برخی از اینها را امتحان کنید مفید) “> بهترین افزونه های بلوک برای وردپرس
برای افزودن قابلیت های جدید ، مانند فرم تماس ، توصیفات ، بررسی ها و موارد دیگر.
گزینه عالی دیگر استفاده از عناوین سازنده صفحه برای وردپرس برای ایجاد مطلبی زیبا و حرفه ای.
در قسمت بعدی این آموزش ، ما دو سازنده صفحه متفاوت را پوشش خواهیم داد: Beaver Builder و تقسیم بندی توسط مضامین زیبا .
استفاده از Beaver Builder برای ویرایش صفحه اصلی WordPress خود h4>
Beaver Builder یک پلاگین محبوب صفحه ساز ، و یک روش عالی برای ایجاد صفحه اصلی است.
ابتدا باید Beaver Builder. برای جزئیات بیشتر ، به راهنمای گام به گام ما در نحوه نصب افزونه وردپرس .
بعد ، می توانید ویرایش صفحه اصلی خود را شروع کنید. فقط به منوی Pages در وردپرس بروید و کلیک کنید تا صفحه اصلی را که قبلا ایجاد کردیم ویرایش کنید.
در ویرایشگر بلوک ، ایده خوبی است که به صفحه خالی یا بدون الگوی ستون های فرعی در بخش سند »صفات صفحه» الگو بروید.
برای این کار از OceanWP استفاده می کنیم بخشی از آموزش. همراه با الگوی ‘Landing Page’ یک بوم خالی ایجاد می کند که می توانید با سازنده صفحه ویرایش کنید.
هنگامی که الگوی صفحه خود را تنظیم کردید ، می توانید روی “راه اندازی Beaver Builder را در مرکز صفحه قرار دهید.
شما به ویرایشگر Beaver Builder هدایت می شوید. سریعترین راه برای طراحی صفحه اصلی خود استفاده از یکی از الگوهای از قبل ساخته شده Beaver Builder است. روی نماد + در بالا سمت راست کلیک کنید ، اگر قبلاً انتخاب نشده است ، سپس برچسب الگوها را کلیک کنید.
ما می خواهیم از این الگوی “آژانس” برای سایت خود استفاده کنیم.
توجه: الگوها در نسخه ساده Beaver Builder در دسترس نیستند.
می توانید هر آنچه را که در مورد الگوی خود دوست دارید ویرایش کنید. فقط روی هر چیزی که می خواهید تغییر دهید کلیک کنید. پنجره کوچکی ظاهر می شود که می توانید ویرایش کنید. در اینجا ، ما در حال ویرایش عنوان صفحه اصلی خود هستیم (متن بزرگ در بالا).
ما اکنون سرفصل صفحه و متن موجود در دکمه زیر آن را تغییر داده ایم:
اگر می خواهید عناصر جدیدی به صفحه خود اضافه کنید ، می توانید این کار را با اضافه کردن یک ماژول جدید یا یک ردیف کاملا جدید انجام دهید. محتوا در Beaver Builder به صورت ردیفی تنظیم شده است که به ستون تقسیم می شود.
برای افزودن یک ردیف یا ماژول ، روی نماد + در بالای صفحه کلیک کنید. پس از آن ردیف یا ماژول انتخابی خود را در آن بکشید و رها کنید. در اینجا ، ما یک ردیف 1 ستونی جدید به صفحه خود اضافه می کنیم:
هنگامی که یک ردیف در جای خود قرار گرفتید ، می توانید 1 یا چند ماژول به آن اضافه کنید. ما یک ردیف 1 ستونی داریم ، بنابراین فقط می توانیم 1 ماژول اضافه کنیم. ما می خواهیم با کشیدن و انداختن ماژول در محل از ماژول Heading استفاده کنیم:
با کلیک روی برگه Style برای ماژول می توانید قلم و اندازه آن را تغییر دهید:
اگر می خواهید یک ردیف یا ماژول از صفحه خود حذف کنید ، نشانگر ماوس را روی آن بیاورید و X را که به سمت چپ ظاهر می شود کلیک کنید.
در اینجا ، نمادهای خاکستری به شما امکان می دهند کل سطر را ویرایش یا حذف کنید و نمادهای آبی به شما امکان ویرایش یا حذف یک ماژول جداگانه را می دهند:
می توانید ردیف ها و ماژول های صفحه خود را به همان اندازه که می خواهید اضافه و تغییر دهید. بعد از اینکه از شکل ظاهری آن راضی بودید ، روی “انجام شد” در بالا سمت راست کلیک کنید.
سپس می توانید صفحه خود را ذخیره یا منتشر کنید.
نحوه مشاهده صفحه ما در سایت ما به شرح زیر است:
استفاده از Divi برای ویرایش صفحه اصلی وردپرس خود h4>
Divi مورد دیگری است افزونه محبوب صفحه ساز وردپرس. همراه با یک تم وردپرس و یک پلاگین صفحه ساز با ده ها قالب زیبا.
می توانید از سازنده صفحه Divi با هر موضوعی استفاده کنید. برای این آموزش ما قصد داریم از آن با موضوع Divi استفاده کنیم.
ابتدا باید طرح زمینه Divic از مضامین زیبا . این شامل سازنده Divi است ، بنابراین نیازی نیست که آن را جداگانه نصب کنید.
توجه: باید نام کاربری و کلید API خود را در قسمت Divi »گزینه های طرح زمینه» به روزرسانی ها در داشبورد وردپرس خود وارد کنید. در غیر این صورت ، نمی توانید به بسته های طرح بندی دسترسی پیدا کنید.
اگر به نصب افزونه نیاز دارید ، نگاهی به راهنمای گام به گام ما در نحوه نصب افزونه وردپرس .
هنگامی که طرح زمینه و صفحه Divi راه اندازی شد ، می توانید صفحه اصلی خود را تنظیم کنید. ابتدا به منوی Pages در داشبورد WordPress خود بروید و سپس صفحه اصلی را که قبلا ایجاد کردیم ویرایش کنید.
قبل از شروع ویرایش صفحه اصلی ، بهتر است به الگوی صفحه خالی در بخش سند »صفات صفحه» الگو بروید. به این ترتیب ، صفحه اصلی شما دارای نوار کناری ، عنوان ، منو یا سایر عناصر پیش فرض نخواهد بود.
بعد ، می توانید روی دکمه “استفاده از Divi Builder” در بالای صفحه کلیک کنید.
اکنون باید روی دکمه “استفاده از Divi Builder” در مرکز صفحه کلیک کنید.
ممکن است در بالای صفحه خود اعلانی مشاهده کنید که از شما می خواهد سایت را ترک کنید یا خیر. برای ورود به سازنده Divi روی «ترک» کلیک کنید.
در مرحله بعدی ، طیف وسیعی از گزینه ها را مشاهده می کنید که می توانید برای ایجاد صفحه خود استفاده کنید. ما پیشنهاد می کنیم از یک طرح اولیه برای صفحه اصلی خود استفاده کنید. با این کار تنظیم صفحه اصلی شما بسیار سریع و آسان است.
Divi طیف چشمگیری از طرح های مختلف برای انتخاب دارد. 163 بسته طرح بندی مختلف وجود دارد و هر یک از اینها چندین صفحه آرایی مختلف از جمله صفحات اصلی دارند.
با تایپ کردن یک عبارت جستجو می توانید از طریق این موارد جستجو کنید ، یا می توانید کادرها را علامت بزنید تا فقط طرح بندی های متناسب با دسته های خاص را مشاهده کنید.
ما برای ایجاد صفحه اصلی خود از بسته طرح “Travel Blog” استفاده خواهیم کرد. ابتدا روی بسته ای که می خواهید استفاده کنید کلیک کنید:
در مرحله بعدی ، توضیحاتی درباره بسته طرح بندی ، به علاوه طرح بندی صفحه های مختلف موجود ، مشاهده خواهید کرد. احتمالاً می خواهید از صفحه اصلی یا صفحه فرود برای صفحه اصلی خود استفاده کنید. ما می خواهیم گزینه Home را انتخاب کنیم.
پس از انتخاب طرح ، روی دکمه “استفاده از این طرح” کلیک کنید.
Divi به طور خودکار طرح را برای شما وارد می کند. دقیقاً همانطور که در سایت شما نشان داده می شود ، آن را مستقیماً در صفحه خود مشاهده خواهید کرد. برای ویرایش هر بخشی از آن ، کافیست روی آن کلیک کنید.
مانند Beaver Builder ، Divi از سیستم ردیف (تقسیم به ستون) و ماژول ها برای ایجاد صفحه شما استفاده می کند. با استفاده از ماژول های متنی می توانید بر روی متن کلیک کرده و هر آنچه را که می خواهید مستقیماً بر روی صفحه تایپ کنید.
در اینجا ، عنوان و متن زیر آن را تغییر داده ایم:
با ماژول های دیگر ، می توانید نشانگر ماوس خود را بر روی آنها قرار دهید و برای ویرایش آنها روی نماد تنظیمات ماژول کلیک کنید. در اینجا ، ما در حال ویرایش یکی از شمارنده های اعداد هستیم:
با استفاده از نماد سطل آشغال می توانید به همان روش ماژول ها و ردیف ها را حذف کنید.
شما احتمالاً می خواهید از تصاویر خود در صفحه اصلی خود استفاده کنید.
همین!
اگر این مقاله را دوست داشتید ، لطفاً مشترک شوید کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .
منبع:
https://www.wpbeginner.com/wp-tutorials/how-to-edit-a-wordpress-homepage-easily-effectively/.