کد های پایه وردپرس برای شروع طراحی سایت

امیر چیتایی

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

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

اول از همه تمام فایل‌های پوسته یا قالب وردپرسی را توضیح می‌دهم تا تازه‌کارهای عزیز هم بتوانند کاملا متوجه منظورم بشوند و بعد به سراغ معرفی کدها می‌رویم.

معرفی فایل‌های موجود در قالب وردپرس

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

  • style.css محل قرار گیری استایل های وردپرس
  • index.php صفحه اصلی
  • single.php صفحه ادامه مطلب پست
  • archive.php بخش آرشیو
  • searchform.php پوسته فرم جستجو
  • search.php جستجو وردپرس
  • ۴۰۴.php صفحه پیدا نشد
  • comments.php نظرات
  • footer.php فوتر سایت – پانوشت
  • header.php هدر سایت – سربرگ
  • sidebar.php  سایدبار سایت – ستون ها
  • page.php فایل صفحات

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

کد های مربوط به سربرگ یا هدر سایت

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

برای نمایش نام سایت در بخش تنظیمات وردپرس از کد زیر استفاده کنید.

کد نمایش نام سایت در قسمت تنظیمات وردپرس

<?php bloginfo(‘name’); ?>

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

کد نمایش تیتر سایت در هدر

<?php wp_title(); ?>

همچنین با کد زیر می‌توانید آدرس فایل استایل یا style.css را ایجاد کنید.

کد ایجاد آدرس فایل استایل style.css

با استفاده از کد زیر به راحتی این امکان را به وجود بیاورید.

<?php bloginfo(‘stylesheet_url’); ?>

یکی دیگر از تغییراتی که در قسمت هدر انجام می‌شود، تعیین آدرس قالب سایت است مثل آدرسhttp://yourdomain.com/wp-content/themes/farhadina

برای این کار نیاز به کد زیر داریم.

کد ایجاد آدرس قالب سایت

<?php bloginfo(‘template_url’); ?>

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

کد آدرس سایت

<?php bloginfo(‘url’); ?>

کد نمایش اطلاعات سایت در قسمت هدر

البته دقت کنید که اطلاعات مورد نیاز را قبل از </head>  قرار دهید. از کد زیر استفاده کنید.

<?php wp_head(); ?>

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

کد های مربوط به محتوا سایت ( فایل های index, single, archive, page )

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

کد حلقۀ پست

<?php if(have_posts()) : ?>
<?php while(have_posts()) : the_post(); ?>

و برای قرار گیری محتوای پست از کد زیر استفاده کنید.

کد محل قرارگیری محتوای پست

<?php endwhile; ?>
<?php endif; ?>

از کدهای زیر هم می‌توانیم برای لود یا بارگذاری سربرگ (هدر)، سایدبار و پا نوشت استفاده کنیم.

کد لود کردن فایل سربرگ Header.php

<?php get_header(); ?>

کد لود کردن فایل سایدبار sidebar.php

<?php get_sidebar(); ?>

 

کد لود کردن فایل پانوشت footer.php

<?php get_footer(); ?>

حالا برای فایل پا نوشت دلخواهتان از کد زیر استفاده کنید و به جای x از نام فایل مورد نظرتان استفاده کنید. مثلا: ( به جای x نام فایل مثلا sidebar-right.php نوشته شود )

<?php include(TEMPLATEPATH . ‘/x’); ?>

حالا به سراغ کدهای کاربردی در مورد اطلاعات پست در سیستم وردپرس برویم و آن‌ها را به شما معرفی کنیم.

کد های مربوط به اطلاعات پست ها در وردپرس

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

کد نمایش محتوای پست

<?php the_content(); ?>

یکی از نکات ضروری برای پست‌های شما ایجاد زمان وتاریخ برای پست‌های موجود در وب سایتتان می‌باشد، مخاطبان شما باید از زمان دقیق ایجاد پست شما باخبر باشند. برای ایجاد چنین امکانی از کد زیر استفاده کنید.

کد نمایش تاریخ پست ( ماه – روز – سال )

<?php the_time(‘m-d-y’) ?>

همچنین می‌توانید تیتر پست یا همان نامی که برای نمایش پست موردنظرتان در سایت در نظر گرفتید را با استفاده از کد وردپرسی زیر ایجاد کنید. لیست سایر پارامتر های توابع date

کد نمایش تیتر پست

<?php the_title(); ?>

اما لینک ثابت پست چیست؟ لینک ثابت پست همان ایجاد نمایش ادامه مطلب است با استفاده از این کد طراحان سایت می‌توانند مطالب طولانی را به طور کامل در صفحه نمایش ندهند و ضمن سبک کردن سایت و بالا بردن سرعت لود صفحات، راحت‌ترین دسترسی را برای مخاطبانی که همۀ پست را می‌خوانند ایجاد کنند. کافیست از کد زیر استفاده کنید.

کد لینک ادامه مطلب

<?php the_permalink() ?>

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

کد نمایش دسته بندی پست‌ها

<?php the_category(‘, ‘) ?>

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

کد نمایش نام نویسنده

<?php the_author(); ?>

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

<?php the_ID(); ?>

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

کد نمایش تعداد بازدید

<?php the_views(); ?>

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

کد  لود بخش نظرات در وردپرس

<?php comments_template(); ?>

کد نمایش دلخواه زمینه (متای پست) هم با کد زیر نمایش داده می‌شود که با key در کد زیر تعریف شده است.

<?php echo get_post_meta($post->ID, 'key', true); ?

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

کد های مربوط به فایل archive.php

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

کد نمایش تیتر در صفحه آرشیو

<?php printf(__('مطالب مربوط به موضوع : %s'), single_cat_title(NULL, false));?>

به پایان این قسمت از معرفی کدهای مهم‌ و کاربردی‌ وردپرسی رسیدیم.

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

برچسب ها : , , , ,

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

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

آموزش طراحی سایت

آموزش کامل طراحی سایت

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


براتون منتشر کنم


آیا سوالی دارید؟

۰۲۱-۶۶۹۴۰۴۲۲

پشتیبانی در تلگرام