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

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

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

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

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

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

کد نمایش مطالب مرتبط

برای نمایش مطالب مرتبط اول باید تصمیم بگیرین که مطالب مرتبطتون رو بر اساس یکی بودن .
موضوعاتشون نمایش بدین یا بر اساس یکسانی تگ ها!
به ترتیب هر دو روش رو با هم بررسی میکنیم:

پشتیبانی از تصویر شاخص در پوسته وردپرس

خوب اول باید برسی کنم که آیا پوسته ما از تصویر شاخص پشتیبانی می کنه یا خیر .
برای فعال سازی تصویر شاخص وردپرس کد زیر را داخل فایل functions.php قرار میدیم.

add_theme_support( 'post-thumbnails' );

1	add_theme_support( 'post-thumbnails' );

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

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

    <?php $orig_post = $post;
    global $post;
    $categories = get_the_category($post->ID);
    if ($categories) :
        $category_ids = array();
        foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
        $args=array(
            'category__in' => $category_ids,
            'post__not_in' => array($post->ID),
            'posts_per_page'=> 4,
            'caller_get_posts'=>1
        );
        $my_query = new wp_query( $args );
        if( $my_query->have_posts() ) :?>
          <?php  while( $my_query->have_posts() ) :
                $my_query->the_post();?>

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

                <a href="<? the_permalink()?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
                <?php the_time('M j, Y') ?>

                <?php  endwhile; ?>

        <?php endif; endif; $post = $orig_post; wp_reset_query(); ?>

<?php $orig_post = $post;

global $post;

$categories = get_the_category($post->ID);

if ($categories) :

$category_ids = array();

foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;

$args=array(

'category__in' => $category_ids,

'post__not_in' => array($post->ID),

'posts_per_page'=> 4,

'caller_get_posts'=>1

);

$my_query = new wp_query( $args );

if( $my_query->have_posts() ) :?>

<?php while( $my_query->have_posts() ) :

$my_query->the_post();?>

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

<a href="<? the_permalink()?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>

<?php the_time('M j, Y') ?>

<?php endwhile; ?>

<?php endif; endif; $post = $orig_post; wp_reset_query(); ?>

توضیح در مورد کد

کد بالا یکی از کاملاترین کدهای نمایش مطالب مرتبط بر اساس موضوعه چراکه تقریبا تمام المان های یک پست(مثل عنوان و تصویر و…) توش به کار رفته.
بذارین تا یکم مختصر کد بالا رو براتون تشریح کنم :

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

در مرحله بعد اومدیم نحوه نمایش رو انتخاب کردیم که طبق کد ما موارد زیر برای هر مطلب مرتبط به نمایش درمیاد :

نمایش مطالب مرتبط بر اساس برچسب ها (تگ ها)

این کد دقیقا مثلا بالاست با این تفاوت که مطالب مرتبط رو بر اساس برچسبشون نشون میده.
برای استفاده از این کد هم باید اون رو در مکانی از قالب که میخواین مطالب مرتبط به نمایش دربیان قرار بدین.
PHP

    <?php $orig_post = $post;
    global $post;
    $tags = wp_get_post_tags($post->ID);
    if ($tags) :
        $tag_ids = array();
        foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
        $args=array(
            'tag__in' => $tag_ids,
            'post__not_in' => array($post->ID),
            'posts_per_page'=>5, // Number of related posts that will be shown.
            'caller_get_posts'=>1
        );
        $my_query = new wp_query( $args );
        if( $my_query->have_posts() ) :?>
<div style="clear:both; margin-top:1.5em; margin-bottom:1.5em;"><a href="https://7reply.com/learning-to-change-the-link-and-logo-login-to-counting-wordpress/" target="_blank" rel="dofollow" class="IRPP_ruby"><!-- INLINE RELATED POSTS 1/3 //--><style> .IRPP_ruby , .IRPP_ruby .postImageUrl , .IRPP_ruby .centered-text-area { height: 130px; position: relative; } .IRPP_ruby , .IRPP_ruby:hover , .IRPP_ruby:visited , .IRPP_ruby:active { border:0!important; } .IRPP_ruby .clearfix:after { content: ""; display: table; clear: both; } .IRPP_ruby { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 0.7; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #C0392B; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .IRPP_ruby:active , .IRPP_ruby:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #E74C3C; } .IRPP_ruby .postImageUrl { background-position: center; background-size: cover; float: right; margin: 0; padding: 0; width: 31.59%; } .IRPP_ruby .centered-text-area { float: left; width: 65.65%; padding:0; margin:0; } .IRPP_ruby .centered-text { display: table; height: 130px; right: 0; top: 0; padding:0; margin:0;float: left;width: 100%; } .IRPP_ruby .IRPP_ruby-content { display: table-cell; margin: 0; padding: 0 0px 0 74px; position: relative; vertical-align: middle; width: 100%; } .IRPP_ruby .ctaText { border-bottom: 0 solid #fff; color: #000000; font-size: 13px; font-weight: bold; margin: 0; padding: 0; } .IRPP_ruby .postTitle { color: #ECF0F1; font-size: 16px; font-weight: 600; margin: 0; padding: 0; } .IRPP_ruby .ctaButton { background: url(https://7reply.com/wp-content/plugins/intelly-related-posts-pro/assets/images/next-arrow.png)no-repeat; display: inline-block; height: 130px; width: 54px; } .IRPP_ruby .ctaButton { background-color: inherit; margin-left: 10px; position: absolute; left: 0; top: 0; } .IRPP_ruby:after { content: ""; display: block; clear: both; } </style><div class="postImageUrl" style="background-image:url(https://7reply.com/wp-content/uploads/2018/03/link-wordpress-logo-admin.jpg);"></div><div class="centered-text-area"><div class="centered-text"><div class="IRPP_ruby-content"><div class="ctaText">دوست عزیز پیشنهاد میشه این مطلب را هم ببینید </div><div style="clear:both"></div><div class="postTitle">آموزش تغیر لینک و لوگو ورود به پیشخوان وردپرس + فیلم آموزشی</div></div></div><div class="ctaButton"></div></div></a></div>            
           <?php while( $my_query->have_posts() ) : $my_query->the_post(); ?>

               <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail(); ?></a>
                       <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>
                        <?php the_time('M j, Y') ?>
            
            <?php endwhile; ?>
  
       <?php endif; endif; $post = $orig_post; wp_reset_query(); ?>

<?php $orig_post = $post;

global $post;

$tags = wp_get_post_tags($post->ID);

if ($tags) :

$tag_ids = array();

foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;

$args=array(

'tag__in' => $tag_ids,

'post__not_in' => array($post->ID),

'posts_per_page'=>5, // Number of related posts that will be shown.

'caller_get_posts'=>1

);

$my_query = new wp_query( $args );

if( $my_query->have_posts() ) :?>

<?php while( $my_query->have_posts() ) : $my_query->the_post(); ?>

<a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail(); ?></a>

<a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>

<?php the_time('M j, Y') ?>

<?php endwhile; ?>

<?php endif; endif; $post = $orig_post; wp_reset_query(); ?>

عملکرد و موارد نمایش دهنده این کد هم مثل کد قبلی هست ولی مطالب مرتبط رو بر اساس یکی بودن برچسب تشخیص میده.

خوب دوستان عزیز بریم سراغ استایل related posts یکیم استایل بدیم من یک استایل شیک برای شما عزیزان آماده کردم.

کد های html را کپی کنید داخل single.php قرار بدید .

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>آموزش مطالب مرتبط به صورت فیلم آموزشی </title>
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css'>
</head>
<body>
  <div class="container-fluid">
<div class="row-fluid">
<div class="span12">

    <div class="page-header">
        <h3>مطالب مرتبط</h3>
        <p>آموزش مطالب مرتبط به دو روش به صورت فیلم آموزشی</p>
    </div>
            <div class="wrapper">
                    <ul class="thumbnails">

                        <li class="span3">
                            <div class="thumbnail">
                                <a href="#"><img src="http://placehold.it/360x240" alt=""></a>
                            </div>
                            <div class="caption">
                                <h4>مطالب مرتبط</h4>
                				<time><span>فوریه 10, 2018</span></time>
                                <a class="btn btn-mini" href="#">&raquo; مشاهده</a>
                            </div>
                        </li>

                        <li class="span3">
                            <div class="thumbnail">
                                <a href="#"><img src="http://placehold.it/360x240" alt=""></a>
                            </div>
                            <div class="caption">
                                <h4>مطالب مرتبط</h4>
                                <time><span>فوریه 10, 2018</span></time>
                                <a class="btn btn-mini" href="#">&raquo; مشاهده</a>
                            </div>
                        </li>
                        <li class="span3">
                            <div class="thumbnail">
                                <a href="#"><img src="http://placehold.it/360x240" alt=""></a>
                            </div>
                            <div class="caption">
                                <h4>مطالب مرتبط</h4>
                                <time><span>فوریه 10, 2018</span></time>
                                <a class="btn btn-mini" href="#">&raquo; مشاهده</a>
                            </div>
                        </li>
                        <li class="span3">
                            <div class="thumbnail">
                                <a href="#"><img src="http://placehold.it/360x240" alt=""></a>
                            </div>
                            <div class="caption">
                                <h4>مطالب مرتبط</h4>
                                <time><span>فوریه 10, 2018</span></time>
                                <a class="btn btn-mini" href="#">&raquo; مشاهده</a>
                            </div>
                        </li>
                    </ul>
              </div><!-- /wrapper -->
</div><!-- /.row --> 
</div><!-- /.container -->
  </div>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js'></script>
    <script  src="js/index.js"></script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>آموزش مطالب مرتبط به صورت فیلم آموزشی </title>

</head>

<body>

<h3>مطالب مرتبط</h3>

<p>آموزش مطالب مرتبط به دو روش به صورت فیلم آموزشی</p>

</div>

</div>

<h4>مطالب مرتبط</h4>

<time><span>فوریه 10, 2018</span></time>

<a class="btn btn-mini" href="#">» مشاهده</a>

</div>

</li>

</div>

<h4>مطالب مرتبط</h4>

<time><span>فوریه 10, 2018</span></time>

<a class="btn btn-mini" href="#">» مشاهده</a>

</div>

</li>

</div>

<h4>مطالب مرتبط</h4>

<time><span>فوریه 10, 2018</span></time>

<a class="btn btn-mini" href="#">» مشاهده</a>

</div>

</li>

</div>

<h4>مطالب مرتبط</h4>

<time><span>فوریه 10, 2018</span></time>

<a class="btn btn-mini" href="#">» مشاهده</a>

</div>

</li>

</ul>

</div>

</div>

</div>

</div>

</body>

</html>

خوب دوست عزیز بعد از قرار دادن کد های html مطالب مرتبط باید الان استایل دهیم کنیم برای این کار کد های زیر را کپی کنید

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

آموزش لینک کردن خودکار کلمات مطالب وردپرس به صورت رایگان + فیلم

/* Global */
body {
    background: #3399cc;
    padding: 40px;
    direction: rtl;
}  

img { max-width:100%; }

a {
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease; 
	}
    a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
        filter: alpha(opacity=50); /* IE7 */
        opacity: 0.6;
        text-decoration: none;
    }


/* Container */
.container-fluid {
    background: #FFFFFF;
    margin: 40px auto 10px;
    padding: 20px 40px 0;
    max-width: 960px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}


/* Page Header */
.page-header {
    background: #f9f9f9;
    margin: -30px -40px 40px;
    padding: 20px 40px;
    border-top: 4px solid #ccc;
    color: #999;
    text-transform: uppercase;
    }
    .page-header h3 {
        line-height: 0.88rem;
        color: #000;
        }



/* Thumbnail Box */
.caption h4 {
    font-size: 1rem;
    color: #444;
    }
    .caption p {
        font-size: 0.75rem;
        color: #999;
        }
        .btn.btn-mini {
            font-size: 0.63rem;
            }


/* Carousel Control */
.control-box {
    text-align: right;
    width: 100%;
    }
    .carousel-control{
        background: #666;
        border: 0px;
        border-radius: 0px;
        display: inline-block;
        font-size: 34px;
        font-weight: 200;
        line-height: 18px;
        opacity: 0.5;
        padding: 4px 10px 0px;
        position: static;
        height: 30px;
        width: 15px;
        }


/* Footer */
.footer {
    margin: auto;
    width: 100%;
    max-width: 960px;
    display: block;
    font-size: 0.69rem;
    }
    .footer, .footer a {
        color: #c9e4f7;
        }
        p.right  { 
            float: right; 
            }


/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
    text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
    word-break: break-all;
    }
}


/* ADD-ON
-------------------------------------------------- */
body:after{content:"less than 320px";font-size:1rem;font-weight:bold;position:fixed;bottom:0;width:100%;text-align:center;background-color:hsla(1,60%,40%,0.7);color:#fff;height:20px;padding-top:0;margin-left:0;left:0}@media only screen and (min-width:320px){body:after{content:"320 to 480px";background-color:hsla(90,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:480px){body:after{content:"480 to 768px";background-color:hsla(180,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:768px){body:after{content:"768 to 980px";background-color:hsla(270,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:980px){body:after{content:"980 to 1024px";background-color:hsla(300,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:1024px){body:after{content:"1024 and up";background-color:hsla(360,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}

::selection { background: #ff5e99; color: #FFFFFF; text-shadow: 0; }
::-moz-selection { background: #ff5e99; color: #FFFFFF; }
<div style="clear:both; margin-top:1.5em; margin-bottom:1.5em;"><a href="https://7reply.com/how-to-set-the-gravatar-on-wordpress-min/" target="_blank" rel="dofollow" class="IRPP_ruby"><!-- INLINE RELATED POSTS 3/3 //--><style> .IRPP_ruby , .IRPP_ruby .postImageUrl , .IRPP_ruby .centered-text-area { height: 130px; position: relative; } .IRPP_ruby , .IRPP_ruby:hover , .IRPP_ruby:visited , .IRPP_ruby:active { border:0!important; } .IRPP_ruby .clearfix:after { content: ""; display: table; clear: both; } .IRPP_ruby { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 0.7; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #C0392B; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .IRPP_ruby:active , .IRPP_ruby:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #E74C3C; } .IRPP_ruby .postImageUrl { background-position: center; background-size: cover; float: right; margin: 0; padding: 0; width: 31.59%; } .IRPP_ruby .centered-text-area { float: left; width: 65.65%; padding:0; margin:0; } .IRPP_ruby .centered-text { display: table; height: 130px; right: 0; top: 0; padding:0; margin:0;float: left;width: 100%; } .IRPP_ruby .IRPP_ruby-content { display: table-cell; margin: 0; padding: 0 0px 0 74px; position: relative; vertical-align: middle; width: 100%; } .IRPP_ruby .ctaText { border-bottom: 0 solid #fff; color: #000000; font-size: 13px; font-weight: bold; margin: 0; padding: 0; } .IRPP_ruby .postTitle { color: #ECF0F1; font-size: 16px; font-weight: 600; margin: 0; padding: 0; } .IRPP_ruby .ctaButton { background: url(https://7reply.com/wp-content/plugins/intelly-related-posts-pro/assets/images/next-arrow.png)no-repeat; display: inline-block; height: 130px; width: 54px; } .IRPP_ruby .ctaButton { background-color: inherit; margin-left: 10px; position: absolute; left: 0; top: 0; } .IRPP_ruby:after { content: ""; display: block; clear: both; } </style><div class="postImageUrl" style="background-image:url(https://7reply.com/wp-content/uploads/2019/10/How-to-Set-the-Gravatar-on-WordPress.jpg);"></div><div class="centered-text-area"><div class="centered-text"><div class="IRPP_ruby-content"><div class="ctaText">دوست عزیز پیشنهاد میشه این مطلب را هم ببینید </div><div style="clear:both"></div><div class="postTitle">آموزش نحوه تغییر آواتار در وردپرس و نظرات سایت ها</div></div></div><div class="ctaButton"></div></div></a></div>
a, a:focus, a:active, a:hover, object, embed { outline: none; }
:-moz-any-link:focus { outline: none; }
input::-moz-focus-inner { border: 0; }

.btn.btn-mini {
    font-size: 0.63rem;
    display: block;
    background: #62c462;
    font-size: 16px;
    color: #fff;
    padding: 5px;
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

/* Global */

body {

background: #3399cc;

padding: 40px;

direction: rtl;

}

img { max-width:100%; }

a {

-webkit-transition: all 150ms ease;

-moz-transition: all 150ms ease;

-ms-transition: all 150ms ease;

-o-transition: all 150ms ease;

transition: all 150ms ease;

}

a:hover {

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */

filter: alpha(opacity=50); /* IE7 */

opacity: 0.6;

text-decoration: none;

}

/* Container */

.container-fluid {

background: #FFFFFF;

margin: 40px auto 10px;

padding: 20px 40px ;

max-width: 960px;

box-shadow: 1px 1px rgba(, , , 0.1);

}

/* Page Header */

.page-header {

background: #f9f9f9;

margin: -30px -40px 40px;

padding: 20px 40px;

border-top: 4px solid #ccc;

color: #999;

text-transform: uppercase;

}

.page-header h3 {

line-height: 0.88rem;

color: #000;

}

/* Thumbnail Box */

.caption h4 {

font-size: 1rem;

color: #444;

}

.caption p {

font-size: 0.75rem;

color: #999;

}

.btn.btn-mini {

font-size: 0.63rem;

}

/* Carousel Control */

.control-box {

text-align: right;

width: 100%;

}

.carousel-control{

background: #666;

border: 0px;

border-radius: 0px;

display: inline-block;

font-size: 34px;

font-weight: 200;

line-height: 18px;

opacity: 0.5;

padding: 4px 10px 0px;

position: static;

height: 30px;

width: 15px;

}

/* Footer */

.footer {

margin: auto;

width: 100%;

max-width: 960px;

display: block;

font-size: 0.69rem;

}

.footer, .footer a {

color: #c9e4f7;

}

p.right {

float: right;

}

/* Mobile Only */

@media (max-width: 767px) {

.page-header, .control-box {

text-align: center;

}

@media (max-width: 479px) {

.caption {

word-break: break-all;

}

/* ADD-ON

-------------------------------------------------- */

body:after{content:"less than 320px";font-size:1rem;font-weight:bold;position:fixed;bottom:;width:100%;text-align:center;background-color:hsla(1,60%,40%,0.7);color:#fff;height:20px;padding-top:0;margin-left:0;left:0}@media only screen and (min-width:320px){body:after{content:"320 to 480px";background-color:hsla(90,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:480px){body:after{content:"480 to 768px";background-color:hsla(180,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:768px){body:after{content:"768 to 980px";background-color:hsla(270,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:980px){body:after{content:"980 to 1024px";background-color:hsla(300,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:1024px){body:after{content:"1024 and up";background-color:hsla(360,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}

::selection { background: #ff5e99; color: #FFFFFF; text-shadow: 0; }

::-moz-selection { background: #ff5e99; color: #FFFFFF; }

a, a:focus, a:active, a:hover, object, embed { outline: none; }

:-moz-any-link:focus { outline: none; }

input::-moz-focus-inner { border: ; }

.btn.btn-mini {

font-size: 0.63rem;

display: block;

background: #62c462;

font-size: 16px;

color: #fff;

padding: 5px;

}

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

خوب دوستان عزیز این آموزش هم به پایان رسید امید وارم که این آموزش هم برای شما عزیزان مفید واقغ شده باشه .

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

میانگین امتیازات ۳ از ۵

از مجموع ۲ رای

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

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

کد نمایش مطالب مرتبط

پشتیبانی از تصویر شاخص در پوسته وردپرس

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

توضیح در مورد کد

نمایش مطالب مرتبط بر اساس برچسب ها (تگ ها)

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

لیست دانلود

آموزش نمایش تعداد بازدید مطالب وردپرس wp postviews

آموزش لینک کردن خودکار کلمات مطالب وردپرس به صورت رایگان + فیلم

آموزش نمایش تعداد بازدید مطالب وردپرس بدون افزونه

آموزش نمایش تعداد بازدید مطالب وردپرس wp postviews

آموزش لینک کردن خودکار کلمات مطالب وردپرس به صورت رایگان + فیلم

آموزش نمایش تعداد بازدید مطالب وردپرس بدون افزونه

آموزش نمایش تعداد بازدید مطالب وردپرس wp postviews

نظر یا سوال شما در این مورد چیست؟ انصراف