طراحي قالب وردپرس

طراحي قالب وردپرس , طراحي پوسته وردپرس , طراحي قالب ريسپانسيو , طراحي قالب

کاملا ریسپانسیو و واکنش گرا داری پنل تنظیمات

طراحی قالب وردپرس و طراحی فروشگاه وردپرسی

شروع و سفارش طراحی

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


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

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

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

برای ایجاد نقشه سایت برای وردپرس بدون پلاگین، این مراحل را دنبال کنید :

یک کپی از فایل page.php بگیرید و به نام sitemap.php ذخیره کنید
فایل که ایجاد کردید را با یک ادیتور باز کرده و کد زیر را در اولین خط از فایل وارد کنید :

<?php
Template Name : Sitemap
?>

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

<?php
$(document).ready(function () {
$(‘#toggle-view li’).click(function () {
var text = $(this).children(‘div.panel’);
if (text.is(‘:hidden’)) {
text.slideDown(‘200’);
$(this).children(‘span’).html(‘-‘);
} else {
text.slideUp(‘200’);
$(this).children(‘span’).html(‘+’);
}
});
});
</script>

حال نوبت به نمایش لینک های مطالب برگه ها و نوشته میرسه که با استفاده از کد زیر میتوانید به نمایش بگذارید لازم به ذکر است این کد را در جای مناسب در فایل sitemap.php قرار دهید .

<ul id=”toggle-view”>
<li>
<h2>نوشته ها</h2>
<span>+</span>
<div class=”panel”>
<ul>
<?php
$myposts = get_posts(‘numberposts=-1&offset=’.$debut);
foreach($myposts as $post) :
?>
<li class=”sitemap”><?php the_time(‘d/m/y’) ?>: <a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
</div>
<?php //endwhile; ?>
</li>

<li>
<h2>برگه ها</h2>
<span>+</span>
<div class=”panel”>
<ul>
<?php
$myposts = get_posts(‘numberposts=-1&post_type=page&offset=’.$debut);
foreach($myposts as $post) :
?>
<li class=”sitemap”><?php the_time(‘d/m/y’) ?>: <a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
</div>
</li>

</ul>

چنان چه پست سفارشی و یا پست تایپ  posttype در وبسایت خود استفاده میکنید میتوانید آن را هم در سایت مپ خود به نمایش در بیاورید پست تایپ با نام های مختلفی تولید و اضافه میشود که بسته به نوع پست تایپ اسم آن را تغییر و کد زیر را هم به sitemap.php خود اضافه کنید .

<li>
<h2>POSTTYPENAME</h2>
<span>+</span>
<div class=”panel”>
<ul>
<?php
$myposts = get_posts(‘numberposts=-1&post_type=POSTTYPENAME&offset=’.$debut);
foreach($myposts as $post) :
?>
<li class=”sitemap”><?php the_time(‘d/m/y’) ?>: <a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
</div>

</li>

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

#toggle-view {
list-style:none;
font-family:arial;
margin:0;
padding:0;
}
#toggle-view h2 {
border-bottom:0px;
margin-top:15px;
margin-top:30px;
}
#toggle-view h2:hover {
color:#ff0000
}
#toggle-view li {
margin:0px;
border-bottom:1px solid #ccc;
position:relative;
cursor:pointer;
list-style-type:none;
padding-left:15px;
}
#toggle-view span {
position:absolute;
left:0px;
top:0;
color:#bdbdbd;
font-size:28px;
font-weight:bold;
}
#toggle-view span:hover {
color:#ff0000;
}
#toggle-view .panel {
margin:5px 0;
display:none;
}

برای نمایش صفحه سایت مپ خود به بخش پیشخوان رفته و یک برگه با نام نقشه سایت ایجاد کنید و در بخش صفحات برگه + قالب + قالب پیشفرض را به sitemap تغییر دهید .

select-name-template

امید است این آموزش کمک شایانی به شما و وبسایت , جهت بهینه سازی کرده باشد .

*

code

طراحی پوسته وردپرس