عبدالرحمن أبوالسعد

مصمم ومطور مواقع إنترنت

المدونة

أكواد الووردبريس

أكواد الووردبريس

  •  
  •  
  •  
  •  
  •  
  •  
  •  

السلام عليكم ورحمة الله وبركاته

خلينا ندخل فى الموضوع على طول، دى مجموعه من أكواد الوورد بريس اللى قدرت أجمعها لو احتاجت أى كود تحت أمرك نبدأ على بركة الله 

تعريف ملف التنسيق الأساسي للقالب style.css

/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/
Description: The 2010 default theme for WordPress.
Author: wordpressdotorg
Author URI: http://wordpress.org/
Version: 1.0
Tags: blue, white, two-columns, translation-ready, rtl-language-support, custom-menu (optional)
License:
License URI:
*/

أكواد استدعاء الصفحات

<?php get_header(); ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
<?php comments_template(); ?>

لجلب محتوى صفحة معينة

<?php get_template_part('slider'); // Get say page ?>

جزء الهيد بداخل الهيدر

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
<link rel="pingback" href="<?php bloginfo('pingback url'); ?>" /> 
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> 
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

إضافة كود نهاية الهيد

<?php wp_head(); ?>

وأيضا اضافة هذا باسفل الفوتر لإظهار شريط الأدمن وحجز مساحته بالأعلى

<? wp_footer(); ?>

دعم القوائم فى القالب والتحكم فيها

if ( function_exists( 'register_nav_menus' ) ) {
     register_nav_menus(
      array(
        'menu' => 'القائمة الرئيسية',
        'menu2' => 'القائمة الفرعية',
        'menu3' => 'القائمة العلوية',
      )
     );
    }

ثم ضع هذا الكود فى أى مكان نحن بحاجه الى اضافه القائمه اليه مع تغيير
‘theme_location’ => ‘menu’
الى الإسم الذى حددناه فى ملف Functions.php الذى بالأعلى

<?php

$defaults = array(
 'theme_location'  => 'menu',
 'menu'            => '',
 'container'       => 'nav',
 'container_class' => 'mainmenu',
 'container_id'    => '',
 'menu_class'      => 'mainmenu',
 'menu_id'         => '',
 'echo'            => true,
 'fallback_cb'     => 'wp_page_menu',
 'before'          => '',
 'after'           => '',
 'link_before'     => '',
 'link_after'      => '',
 'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
 'depth'           => 0,
 'walker'          => ''
);

wp_nav_menu( $defaults );

?>

أكواد لمعلومات عن المدونة

<?php bloginfo('name'); ?> - عنوان المدونة
<?php bloginfo('description'); ?> - وصف عن المدونة
<?php bloginfo('url'); ?> - رابط المدونة
<?php bloginfo('rss2_url'); ?> - رابط rss
<?php bloginfo('template_url'); ?> -رابط ملف القالب
<?php bloginfo('template_directory'); ?> - مجلد القالب
<?php bloginfo('pingback_url'); ?> - رابط البينج باك
<?php bloginfo('stylesheet_url'); ?> - رابط ملف الاستايل 
<?php bloginfo('wpurl'); ?> - رابط تسطيب المدونة

عرض عدد تدوينات العضو

//function

function countUserPosts($userID) {
	$userposts = get_posts('showposts=-1&author='.$userID); 
	return count($userposts);
}

// USAGE
<?php echo 'Author has published'.countUserPosts('1').' Posts'; ?>

<?php echo get_the_author(); ?> اسم الكاتب فقط
<?php the_author_posts_link(); ?> – اسم الكاتب + الرابط الخاص بصفحته

اعرف أكتر من خلال الرابط ده https://codex.wordpress.org/Author_Templates

 

التاريخ باليوم والشهر والسنة

<?php the_time('d m y'); ?>

اعرف أكتر من خلال الرابط ده https://codex.wordpress.org/Template_Tags/the_time

 

اسم التصنيف

<?php the_category(', ') ?>

اعرف أكتر من خلال الرابط ده https://codex.wordpress.org/Category_Templates

 

عرض الأوسمة

<?php the_tags(''); ?> - الاوسمة بفواصل
<?php the_tags('',' ', ''); ?> - الاوسمة بفواصل
<?php the_tags(' ',' '); ?> - الاوسمة بدون فواصل

تحرير التدوينة

<?php edit_post_link( __( 'تحرير الموضوع', 'abdo' ), '<span class="edit-link">', '</span>' ); ?>

اضافة صورة للتدوينة بطريقة الصورة البارزة

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(array(200,200)); ?></a>

ثم اضافة التالى داخل ملف functions.php

if ( function_exists('add_theme_support') )
add_theme_support('post-thumbnails');

 

لاظهار المقتطف فى التدوينة

<?php the_excerpt(); ?> - لاظهار المقتطف فى التدوينة
<?php the_excerpt('اكمل قراءة الموضوع ...');?>
<?php echo excerpt(25); ?> - إظهار أول 25 كلمه فقط من التدوينه

ثم أضف الكود التالى فى ملف functions.php

function excerpt($limit) {
      $excerpt = explode(' ', get_the_excerpt(), $limit);
      if (count($excerpt)>=$limit) {
        array_pop($excerpt);
        $excerpt = implode(" ",$excerpt).'...';
      } else {
        $excerpt = implode(" ",$excerpt);
      } 
      $excerpt = preg_replace('`\[[^\]]*\]`','',$excerpt);
      return $excerpt;
    }

    function content($limit) {
      $content = explode(' ', get_the_content(), $limit);
      if (count($content)>=$limit) {
        array_pop($content);
        $content = implode(" ",$content).'...';
      } else {
        $content = implode(" ",$content);
      } 
      $content = preg_replace('/\[.+\]/','', $content);
      $content = apply_filters('the_content', $content); 
      $content = str_replace(']]>', ']]&gt;', $content);
      return $content;
    }

THE LOOP اللوب الإفتراضي المسئول عن تكرار التدوينات

<?php if(have_posts()) : ?>
   <?php while(have_posts()) : the_post(); ?>
// الكود الخاص بالتدوينة
   <?php endwhile; ?>
<?php else : ?>
<p>المعذرة, ما تبحث عنه غير متوفر هنا</p>
<?php endif; ?>

عرض تدوينات من نفس القسم

<?php global $post;
				$categories = get_the_category();
				foreach ($categories as $category) :
				?>
					<h3>More News From This Category</h3>
				<ul>
				<?php
				$posts = get_posts('numberposts=3&category='. $category->term_id);
				foreach($posts as $post) :
				$thumb_id = get_post_thumbnail_id();
				$thumb_url = wp_get_attachment_image_src($thumb_id, true);
				?>
					<li>
					<a href="<?php the_permalink(); ?>">
						<img src="<?php echo $thumb_url[0]; ?>" alt="<?php the_title(); ?>"/>
						<div class="more_tit">
							<?php the_title(); ?>
						</div>
					</a>
					</li>
				<?php endforeach; ?>
				<li><strong><a href="<?php echo get_category_link($category->term_id);?>" title="View all posts filed under <?php echo $category->name; ?>">ARCHIVE FOR '<?php echo $category->name; ?>' CATEGORY &raquo;</a></strong></li>
				<?php endforeach; ?>
				</ul>

الصفحات التاليه والصفحات السابقه

<?php next_post_link() ?> - Displays Newer Posts link
<?php previous_post_link() ?> - Displays previous link

عرض اخر تدوينات تصنيف معين

<?php query_posts('category_name=Name Here&showposts=10'); ?>

عرض اخر مواضيع تم نشرها

  <?php
					  
					  $the_query = new WP_Query(
					  'showposts=2'
					  );
					  
					  while ($the_query -> have_posts()) : $the_query -> the_post();
					  
					  			$thumb_id = get_post_thumbnail_id();
								$thumb_url = wp_get_attachment_image_src($thumb_id, true);

					  ?>
                    
                      <li>
                                    <a href="<?php the_permalink() ?>">
                                        <img src="<?php echo $thumb_url[0]; ?>" />
                                        <span><?php the_title(); ?></span>
                                        <time><?php the_time('l, F j, Y'); ?></time>
                                    </a>
                      </li>

                      <?php endwhile;?>

استدعاء صندوق البحث

<?php include TEMPLATEPATH . '/searchform.php'; ?>

 

 

 

للموضوع بقية بإذن الله 🙂

 

 

 

 

 

 

 

 

 

 

 

Summary
أكواد الووردبريس
Article Name
أكواد الووردبريس
Description
خلينا ندخل فى الموضوع على طول، دى مجموعه من أكواد الوورد بريس اللى قدرت أجمعها لو احتاجت أى كود تحت أمرك نبدأ على بركة الله 
Author