کد های وردپرسی برای طراحی قالب وردپرس

خانه / وردپرس / آموزش وردپرس / کد های وردپرسی برای طراحی قالب وردپرس
کد های وردپرسی برای طراحی قالب وردپرس

کد های وردپرسی برای طراحی قالب وردپرس

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

کد های وردپرس برای طراحی قالب وردپرس

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

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

مهم ترین اجزای تشکیل دهنده قالب وردپرس

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

مهم ترین فایل هایی که در هر قالب و یا پوسته وردپرس دیده می شوند به شرح زیر است :

شیوه نامه یا استایل style.css
صفحه اصلی ( خانه ) سایت home.php
صفحه دسته بندی category.php
نمایش ادامه مطلب و توضیحات نوشته single.php
نماش محتوای برگه های سایت page.php
نمایش صفحه جستجو search.php
فایل اصلی پوسته وردپرس index.php
صفحه خطای ۴۰۴ یا پیدا نشد با نام ۴۰۴٫php
ستونهای کناری پوسته sidebar.php
هدر یا سربرگ header.php
فوتر یا پانوشت footer.php
تصویری نام screenshot با فرمت png یا jpg برای نمایش در بخش پوسته های وردپرس
و …

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

توابع ضروری و با قابلیت نمایش

از جمله مهم ترین توبع قالب وردپرس می توان به موارد زیر اشاره کرد :

تابعی در جهت نمایش عنوان نوشته the_title
تابعی در جهت نمایش لینک پست the_permalink
تابع نمایش نویسنده مطلب the_author_name
نمایش تعداد دیدگاه های سایت comments_number
نمایش دسته بندی مطلب the_category
نمایش برچسب های مطلب the_tags
تابعی در جهت نمایش تاریخ انتشار نوشته the_time
تابع تاریخ بروزرسانی یا آپدیت شدن پست the_modified_date
تابع نمایش توضیحات و محتوا the_content
نمایش تصویر شاخص نوشته the_post_thumbnail
و …

<!–?php bloginfo(‘name’); ?–> نمایش عنوان وب سایت
<!–?php bloginfo(‘description’);?–> ( نمایش معرفی کوتاه سایت شما ( شرح سایت
<!–?php bloginfo(‘admin_email’);?–> نمایش آدرس ایمیل مدیر
<!–?php bloginfo(‘url’);?–> نمایش آدرس وب سایت
<!–?php bloginfo(‘wpurl’);?–> نمایش آدرس سایت وردپرس
<!–?php bloginfo(‘stylesheet_url’);?–> نمایش آدرس فایل سی اس اس موجود در پوشه ی پوسته فعال
<!–?php bloginfo(‘template_directory’); ?–> نمایش آدرس پوشه ی پوسته فعال
<!–?php bloginfo(‘atom_url’); ?–> نمایش آدرس فید اتم سایت
<!–?php bloginfo(‘rss_url’); ?–> نمایش آدرس آر اس اس وب سایت
<!–?php bloginfo(‘rss2_url’); ?–> نمایش آدرس آر اس اس ۲ وب سایت
<!–?php bloginfo(‘rdf_url’); ?–> نمایش آدرس آر دی اف سایت
<!–?php bloginfo(‘charset’); ?–> نمایش یونیکد استفاده شده در وب سایت شما
<!–?php bloginfo(‘language’); ?–> نمایش زبان فعال استفاده شده در وب سایت شما
<!–?php bloginfo(‘text_direction’);?–> نمایش دایرکشن استفاده شده در وب سایت شما
<!–?php bloginfo(‘version’); ?–> نمایش ورژن وردپرس وب سایت شما
<!–?php wp_title(); ?–> نمایش عنوان صفحه ی در حال نمایش
<!–?php get_search_form() ?–> نمایش فرم جستجو در سایت
<!–?php the_search_query() ?–> نمایش متن جستجو شده , پس از جستجو در سایت
<!–?php wp_tag_cloud(); ?–> نمایش لیست کامل تگ های استفاده شده در وب سایت
<!–?php echotag_description(id); ?–> نمایش توضیحات یک تگ خاص – به جای آی دی , شناسه تگ را وارد نمایید
<!–?php single_tag_title(); ?–> نمایش نام تگی که بر روی آن کلیک کرده و وارد صفحه ی تگ شده ایم
<!–?php single_post_title(); ?–> نمایش نام نوشته ای که بر روی آن کلیک کرده و وارد صفحه شده ایم
<!–?php single_cat_title(); ?–> نمایش نام دسته بندی که بر روی آن کلیک کرده و وارد صفحه ی آن شده ایم
<!–?php the_permalink(); ?–> نمایش پیوند یکتا
<!–?php get_calendar(); ?–> نمایش تقویم در وب سایت

مشاهده
ترفند های فایل توابع وردپرس Functions.php

توابع خارج از حلقه وردپرس

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

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

لیست ها و منو های افتادنی

<!–?php wp_dropdown_categories(); ?–> نمایش موضوعات در قالب منو افتادنی
<!–?php wp_dropdown_pages(); ?–> نمایش صفحات در قالب منو افتادنی
<!–?php wp_dropdown_users(); ?–> نمایش کاربران در قالب منو افتادنی
<!–?php wp_get_archives(); ?–> نمایش لیست آرشیو وب سایت
<!–?php wp_list_authors(); ?–> نمایش لیست نویسندگان وب سایت
<!–?php wp_list_bookmarks(); ?–> نمایش لیست پیوند های وب سایت
****************************
نکته : به صورت پیشفرض امکان درج لینک در وردپرس غیر فعال است که برای فعال کردن این امکان , باید کد زیر را در فایل فانکشن پوسته ی خود اضافه کنید
add_filter( ‘pre_option_link_manager_enabled’, ‘__return_true’);
****************************
<!–?php wp_list_categories(); ?–> نمایش لیست موضوعات وب سایت
<!–?php wp_list_comments(); ?–> نمایش لیست کامنت های وب سایت
<!–?php wp_list_pages(); ?–> نمایش لیست برگه های وب سایت
<!–?php wp_page_menu(); ?–> نمایش لیست صفحات وب سایت

توابع ورود و خروج

<!–?php wp_login_form(); ?–> نمایش فرم ورود به وب سایت
<!–?php echo wp_login_url(); ?–> نمایش آدرس قسمت ورود به سایت
<!–?php echo wp_logout_url(); ?–> نمایش آدرس خروج از وب سایت
<!–?php echo wp_lostpassword_url(); ?–> نمایش آدرس قسمت فراموشی رمز عبور وب سایت
<!–?php echo wp_registration_url(); ?–> نمایش آدرس قسمت ثبت نام در وب سایت
<!–?php wp_loginout(); ?–> نمایش لینک ورود/خروج به صورت اتوماتیک در وب سایت
**********************************************
تابع شرطی برای دو شرط ورود به صورت مهمان و یا ورود با نام کاربری
<!–?php if ( is_user_logged_in() ) { امکانات در صورتی که اگر کاربر وارد شده بود } el

<!–?php posts_nav_link(); ?–> نمایش راهنما برای رفتن به صفحه ی بعد و قبل
<!–?php previous_post_link(); ?–> نمایش لینک به پست قبلی
<!–?php next_post_link(); ?–> نمایش لینک به پست بعدی
<!–?php the_category(); ?–> نمایش لیست موضوعات مربوط به پست در حال نمایش
<!–?php the_permalink(); ?–> نمایش لینک پیوند یکتای صفحه ی مورد نظر
<!–?php the_title(); ?–> نمایش عنوان پست در حال نمایش
<!–?php the_content(); ?–> نمایش محتویات پست در حال نمایش
<!–?php the_excerpt(); ?–> نمایش مختصری از محتویات پست در حال نمایش
<!–?php the_time(); ?–> نمایش زمان درج پست در حال نمایش
<!–?php the_date(‘y/m/d’); ?–> نمایش تاریج درج پست در حال نمایش
<!–?php the_ID(); ?–> نمایش شناسه پست در حال نمایش
<!–?php the_author_posts(); ?–> نمایش تعداد پست های نویسنده ی پست مورد نظر
<!–?php the_author() ?–> نمایش نام نویسنده پست مورد نظر
<!–?php the_shortlink(); ?–> نمایش لینک ورود به صفحه ی یکتای پست در حال نمایش
<!–?php the_tags(); ?–> نمایش برچسب های پست در حال نمایش
<!–?php comments_number(); ?–> نمایش تعداد نظرات داده شده پست در حال نمایش
<!–?php comments_template(); ?–> single.php نمایش قسمت نظرات – حتما داخل فایل
<!–?php the_title_attribute(); ?–> نمایش مقدار اتربیوت تایتل پست در حال نمایش

مشاهده
استفاده از قابلیت کنسول جستجو در Yoast SEO

کد وردپرس برای نمایش آخرین مطالب

اگر بخواهید تازه ترین و ۵ نوشته اخیر خود را در سایت به نمایش بگذارید تا کاربران از آخرین پست های مطلع باشند می توانید از کد های زیر استفاده کنید . شما تنها کاری که باید انجام دهید این است که باید کد ها را در فایل index.php ، single.php کپی کرده و ذخیره نمایید .
<!–?php query_posts(‘showposts=5’); ?–>
<!–?php endwhile;?–>

کد نمایش آخرین دیدگاه ها یا نظرات

شما برای آنکه نظرات کاربران را در اختیار دیگر کاربران بگذارید و این گونه بر اعتبار خود بیافزایید می توانید از کد زیر استفاده کنید .
<!–?php global $wpdb; $sql = “SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,comment_author_url, SUBSTRING(comment_content,1,30) AS com_excerpt FROM $wpdb-&gt;comments&lt;br ?–> LEFT OUTER JOIN $wpdb-&gt;posts ON ($wpdb-&gt;comments.comment_post_ID =
$wpdb-&gt;posts.ID)
WHERE comment_approved = ‘1’ AND comment_type = ” AND
post_password = ”
ORDER BY comment_date_gmt DESC
LIMIT 10″;
$comments = $wpdb-&gt;get_results($sql);
$output = $pre_HTML;
$output .= “\n
<ul>
<ul>”;</ul>
</ul>
&nbsp;
<ul>
<ul>foreach ($comments as $comment) {</ul>
</ul>
&nbsp;
<ul>
<ul>$output .= “\n
<li>”.strip_tags($comment-&gt;comment_author)
.”:” . “<a href=”\&quot;&quot;”>ID) .
“#comment-” . $comment-&gt;comment_ID . “\” title=\”on ” .
$comment-&gt;post_title . “\”&gt;” . strip_tags($comment-&gt;com_excerpt)
.”</a></li>
</ul>
</ul>
“;
}
$output .= “\n

“;
$output .= $post_HTML;
echo $output;?&gt;

همچنین اگر بخواهید بهترین نظرات و دیدگاه ها را نشاد دهید از کد زیر بهره بگیرید .

<!–?php $result= $wpdb-&gt;get_results(“SELECT comment_count,ID,post_title FROM $wpdb-&gt;posts ORDER BY comment_count DESC LIMIT 0 , 10”);&lt;br ?–> foreach($resultas$topten) {
$postid= $topten-&gt;ID;
$title= $topten-&gt;post_title;
$commentcount= $topten-&gt;comment_count;
if($commentcount!= 0) { ?&gt;
<!–?php } } ?–>

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

<h2>دسته ها</h2>

کد نمایش دسته بندی ها با Drop-Down Box
<form action=”&lt;?php bloginfo(‘url’); ?&gt;/”method=”get”><!–?php &lt;br ?–> $select= wp_dropdown_categories(‘show_option_none=گزینش دسته&amp;show_count=1&amp;orderby=name&amp;echo=0’);
$select= preg_replace(“#&lt;select([^&gt;]*)&gt;#”, “&lt;select$1 onchange=’return this.form.submit()’&gt;”, $select); echo$select; ?&gt;
<noscript>&lt;input type=”submit”value=”نمایش”/&gt;</noscript></form>

توابع فراخوانی بخش های مختلف

شما بعد از آن کد فایل psd قالب خود را به html تبدیل کردید بعد از تبدیل html به پوسته وردپرس باید بخش هایی مانند هدر و فوتر سایت خود را در قالب تکرار کرد و توسط دستورات دیگر آنها را در پوسته ی خود فراخوانی نماییم . توجه داشته باشید فایل های خود را با فرمت php ذخیره کنید .
مهم ترین توابع وردپرس برای فراخوانی بخش های مختلف :

فراخوانی هدر توسط تابع get_header
فراخوانی فوتر توسط تابع get_footer
بارگذاری ستون کناری توسط تابع get_sidebar
فراخوانی اجزای مختلف پوسته توسط تابع get_template_part
و …

این فراخوانی ها در قسمت های ابتدایی و انتهایی فایل ها مورد استفاده قرار میگیرند البته این امر برای فراخوانی هدر و فوتر صدق می کند و سایر فراخوانی ها بر اساس جایگاه مورد نظر در قالب html استفاده می شود.

کد وردپرس برای نمایش بایگانی (آرشیو)

شما در قطعه کد زیر می توانید monthly را تغییر داده و آن را به yearly ،daily ،postbypost ،alpha تغییر دهید .

<h2>بایگانی</h2>
<ul>
<?php wp_get_archives(‘type=monthly’); ?>
</ul>

کد نمایش گراواتار ها (Gravatars)

<?php if(function_exists(’get_avatar’)){ echo get_avatar($comment, ‘۵۰?);} ?>

کد نمایش بخش مدیریت وردپرس

<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href=”http://www.wordpress.org/”>WordPress</a></li>
<?php wp_meta(); ?>
<li><a href=”http://validator.w3.org/check?uri=referer”>XHTML</a></li>
</ul>

کد نمایش برچسب های وردپرس

<?php the_tags(); ?>

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

اصلا خوب نبودمیتونه بهتر باشهقابل قبولهخوب بودعالی بود (1 رای, میانگین 5٫00 از 5)

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

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

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

Time limit is exhausted. Please reload the CAPTCHA.