آموزش ساخت صفحه اصلی اختصاصی در وردپرس

‏  8 دقیقه
۲۵ خرداد ۱۳۹۹
آموزش ساخت صفحه اصلی اختصاصی در وردپرس

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

فهرست محتوای این مقاله

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

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

روش اول: ایجاد صفحه اصلی یا Home Page در وردپرس به صورت دستی + کدنویسی

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

<?php /* Template Name: 7LearnFrontPage */ ?>

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

در مرحله‌ی دوم باید یک برگه‌ی جدید بسازیم و قالب تعریف شده را برای آن انتخاب کنیم. برای این منظور، از کنترل پنل سایت وردپرس از منوی برگه (Page)، گزینه‌ی افزودن برگه (add new) را انتخاب کرده و در صفحه‌ی افزودن برگه، عنوان و متن برگه را می‌نویسیم ( ما در این مثال، عنوان برگه را "برگه نخست 7Learn" انتخاب کردیم) و از منوی صفات برگه (Attributes)، قالب برگه را 7LearnFrontPage انتخاب می‌کنیم. در نهایت برگه را منتشر (publish) می‌کنیم. ساخت صفحه اصلی اختصاصی در وردپرس - طراحی صفحه با قالب جداگانه در وردپرسدر مرحله‌ی آخر از منوی تنظیمات (Setting) گزینه خواندن (reading) را انتخاب می‌کنیم و مشابه با تصویر زیر صفحه‌ای که ساختیم را به عنوان صفحه‌ی اول سایت قرار داده و گزینه‌ی ذخیره تغییرات را انتخاب می‌کنیم. ساخت صفحه اصلی اختصاصی در وردپرس - طراحی صفحه با قالب جداگانه در وردپرس

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

روش دوم: ایجاد صفحه اصلی یا Home Page در وردپرس با استفاده از گوتنبرگ

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

روش سوم: ایجاد صفحه اصلی یا Home Page در وردپرس با استفاده از افزونه‌های وردپرس

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

افزونه‌ی Beaver Builder نیز یکی از افزونه‌های محبوب صفحه‌ساز برای افراد مبتدی است. این افزونه دارای ده‌ها قالب صفحه‌ اصلی و قابل تنظیم است که می‌توانید تنها با یک کلیک اقدام به نصب آن‌ها کنید. پس از نصب این افزونه و انتخاب قالب، می‌توانید آن را با استفاده از ابزارهای point و click ویرایش کنید. می‌توانید محتوای خود را با محتوا و تصاویر قالب جایگزین کنید و حتی با اضافه‌کردن ماژول‌ها، ابزارک‌ها و بخش‌های مختلف، این الگو را گسترش دهید. Beaver Builder همچنین امکان دسترسی به Beaver Themer را به شما می‌دهد که به شما امکان می‌دهد تا بدون نوشتن کد، قالب دلخواه وردپرس خود را بسازید.

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

ساخت صفحه اصلی اختصاصی در وردپرس - طراحی صفحه با افزونه صفحه ساز در وردپرس

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

  • صفحه‌‌ی اصلی وب سایت شما مهم‌ترین صفحه‌ی وب سایت شما است که کاربران برای کسب اطلاعات بیشتر در مورد حرفه، محصولات و خدمات شما به آن مراجعه می‌کنند.
  • توصیه می‌کنیم طرح صفحه‌ی اصلی خود را تا حد ممکن ساده نگه دارید. تجربه‌ی ما در توسعه‌ی وب سایت‌های موفق نشان می‌دهد که کاربران، طرح‌های ساده‌تر را مفیدتر و بهتر از طرح‌های شلوغ و پیچیده می‌دانند.
  • کاربران می‌بایست در 3 ثانیه‌ی اول حضورشان در صفحه‌‌ی اصلی شما، موضوع کلی وب سایت شما را درک کنند. بسیاری از کاربران ممکن است به صورت تصادفی به وب سایت شما وارد شوند. در صورتی که بتوانید در اولین بازدید، توجه آن‌ها را جلب کنید و تجربه‌ی خوبی به آن‌ها ارائه دهید، می‌توانید آن‌ها را به مشتریان دائمی خود تبدیل کنید. برای این منظور می‌توانید در صفحه اول سایت، توضیحاتی مختصر در مورد فعالیت و خدمات تیم خود را ارائه دهید؛ سعی کنید تفاوت‌های خدمات خود را با سایر رقبایتان بیان کرده و آن‌ها را قانع کنید تا خدمات مورد نظر را از شما دریافت کنند؛ نظرات مشتریان و لوح‌های تقدیر (در صورت وجود) خود را در صفحه اصلی نمایش دهید؛ در ساخت منوی سایت از فونت و رنگ‌هایی مناسب استفاده کنید همچنین توجه داشته باشید که منوها بتوانند کاربران را به بخش‌های مختلف سایت شما هدایت کنند (برای ساخت منوهای جذاب و سه بعدی می‌توانید از نکات ارائه شده در مقاله‌ی آموزش ساخت منو با CSS و HTML استفاده کنید)؛ سعی کنید از تصاویر و ویدئوهای واقعی که فعالیت تیم شما را نشان می‌دهند استفاده کنید؛ در ازای ارسال محتوای هفتگی یا ماهیانه، ایمیل کاربران را دریافت کنید؛ از مقالات، اخبار و آموزش‌های جدید در صفحه اصلی خود استفاده کنید و در نهایت کاربران را تشویق به تعامل با سایت کنید.
  • سعی کنید از بی نظمی خودداری کنید، اما اطلاعات مهمی را که کاربران شما مایل به دیدن آن‌ها در صفحه‌ی اصلی هستند مخفی نکنید. همچنین می‌بایست بر اساس سیاست‌های سایت، محتواهای خود را برای نمایش در صفحه‌ی اصلی اولویت‌بندی کنید.
  • قبل از ایجاد یک صفحه‌ی اصلی سفارشی برای وب سایت خود، اهدافی را که می‌خواهید به آن‌ها دست پیدا کنید در جایی یادداشت کنید. این تمرین به شما کمک می‌کند تا یک هدف روشن از طرح در ذهن خود داشته باشید.
  • هدف شماره یک اکثر مشاغل و وبلاگ‌ها، تبدیل بازدیدکنندگان وب سایت به مشتری است. برای رسیدن به این هدف، به OptinMonster نیاز خواهید داشت. OptinMonster بهترین افزونه و نرم افزار تولید پاپ‌آپ برای وردپرس است. این امر به شما کمک می‌کند تا بازدیدکنندگان وب سایت را به مشتری تبدیل کنید.
  • در مرحله بعد می‌بایست نحوه‌ی عملکرد صفحه‌ی اصلی شخصی خود را بررسی کنید. برای این کار، باید Google Analytics را در وب سایت خود نصب کنید. گوگل آنالتیکس به شما کمک می‌کند تا بفهمید کاربران شما از کجا می‌آیند و در وب سایت شما چه کاری انجام می‌دهند.
  • همچنین می‌بایست ارتباط خود را با کاربران آسان‌تر کنید. برای این کار به افزونه‌ی WPForms نیاز دارید که بهترین افزونه فرم‌ساز وردپرس موجود است.
  • همچنین می‌توانید یک دکمه برای تماس کاربران، به وب سایت اضافه کنید تا افراد بتوانند به راحتی با تلفن همراه خود با شما تماس بگیرند.
  • در نهایت، توصیه می‌کنیم که رقبا و سایر سایت‌های محبوب را زیر نظر بگیرید. ما از شما نمی‌خواهیم که طرح آن‌ها را کپی کنید؛ بلکه از بهترین متدهای آن‌ها درس بگیرید و سپس آن را در صفحه‌ی اصلی خود اعمال کنید.

جمع بندی:

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

به نظر شما بهترین روش برای داشتن یک صفحه‌ی اصلی یا Home Page چیست؟ چه نکاتی را باید در طراحی یک صفحه‌ی اصلی رعایت کرد تا بهترین بازخورد و تاثیر را بر کاربران داشته باشد؟ خوشحال می‌شویم نظرات خود را با ما در میان بگذارید.

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

 

چه امتیازی به این مقاله می دید؟
نویسنده لقمان آوند
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.
ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :

 

نظرات کاربران

سجاد

سلام جناب خسته نباشید
اگه بخوایم داخل صفحه اصلی سایت بدون اینکه داخل متن یا بخش خاصی باشه چند دکمه اضافه کنیم باید چکار کنیم {ترجیحا بدون کد نویسی}

نازنین کریمی مقدم

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

متین

اطلاعاتی که بمن یاد بده چطور صفحه رو طراحی کنم نبود فقط معرفی بود ، این افزونه ، اون افزونه !

زهرا

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

نازنین کریمی مقدم

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

حمید

با سلام

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

کیوان علی محمدی

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

حمید

الان صفحه home.php را به عنوان صفحه نخست گذاشتم و یک لینک تو home.php گذاشتم که وارد index.php بشه اما باز وارد home.php میشه.
به چه شکل از home.php وارد index.php بشم؟

لقمان آوند

سلام
در واقع شما دیگه ایندکسی مثل سابق ندارید و صفحه ی دیگه ای رو به جای اون قرار دادید . در این صفحه ی جدید می تونید به آرشیو ها ، دسته بندی ها و … لینک بدید و نه به ایندکس سابق !

foumanvilla.ir

1)قالبم در قسمت صفات برگه ، تعیین نوع قالب برگه رو نداره.
چکار کنم؟
2)برای ایجاد صفحات جدید در قالب چه کارهایی باید انجام بدیم؟

کیوان علی محمدی

مطمئن هستید که نداره،شما از چه نسخه ای استفاده می کنید؟

الهه

من همه کار های کفته شده رو اانجام دادم ولی فقط یه صفحه سفید بالا می یاد وقتی سایتم رو باز می کنم
من می خواستم همه چیز مثل بقیه سایتم باشه هدر و نوارمنو بالا باشه ولی الان هیچی نیست داخلش
http://www.shaddone.ir/

کیوان علی محمدی

مطمئن هستید همه مراحل رو درست انجام دادید؟کد های صفحه تون رو درست نوشتید؟

الهه

من همه مراحل که شما گفتید انجام دادم اول یه کپی از page.php گرفتم یه اسم براش گذاشتم و همون جا دوباره کپی کردم بعد رفتم یه برگه با قالب که ساخته بودم درست کردم بعدش هم به تنظیماتی که شما گفتید رو انجام دادم
کد ها من تعقیر ندادم فقط یه اسم به اولش اضافه کردم

کیوان علی محمدی

میتونی از سرچ سایت استفاده کنی،

<?php get_search_form( $echo ); ?>

رسولی

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

لقمان آوند

ما سرور مجازی نداریم و هاست ویژه است که یه نوع اشتراکیه .
بستگی به میزان استفاده و آپلودهاتون داره . هر وقت دیدید هاستتون داره فضاش تموم میشه اضافه کنید .
مطالب و نظرات هر دو در دیتابیسند و هر کدوم بیشتر باشند بیشتر فضا می گیرند . بستگی به تعداد و محتواشون داره . مثلا اگه 10 تا پست با 1000 تا کامنت دارید خوب حجم کامنتا بیشتره و بالعکس !

رسولی

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

لقمان آوند

باید از همین شیوه استفاده کنید . فقط فایل frontpage.php رو به جای اینکه یه کپی از page.php باشه یه فایل با محتویات زیر ایجاد کنید :

&lt;?php /* Template Name: MyFrontPage */ ?&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Your Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
Your Html code for Home page !
&lt;/body&gt;
&lt;/html&gt;

بقیه ی مراحل رو مثل همین مطلب انجام بدید . فایل frontpage.php رو هر طوری که خواستید می تونید طراحی کنید !

لقمان آوند

برا امنیت خوبه . ولی خوب قطعا محدودیت هایی رو میاره . ممکنه فایلهایی رو که در اون پوشه داشتید از دسترس عموم خارج کنید . یه بده بستون هست بین امنیت و آزادی عمل !
بسته به نیازهای خودتون داره که چی می خواید . مثلا ما بنا به دلایلی این کارو نکردیم و به جاش از افزونه ی معادله ی امنیتی استفاده کردیم که جلوی حملات بروت فورس برای کشف رمز ها رو بگیریم .
هر جایی که یه فرم لاگین داشته باشید مثل یه در ورود به خونه (سایتتون) هست . آدرس رو عوض کنید صفحه ی جدید میشه در خونتون ! و حساسیت ها همچنان باقی است …
قفل کردن پوشه ی wp-admin (فکر کنم اشتباهی نوشتید wp-content) نباید تاثیری روی ایندکس شدن شما داشته باشه ..