محمد حمزه

ایجاد تب در ستون کناری

6 پست در این موضوع قرار دارد

سلام

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

0

به اشتراک گذاری این پست


لینک به پست

سلام

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

سلام دوست من مطمئنی درست جست و جو کردی ؟

خوشبختانه اینقدر مباحث برنامه نویسی در اینترنت فراوون شده که پیدا کردن ساخت تب بندی فک نکنم زیاد سخت باشه !

به هر حال :


<div class="spbox">
<ul class="sptabs">
<li><a href="#spcontent1" class="spactive" >آخرین ها</a></li>
<li><a href="#spcontent2" >موضوعات</a></li>
<li><a href="#spcontent3" >ابرچسب ها</a></li>
<li><a href="#spcontent4" >دیدگاه</a></li>
</ul>
<div class="spcontent">
<div id="spcontent1">
<ul class="tabs-content" >
<?php
$recent_posts = wp_get_recent_posts();
foreach( $recent_posts as $recent ){
echo '<li><a href="' . get_permalink($recent["ID"]) . '">' . $recent["post_title"].'</a> </li> ';
}
?>
</ul>
</div>
<div id="spcontent2">
<ul class="tabs-content" >
<?php wp_list_categories('orderby=name'); ?>
</ul>
</div>
<div id="spcontent3">
<ul class="tabs-content" >
<?php
wp_tag_cloud( array(
'smallest' => 8,
'largest' => 22,
'unit' => 'pt',
'number' => 35,
'format' => 'flat',
'separator' => "\n",
'orderby' => 'name',
'order' => 'ASC',
'exclude' => null,
'include' => null,
'topic_count_text_callback' => default_topic_count_text,
'link' => 'view',
'taxonomy' => 'post_tag',
'echo' => true,
'child_of' => null, // see Note!
) ); ?>
</div>
</ul>
</div>
<div id="spcontent4">
<ul class="tabs-content" >
<?php $comments = get_comments('status=approve&number=5'); ?>
<?php foreach ($comments as $comment) { ?>
<li>
<?php echo get_avatar( $comment, '40' ); ?>
<a title="">
<span class="name-send-comment"><?php echo strip_tags($comment->comment_author); ?></span>
<br />
<span class="text-comment-form"><?php echo wp_html_excerpt( $comment->comment_content, 20 ); ?>...</span>
</a>
<div style="clear: both;"></div>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>

استایل :


.spcontent{
background:#145ECF;
float:right;
width:100%;
}
.sptabs{
list-style:none;
}
.sptabs li{
float:right;
margin:0px 8.2px;
}
.sptabs li a{
text-decoration: none;
padding:4px 12px;
background-color:#145ECF;
color:#D4D4D4;
}
.sptabs li a:hover{
color:#333333;
text-shadow:0px 1px 5px #FFA347;
}
.sptabs li a.spactive{
background-color:#4DB870;
}
.tabs-content{
list-style:none;
margin:0px 7px;
}
.tabs-content li{
padding-top:5px;
}
.tabs-content li a{
transition:all .2s;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
-ms-transition:all .2s;
}
.tabs-content li a:hover{
padding:5px 7px;
border-radius:3px;
color:#FFA347;
}

اسکریپت :


<script type="text/javascript">
jQuery(document).ready(function(){

jQuery('.spcontent div:not(:first)').hide();

jQuery('ul.sptabs li a').on('click',function(){
if(jQuery(this).hasClass('spactive')){return false;}
jQuery('ul.sptabs li a').removeClass('spactive');
jQuery(this).addClass('spactive');
var href=jQuery(this).attr('href');
var split=href.split('#');
jQuery('.spcontent div').hide();
jQuery('.spcontent div#'+split[1]).slideDown(300);
return false;
});

});
</script>

مشکلی داشت بگید

2

به اشتراک گذاری این پست


لینک به پست

سلام دوست من مطمئنی درست جست و جو کردی ؟

خوشبختانه اینقدر مباحث برنامه نویسی در اینترنت فراوون شده که پیدا کردن ساخت تب بندی فک نکنم زیاد سخت باشه !

به هر حال :


<div class="spbox">
<ul class="sptabs">
<li><a href="#spcontent1" class="spactive" >آخرین ها</a></li>
<li><a href="#spcontent2" >موضوعات</a></li>
<li><a href="#spcontent3" >ابرچسب ها</a></li>
<li><a href="#spcontent4" >دیدگاه</a></li>
</ul>
<div class="spcontent">
<div id="spcontent1">
<ul class="tabs-content" >
<?php
$recent_posts = wp_get_recent_posts();
foreach( $recent_posts as $recent ){
echo '<li><a href="' . get_permalink($recent["ID"]) . '">' . $recent["post_title"].'</a> </li> ';
}
?>
</ul>
</div>
<div id="spcontent2">
<ul class="tabs-content" >
<?php wp_list_categories('orderby=name'); ?>
</ul>
</div>
<div id="spcontent3">
<ul class="tabs-content" >
<?php
wp_tag_cloud( array(
'smallest' => 8,
'largest' => 22,
'unit' => 'pt',
'number' => 35,
'format' => 'flat',
'separator' => "\n",
'orderby' => 'name',
'order' => 'ASC',
'exclude' => null,
'include' => null,
'topic_count_text_callback' => default_topic_count_text,
'link' => 'view',
'taxonomy' => 'post_tag',
'echo' => true,
'child_of' => null, // see Note!
) ); ?>
</div>
</ul>
</div>
<div id="spcontent4">
<ul class="tabs-content" >
<?php $comments = get_comments('status=approve&number=5'); ?>
<?php foreach ($comments as $comment) { ?>
<li>
<?php echo get_avatar( $comment, '40' ); ?>
<a title="">
<span class="name-send-comment"><?php echo strip_tags($comment->comment_author); ?></span>
<br />
<span class="text-comment-form"><?php echo wp_html_excerpt( $comment->comment_content, 20 ); ?>...</span>
</a>
<div style="clear: both;"></div>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>

استایل :


.spcontent{
background:#145ECF;
float:right;
width:100%;
}
.sptabs{
list-style:none;
}
.sptabs li{
float:right;
margin:0px 8.2px;
}
.sptabs li a{
text-decoration: none;
padding:4px 12px;
background-color:#145ECF;
color:#D4D4D4;
}
.sptabs li a:hover{
color:#333333;
text-shadow:0px 1px 5px #FFA347;
}
.sptabs li a.spactive{
background-color:#4DB870;
}
.tabs-content{
list-style:none;
margin:0px 7px;
}
.tabs-content li{
padding-top:5px;
}
.tabs-content li a{
transition:all .2s;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
-ms-transition:all .2s;
}
.tabs-content li a:hover{
padding:5px 7px;
border-radius:3px;
color:#FFA347;
}

اسکریپت :


<script type="text/javascript">
jQuery(document).ready(function(){

jQuery('.spcontent div:not(:first)').hide();

jQuery('ul.sptabs li a').on('click',function(){
if(jQuery(this).hasClass('spactive')){return false;}
jQuery('ul.sptabs li a').removeClass('spactive');
jQuery(this).addClass('spactive');
var href=jQuery(this).attr('href');
var split=href.split('#');
jQuery('.spcontent div').hide();
jQuery('.spcontent div#'+split[1]).slideDown(300);
return false;
});

});
</script>

مشکلی داشت بگید

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

0

به اشتراک گذاری این پست


لینک به پست

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

من کدی سراغ ندارم ، ولی خوب این کدها رو دستی بزارید که همونجوری که دلتون میخواد بهش استایل بدید

1

به اشتراک گذاری این پست


لینک به پست

سلام

اگر نمی‌خواید خودتون این کار رو انجام بدید از افزونه استفاده کنید

اول دوم سوم

3

به اشتراک گذاری این پست


لینک به پست

سلام

اگر نمی‌خواید خودتون این کار رو انجام بدید از افزونه استفاده کنید

اول دوم سوم

ممنونم دوست عزیز دستتوت درد نکنه

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط Timecity.ir
      سلام دوستان خسته نباشید . 
      من یک « پک فونت ایران سنس » خریداری کردم ، اما نمیدونم چجوری باید روی قالب وردپرس نصبش کنم .
      یه بار امتحان کردم سایت ارور مرگ صفحه سفید داد و با کلی تلاش تونستم آخرین بک آپی که داشتم رو اجرا کنم . 
      ممنون میشم اگه کسی راهنمایی کنه چجوری این فونت رو نصب کنم .
    • توسط ghasem47
      سلام به همه ی دوستان عزیز
      من در نظر دارم که یک وبسایت برای فروش فایل هایی مربوط به وب راه اندازی کنم .و قصد من این است که علاوه بر فروش فایل در سایت ، هاست و دامنه نیز بفروشم . و همچنین این هم مهمه که کاربر برای خرید هاست و یا دامین باید در وبسایت عضو بشه و بعد از خرید نیز بتونه اطلاعات هاست و تنظیمات هاست رو از حساب کاربریش در وبسایت من انجام بده.
      مانند این وبسایت : (سایت ساز زرین )   https://sitesazz.ir/
      اما تنها مشکل و مسئله در این جاست که من نمی دونم و بلد نیستم که باید چگونه این کار رو انجام بدم؟
      من قراره که وبسایت رو با وردپرس راه اندازی کنم ولی نمی دونم چطوری باید این امکان فروش هاست رو به وبسایت اضافه کنم و کاری کنم که در وبسایت بتونم هاست و دامنه هم بفروشم و به علاوه این مسئله هم هست که باید کاربرا بتونن از حساب کاربری داخل وبسایتشون به تنظیمات هاست و یا دامنشون دسترسی پیدا کنند.
      لطفاً منو راهنمایی کنید.
      با تشکر
    • توسط iranibonsai
      درود، سایتی رو با وردپرس بالا آوردیم
      اما اکنون در صفحات داخلی سایت کد خطایی رو در بخش بالای مرورگر نشون میده که نتونستیم رفعش کنیم
      Warning: count(): Parameter must be an array or an object that implements Countable in /home3/zahrefzo/public_html/wp-includes/post-template.php on line 284
      این خطا قبلا وجود نداشت، نفهمیدم به چه علتی بوجود آمده و تو اینترنت هم چیز خاصی راجعبه رفعش پیدا نکردم، ممنون میشم اعلام نظر بفرمایید
      آدرس سایت :
      http://minelbeautysalon.com//
    • توسط sydvza
      باسلام ببخشید من کلیدواژه دکه را انتخاب کردم ولی در سرچ گوگل کلمه دکه وارد میکنم حتی جز 10 صفحه هم نیستم
      https://dackeh.com
    • توسط MajidRB
      سلام وقتتون بخیر.
      دوستان قالب placid رو به صورت های مختلف دانلود و نصب کردم ( هم از سایت های فارسی و قالب فارسی شده هم از منابع خود وردپرس)
      چه به شکل فارسی چه به شکل انگلیسی پست ها رو اونطوری که در پیش نمایش قالب نشان داده شده ، در صفحه اصلی نشان نمیده !
      عکس ها رو درج میکنم
      هیچ تنظیماتی نمانده که من دستکاری نکرده باشم
      فکر کنم باید چند خط کد کم یا زیاد بشه ( که بلد نیستم ! )
      خیلی ممنون میشم راهنمایی کنید