محمد حمزه

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

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط naderi
      سلام .. برای توسعه یک وب سایت با قالب Eduma وردپرس میخوایم یه سری قابلیت ها رو بهش اضافه کنیم .. از دوستان کسی هست که بتونه به ما کمک کنه؟
    • توسط Hamid_92
      سلام خسته نباشید 
      من در یک وبسایت خارجی که خدمات هاست و دامنه رایگان میداد یک هاست و دامنه رایگان ساختم و میخواستم که وردپرس رو در file manager آپلود کنم و نصبش کنم و با توجه به آموزش های داخل اینترنتی باید اون فایل وردپرس رو در فایل public_html آپلود می کردم اما به محض اینکه از داخل CPanel وارد file manager هاست شدم با تصویر زیر برخورد کردم

      و پوشه ای به نام Public_html تعریف نشده بود تا فایل وردپرس رو بارگذاری کنم ممنون میشم راهنماییم کنید
      * ضمنا در داخل فایل htdocs فایلی به نام files for your website should be uploaded here! ذخیره شده بود به صورت زیر

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


    • توسط 3pd
      با سلام خدمت دوستان
      ممنون میشم راهنمایی کنید که با چه افزونه ای این امکان وجود داره که بدون ایجاد برگه برای گالری ها ، بتونیم با استفاده از تصویر شاخص چندین گالری رو مثلا در صفحه اصلی سایت نمایش بدیم؟ افزونه ای میخوام باشه که برای گالری ها بشه دسته بندی ایجاد کرد.
      من با استفاده از افزونه ی foogallery، چند گالری ایجاد کردم و طرح شبکه بندی رو هم انجام دادم. با استفاده از ویژوال کامپوزر ردیف ایجاد کردم و از المان شبکه بندی استفاده کردم، در قسمت تنظیمات شبکه بندی نمایش گالری رو انتخاب کردم اما نمیشه انتخاب کرد که کدوم گالری! و صرفا میشه انتخاب کرد که چندتا از جدیدترین ها یا قدیمی ترین ها رو نمایش بده..
    • توسط hamasehyaran
      سلام 
      روزبخیر
      من یه تازه وارد وردپرسی هستم ، حدود 9 ماهه با وردپرس مشغولم .
      کدنویسی هم در حد html و css بلدم. php نمیدونم
      الان هم دارم روی سایت برای انتشارات کتاب کار میکنم.
      یه کاری می خوام انجام بدم که مدت ها درگیرشم.
      میخوام توی صفحه محصولاتم، نویسنده کتاب به صورت لینک شده بیاد و شخص با کلیک کردن روی اون به صفحه نویسنده هدایت بشه.(مثل عکس پیوست)
      چند تا کار انجام دادم ، مثلا با taxonomy ها کار  کردم ولی بلد نبودم ازشون استفاده کنم.
       
      لطفا در این مورد رهنماییم کنید.