hostino

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

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

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

 

صفحه اصلی سایت چیست

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

 

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

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

 

تنظیمات خواندن

صفحات خود را حرفه ایی تر طراحی کنید !

 

1 – استفاده از صفحه‌‌سازها برای طراحی هرچه بهتر صفحات جدید

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

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

اگر برنامه نویس هستید این روش برای شما عالی است . در این روش شما باید از یک سری نکات در خصوص برنامه‌نویسی آگاهی داشته باشید. برای استفاده از این روش باید با شیوه‌های برنامه‌نویسی وردپرس، PHP،HTML و CSS تا حدودی آشنا باشید. یکی از این الگوهایی که گفته شد front-page.php نام دارد. اگر قالبی که بر روی سایت خود استفاده می‌کنید این الگو را داشته باشد وردرس به‌صورت خودکار از این الگو برای نمایش صفحه اصلی شما استفاده می‌کنند. البته اگر قالب سایتتان این فایل را ندارد می‌توانید برای سایت خود طبق روند زیر آن را ایجاد کنید.

 

اگر این فایل را ندارید ، باید ابتدا پوشه ایی را با اسم front-page.php در فایل قالب خود بسازید. پس‌ از آن باید آن را در پوشه موضوع فعلی خود در حساب میزبانی وردپرس خود با استفاده از FTP بارگذاری کنید. به‌محض اینکه شما این پوشه را بسازید وردپرس برای نمایش صفحه اصلی از آن استفاده می‌کند، اما خب این پوشه خالی است و ممکن است شما با یک صفحه کاملاً سفید به‌عنوان صفحه اصلی مواجه شوید. اما خب این مشکل نیز قابل‌حل می‌باشد. برای رفع این مشکل شما باید از کد HTML برای نمایش محتوای main page استفاده کنید.

 

<?php /* 
This page is used to display the static frontpage. 
*/
 
// Fetch theme header template
get_header(); ?>
    <div id="primary" <?php astra_primary_class(); ?>>
 
    <div class="custom-homepage-container"> 
 
    You custom homepage code goes here
 
    </div> 
 
    </div><!-- #primary -->
//Fetch the theme footer template 
<?php get_footer(); ?>

 

به این مطلب امتیاز دهید

امتیاز کلی : 0 / 5. تعداد آرا : 0

اولین نفر باید که به این مطلب امتیاز میدهید

وبیت این پست توسط نگارش شده است.

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

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود

هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !

همکاران وبیت