چک لیست موارد ضروری قالب وردپرس برای مبتدیان (همراه کد)

از

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

 

قبل از شروع کار

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

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

با این حال، شما همچنان به ویژگی هایی که قالب شما پشتیبانی می کند محدود هستید. بعضی اوقات ممکن است بخواهید تغییرات جزئی در قالب وردپرس خود ایجاد کنید که به برخی از کدگذاری ها نیاز دارد. برای انجام این کار، شما باید با PHP ، HTML و CSS آشنایی داشته باشید.

بهتر است در ابتدا با نحوه کار وردپرس و قالب های وردپرس آشنا شوید.

سپس قبل از ایجاد تغییرات در سایت اصلی خودتان بر روی یک سایت local تمرین کنید.

حال به موارد ضروری قالب های وردپرس میپردازیم.

قالبهای اصلی وردپرس

فایل های اصلی و اولیه قالب وردپرس

 

هر قالب وردپرس از پرونده های مختلفی به نام الگو تشکیل شده است. تمام قالب های وردپرس باید دارای یک فایل stylesheet و یک فایل index باشند، اما معمولاً با فایل های زیادی روبرو می شوند.

لیست فایلهایی که هر قالب دارد، در زیر آمده است:

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

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

تگ های قالب در هدر

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

اولین و احتمالاً مهمترین عملکردی که در تمام قالب های استاندارد سازگار با وردپرس مورد نیاز است wp_head نامیده می شود و به این شکل است:

<?php wp_head(); ?>

این کد تمام HTML مهم وردپرس را که می بایست در بخش <head>هر صفحه در وب سایت شما اضافه شود، واکشی می کند. همچنین برای بسیاری از افزونه های برای کارایی صحیح وب سایت وردپرس شما ضروری است.

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

// Title of the Blog, or Blog Name
<?php bloginfo('name'); ?> 
// Title of a Specific Page
<?php wp_title(); ?>
// Exact URL for the site
<?php bloginfo('url'); ?> 
// Site's Description
<?php bloginfo('description'); ?> 
// Location of Site’s Theme File
<?php bloginfo('template_url'); ?>
// Link to the Style.css location
<?php bloginfo('stylesheet_url'); ?>  
// RSS Feed URL for the site
<?php bloginfo('rss2_url'); ?> 
// Pingback URL for the site
<?php bloginfo('pingback_url'); ?>
// WordPress version number 
<?php bloginfo('version'); ?>

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

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

تگ های قالبی که شامل قالب های دیگر نیز میشوند

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

//Displays Header.php file content <?php get_header(); ?>  // Displays Footer.php file content <?php get_footer(); ?> // Displays Sidebar.php file content <?php get_sidebar(); ?> // Displays Comment.php file content <?php comments_template(); ?>

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

// Displays the Content of the Post <?php the_content(); ?>   // Displays the excerpt that is used in Posts <?php the_excerpt(); ?> // Title of the Specific Post <?php the_title(); ?> // Link of the Specific Post <?php the_permalink() ?> // Category of a Specific Post <?php the_category(', ') ?> // Author of the Specific Post <?php the_author(); ?>  //ID of a Specific Post <?php the_ID(); ?> // Edit link for a Post  // Oonly visible to logged in users with editing privileges <?php edit_post_link(); ?> // URL of the next page <?php next_post_link(' %link ') ?> // URL of the previous page <?php previous_post_link('%link') ?>

قالب های وردپرس دارای مناطقی به نام Sidebars هستند. این مکانها در پرونده های تم شما هستند که کاربران می توانند ابزارک های وردپرس را بکشند و رها کنند. معمولا یک قالب دارای چندین مکان برای اضافه کردن ابزارک ها دارد.

با این حال، معمولاً این مکان ابزارک ها در نوار کناری سمت راست یا چپ قالب قرار دارند.

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

<?php  if ( ! is_active_sidebar( 'sidebar-1' ) ) {     return; } ?> <aside id="secondary" class="widget-area" role="complementary">     <?php dynamic_sidebar( 'sidebar-1' ); ?> </aside><!-- #secondary -->

در این کد باید نام sidebar-1 را با نامی که در قالب شما آمده است جایگزین کنید.

تگ های فالب برای نمایش منوهای پیمایش

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

کد زیر باعث ایجاد منوی ناوبری در قالب شما میشود.

<?php wp_nav_menu( array(      'theme_location' => 'my-custom-menu',      'container_class' => 'custom-menu-class' ) );  ?>

موقعیت مکانی theme_location که در کد آمده است بستگی نامی دارد که قالب شما برای ثبت منوی ناوبری استفاده کرده است. کلاس container را می توان هر چیزی که دوست دارید بنامید. این کلاس کل منوی ناوبری را دربرد میگیرد و هر زمان خواستید از طریق css میتوانید استایل آن را تغییر دهید.

تگهای قالب متفرقه

در زیر برخی ازکدهایی وجود دارد که معمولاً در قالب WordPress خود استفاده خواهید کرد.

// Displays the date current post was written <?php echo get_the_date(); ?>  // Displays the last time a post was modified get_the_modified_time // Displays the last modified time for a post <?php echo the_modified_time('F d, Y'); ?> // Displays post thumbnail or featured image <?php the_post_thumbnail( ); ?> // Displays monthly archives <?php wp_get_archives( ); ?> // Displays the list of categories <?php wp_list_categories(); ?> // Displays the gravatar of a user from email address // 32 pixels is the size, you can change that if you need <?php echo get_avatar( 'email@example.com', 32 ); ?> // Displays gravatar of the current post's author <?php echo get_avatar( get_the_author_meta( 'ID' ), 32 ); ?>

تگ های شرطی در مضامین وردپرس

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

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

<?php if ( has_post_thumbnail() ) {     the_post_thumbnail(); } else {     echo '<img src="' . get_bloginfo( 'stylesheet_directory' )          . '/images/thumbnail-default.jpg" />'; } ?>

در زیر چند کد شرطی دیگر آورده شده است که می توانید استفاده کنید.

// Checks if a single post is being displayed is_single()  // Checks if a page is being displayed is_page()  // Checks if the main blog page is displayed is_home()  // Checks if a static front page is displayed is_front_page()  // Checks if current viewer is logged in is_user_logged_in()

کدهای شرطی دیگری وجود دارد که می توانید استفاده کنید. لیست کامل تگ های شرطی را می توان در صفحه codex وردپرس در مورد برچسب های شرطی یافت.

حلقه وردپرس

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

در زیر مثالی از یک حلقه ساده وردپرس آورده شده است.

<?php // checks if there are any posts that match the query if (have_posts()) :   // If there are posts matching the query then start the loop   while ( have_posts() ) : the_post();     // the code between the while loop will be repeated for each post     ?>     <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>     <p class="date-author">Posted: <?php the_date(); ?> by <?php the_author(); ?></p>     <?php the_content(); ?>     <p class="postmetadata">Filed in: <?php the_category(); ?> | Tagged: <?php the_tags(); ?> | <a href="<?php comments_link(); ?>" title="Leave a comment">Comments</a></p>     <?php     // Stop the loop when all posts are displayed  endwhile; // If no posts were found else : ?> <p>Sorry no posts matched your criteria.</p> <?php endif; ?>

 

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

 .

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