جلسه 22 از طراحی قالب وردپرس ایجاد صفحه single

جلسه 22 از طراحی قالب وردپرس ایجاد صفحه single

سلام عرض میکنم خدمت شما کاربر گرامی

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

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

صفحه single.php چیست ؟ در این صفحه جزئیات کامل نوشته ای که  شما بر روی سایت ارسال کردید نمایش داده می شود و یا به عبارت ساده تر همان صفحه ادامه مطلب را صفحه single می گویند.

بخش هایی که عموما در صفحه سینگل به کار برده می شوند را هم در این ویدئو آموزش خواهیم داد مانند بخش نظرات که یکی از مهم ترین بخش های صفحه single  می باشد در قسمت نظرات شما می توانید با کاربران سایت خود در ارتباط باشید و آنها راهنمایی کنید و یا مشکلات کاربران را رفع نمایید که این خود تا حد چشم گیری به سئوی سایت شما کمک خواهد کرد

از دیگر بخش های مهم که نیاز است در صفحه single به کار برده شود بخش مطالب مرتبط می باشد که این بخش باز هم مثل بخش نظرات در سئو تاثیر گذار است، شاید بپرسید چطور ؟ کاربران عموما وقتی دنبال یک مطلب می گردن مطالب مشابه به همان مطلب را هم بررسی میکنند و اگر شما مطالب مرتبط را برای آنها در پایین همان مطلب قرار دهید یعنی آنها را ترقیب میکنید تا در سایت شما گشت و گزار کنند که حضور کاربران در سایت شما امتیاز مثبت برای بهبود رنک سایتتون به همراه دارد (البته این مورد در ویدئو آموزش داده نشده اما تابع مربوط به آن را می توانید خودتان به راحتی در همان صفحه single به کار ببرید. در صورت نیاز در بخش نظرات اعلام کنید تا آموزش دهیم)

در زیر کدهای مربوط به بخش نطرات رو براتون قرار دادیم و البته به صورت یک فایل متنی در فایل ویدئو ارائه شده است

[php]</p>
<p style="text-align: justify;"><?php

// Do not delete these lines
if (!empty($_SERVER[‘SCRIPT_FILENAME’]) && ‘comments.php’ == basename($_SERVER[‘SCRIPT_FILENAME’]))
die (‘Please do not load this page directly. Thanks!’);

if ( post_password_required() ) { ?>
<p class="nocomments">این مطلب خصوصی است.در صورتی که رمز آن را دارید در قسمت زیر وارد کنید.</p>
<?php
return;
}
?>

<!– You can start editing here. –>
<div class="comments" id="comment">
<?php if ( have_comments() ) : ?>

<div class="navigation">
<div class="alignleft"><?php previous_comments_link() ?></div>
<div class="alignright"><?php next_comments_link() ?></div>
</div>

<ol class="commentlist">
<?php wp_list_comments(); ?>
</ol>

<div class="navigation">
<div class="alignleft"><?php previous_comments_link() ?></div>
<div class="alignright"><?php next_comments_link() ?></div>
</div>
<?php else : // this is displayed if there are no comments so far ?>

<?php if (‘open’ == $post->comment_status) : ?>
<!– If comments are open, but there are no comments. –>

<?php else : // comments are closed ?>
<!– If comments are closed. –>
<p class="nocomments">نظرات بسته شده است.</p>

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

<?php if (‘open’ == $post->comment_status) : ?>

<div id="respond">

<?php if ( get_option(‘comment_registration’) && !$user_ID ) : ?>
<p>شما باید <a href="<?php echo get_option(‘siteurl’); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>">وارد سایت شوید</a> تا بتوانید نظر دهید.</p>
<?php else : ?>

<form action="<?php echo get_option(‘siteurl’); ?>/wp-comments-post.php" method="post" id="commentform">

<?php if ( $user_ID ) : ?>

<p>وارد شده به نام <a href="<?php echo get_option(‘siteurl’); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="Log out of this account">خروج »</a></p>

<?php else : ?>

<p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required=’true’"; ?> />
<label for="author"><small>نام <?php if ($req) echo "(لازم)"; ?></small></label></p>

<p><input type="text" style="text-align:left" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" <?php if ($req) echo "aria-required=’true’"; ?> />
<label for="email"><small> ایمیل<?php if ($req) echo "(لازم)"; ?></small></label></p>

<p><input type="text" style="text-align:left" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small>وبسایت</small></label></p>

<?php endif; ?>

<!–<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>–>

<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>

<p><input name="submit" type="submit" id="submit" tabindex="5" value="ثبت نظر" />
<?php comment_id_fields(); ?>
</p>
<?php do_action(‘comment_form’, $post->ID); ?>

</form>

<?php endif; // If registration required and not logged in ?>
</div>

<?php endif; // if you delete this the sky will fall on your head ?>
</div></p>
<p style="text-align: justify;">[/php]

کدهای مروبط به استایل بخش نظرات

[css]</p>
<p style="text-align: justify;">.comments-template
{
width:100%;
height:200px;

overflow:hidden;
float:right;
}
.number-comm
{
font-family:’BKoodakBold’;
margin-bottom:5px;
}
.number-comm
{
font-size:16px;
padding-bottom:10px;
}
.number-comm a
{
text-decoration:none;
color:#6b6d6d;
}
.comments-template  {
width : 600px;
height : auto;
margin : 0 5px 0 0;
display : table;
padding-right : 5px;
padding-left : 0;
font-family:’BKoodakBold’;
float : left;
}
.wp-pagenavi {
clear: both;
padding:0px 5px 15px 5px;
direction:rtl
}
.wp-pagenavi h3 {
font-weight:normal
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
background:#f8f8f8;
border: 1px solid #b8b8b8;
padding: 5px;
float :right;
margin: 2px;
-moz-border-radius: 3px;
}
.wp-pagenavi span.current {
background:#fff;
color:#666666;
border: 1px solid #b8b8b8;
}
.wp-pagenavi a:hover {

border-color: #4c4c4c;
color:#fff
}
.wp-pagenavi span.current {
font-weight: bold;
}
#commentform input{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:none repeat scroll 0 0 #fff;
border:1px solid #C5C0B0;
color:#3F3F3F;
font-family:’BKoodakBold’;
font-size:13px;
margin-right:15px;
padding:5px;
width:250px;
}
#commentform small{
font-size:12px;
padding-right:10px;
}
ol.commentlist{
list-style:none;
margin:0;
padding:0;
text-indent:0;
}
ol.commentlist li{

-webkit-border-radius:8px;
border-radius:8px;
border:3px solid #2F2F2F;
margin:0 0 10px;
padding:5px 57px 5px 7px;
position:relative;
background:#141616;
}
ol.commentlist li div.comment-author{
padding:0 170px 0 0;
}
ol.commentlist li div.vcard{
font-family:’BKoodakBold’;
font-size:15px;
padding:5px 0;
}
ol.commentlist li div.vcard cite.fn{
font-style:normal;
}
ol.commentlist li div.vcard cite.fn a.url{
color:#00aeef;
text-decoration:none;
}
ol.commentlist li div.vcard cite.fn a.url:hover{
color:#00aeef;
}
div.vcard img.avatar{
border:5px solid #ddd;
right:7px;
position:absolute;
top:7px;
}
.comment-meta
{
display:none;
}
ol.commentlist li div.comment-meta{
font-family:’BKoodakBold’;
right:20px;
text-align:right;
}
ol.commentlist li div.comment-meta a{
color:#F60;
text-decoration:none;
}
ol.commentlist li div.comment-meta a:hover{
color:#D66901;
}
ol.commentlist li p{
color:#3F3F3F;
font:12px/18px ‘BKoodakBold’;
margin:10px 0 1em;
}
ol.commentlist li p a{
color:#0083DB;
}
ol.commentlist li p a:hover{
color:#D66901;
}
ol.commentlist li ul{
font:normal 12px/1.4 ‘BKoodakBold’;
list-style:square;
margin:0 0 1em;
padding:0;
text-indent:0;
}

ol.commentlist a.comment-reply-link
{
color:#FFF;
font-weight:normal;
text-decoration:none;
font-size:11px;

}

#cancel-comment-reply{
padding:10px 0 0;
}
#cancel-comment-reply-link{
color:#FFF;
font-size:10px;
line-height:15px;
font-family:’BKoodakBold’;
padding:4px 10px;
margin:0 0 0 12px;
background:#8B979F;
border:2px solid #666;
}
ol.commentlist li div.reply{
background:#07aee5;
border:2px solid #f4f2f2;
color:#fff;
font-family:’BKoodakBold’;
font-size:14px;
padding:5px 10px;
text-align:center;
width:50px;
}

ol.commentlist li ul.children{
list-style:none;
margin:1em 0 0;
text-indent:0;
}
ol.commentlist li ul.children li.depth-2{
margin:0 0 .25em;
}
ol.commentlist li ul.children li.depth-3{
margin:0 0 .25em;
}
ol.commentlist li ul.children li.depth-4{
margin:0 0 .25em;
}
ol.commentlist li.even{
background:none repeat scroll 0 0 #fff;
border:1px solid #CFCFCF;
}
#commentform p{
margin-bottom:5px;
font-size:12px;
line-height:18px;
}
ol.commentlist li.odd{
background:none repeat scroll 0 0 #f6f6f6;
border:1px solid #CFCFCF;
}
ol.commentlist li.pingback div.vcard{
padding:0 170px 0 0;
}
.comments input#submit{
background:none repeat scroll 0 0 #079bcb;
border:1px solid #59554A;
color:#FFF;
font-family:’BKoodakBold’;
font-size:16px;
line-height:25px;
padding:3px 20px;
width:auto;
}
#commentform textarea{
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:none repeat scroll 0 0 #f6f6f6;
border:1px solid #a4a4a4;
color:#3F3F3F;
font-size:13px;
width:500px;
}</p>
<p style="text-align: justify;">[/css]

[button color=”green” size=”medium” link=”http://dl.7plugin.ir/video/22%20www.7plugin.ir.rar” icon=”” target=”false”]دانلود جلسه 22[/button]