خانه / وردپرس / آموزش وردپرس / آموزش ساخت ابزارک تب ها در وردپرس،قسمت دوم

تاریخ انتشار: آبان 29, 1394 تعداد بازدید: 587 بازدید تعداد دیدگاه ها: 0

آموزش ساخت ابزارک تب ها در وردپرس،قسمت دوم

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

پس از ساخت فایل wp-tabber-widget.php که در قسمت قبل در مورد ان صحبت کردیم شما باید کد زیر را در آن قرار دهید:

class WPBTabberWidget extends WP_Widget {
 
function WPBTabberWidget() {
		$widget_ops = array(
		'classname' => 'WPBTabberWidget',
		'description' => 'Simple jQuery Tabber Widget'
);
$this->WP_Widget(
		'WPBTabberWidget',
		'WPBeginner Tabber Widget',
		$widget_ops
);
}
function widget($args, $instance) { // widget sidebar output
 
function wpb_tabber() { 
 
// Now we enqueue our stylesheet and jQuery script
 
wp_register_style('wpb-tabber-style', plugins_url('wp-tabber-style.css', __FILE__));
wp_register_script('wpb-tabber-widget-js', plugins_url('wp-tabber.js', __FILE__), array('jquery'));
wp_enqueue_style('wpb-tabber-style');
wp_enqueue_script('wpb-tabber-widget-js');
 
// Creating tabs you will be adding you own code inside each tab
?>
 
<ul class="tabs">
<li class="active"><a href="#tab1">جدیدترین ها</a></li>
<li><a href="#tab2">برچسب ها</a></li>
<li><a href="#tab3">نظرات</a></li>
</ul>
 
<div class="tab_container">
 
<div id="tab1" class="tab_content">
<?php wp_get_archives('type=postbypost&limit=3'); ?>
</div>
 
<div id="tab2" class="tab_content" style="display:none;">
 
<?php wp_tag_cloud('smallest=8&largest=10&'); ?>
 
</div>
 
<div id="tab3" class="tab_content" style="display:none;">
<?php
global $wpdb;
$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID,
comment_post_ID, comment_author, comment_date_gmt, comment_approved,
comment_type,comment_author_url,
SUBSTRING(comment_content,1,30) AS com_excerpt
FROM $wpdb->comments
LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID =
$wpdb->posts.ID)
WHERE comment_approved = '1' AND comment_type = '' AND
post_password = ''
ORDER BY comment_date_gmt DESC
LIMIT 10";
$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
$output .= "\n<ul>";
foreach ($comments as $comment) {
$output .= "\n<li>".strip_tags($comment->comment_author)
.":" . "<a href=\"" . get_permalink($comment->ID) .
"#comment-" . $comment->comment_ID . "\" title=\"on " .
$comment->post_title . "\">" . strip_tags($comment->com_excerpt)
."</a></li>";
}
$output .= "\n</ul>";
$output .= $post_HTML;
echo $output;?>
</div>
 
</div>
 
<div class="tab-clear"></div>
 
<?php
 
}
 
extract($args, EXTR_SKIP);
// pre-widget code from theme
echo $before_widget; 
$tabs = wpb_tabber(); 
// output tabs HTML
echo $tabs; 
// post-widget code from theme
echo $after_widget; 
}
}
 
// registering and loading widget
add_action(
'widgets_init',
create_function('','return register_widget("WPBTabberWidget");')
);
?>

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

ممنونم از همراهی شما

منیع: فریش تم ارائه دهنده قالب وردپرس املاک و قالب وردپرس هاستینگ

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

هنوز دیدگاهی ثبت نشده است.