ابزارک اختصاصی برای قالب وردپرس - قالب وردپرس

ابزارک اختصاصی برای قالب وردپرس

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

قالب هایی که امروزه طراحی میشه خیلی ساده هستن و طراحان قالب وردپرس سعی م کنم کدها و داخل فایل ها قرار بدن مثلا برای ستون کناری قالب که بخش تازه ترین مطالب رو قرار میدن به صورت مستقیم کد رو داخل فایل sidebar.php می نویسن به خاطر همین قالب های خارجی بیشتر طرفدار دارن و حرفه ای هستن چون این کار و نمی کنن.

خوب در این آموزش می خوام آموزش طراحی ابزارک اختصاصی برای قالب وردپرس رو بهتون بگم , برای این کار ابتدا فایل فانکشن قالبتون رو باز کنید ( Functions.php ) می تونید مستقیم کد رو داخل فایل فانکشن قرار بدید اما نه کمی حرفه ای باشید داخل پوشه ی قالبتون پوشه ای به نام includes درست کنید و داخل این پوشه یه فایل php درست کنید با نرم افزار notepad یا هر نرم افزار دیگه ای … برای فایل php یه نام انتخاب کنید مثلا  widgets حالا باید داخل فالی functions.php فایل ساخته شده رو صدا کنید ( فراخوانی ) , برای این کار داخل فایل فانکشن این کد رو قرار بدید


include (TEMPLATEPATH . '/includes/widgets.php');

حالا باید داخل فالی widgets کدهای ابزارک اختصاصی رو بنویسید کد زیر رو کپی کنید داخل فایل خودتون paste کنید


<?php
// Creating the widget
class wpb_widget extends WP_Widget {

function __construct() {
parent::__construct(
// Base ID of your widget
'wpb_widget',

// Widget name will appear in UI
__('a widget for wordpress', 'bigtheme'),

// Widget description
array( 'description' => __( 'Sample widget based on (discription widget)', 'bigtheme' ), )
);
}

// Creating widget front-end
// This is where the action happens
public function widget( $args, $instance ) {
$title = apply_filters( 'widget_title', $instance['title'] );
// before and after widget arguments are defined by themes
echo $args['before_widget'];
if ( ! empty( $title ) )
echo $args['before_title'] . $title . $args['after_title'];

// This is where you run the code and display the output
echo __( 'سلام , این ابزارک من است!', 'bigtheme' );
echo $args['after_widget'];
}

// Widget Backend
public function form( $instance ) {
if ( isset( $instance[ 'title' ] ) ) {
$title = $instance[ 'title' ];
}
else {
$title = __( 'عنوان ابزارک', 'bigtheme' );
}
// Widget admin form
?>
<p>
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
<input id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
</p>
<?php
}

// Updating widget replacing old instances with new
public function update( $new_instance, $old_instance ) {
$instance = array();
$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
return $instance;
}
} // Class wpb_widget ends here

// Register and load the widget
function wpb_load_widget() {
register_widget( 'wpb_widget' );
}
add_action( 'widgets_init', 'wpb_load_widget' );

فایل رو ذخیره کنید حالا کافیه به قسمت ابزارک های وردپرس برید و نتیجه رو مشاهده کنید ابزارکی به نام a widget for wordpress ساخته شده و توضیحی هم در زیرش وجود داره کد بالا رو نگاه کنید متوجه میشید که چطور نام و توضیح رو تغییر بدید.

اگر از ابزارک استفاده کنید فقط یه نوشته میاد ( سلام , این ابزارک من است ) این هم داخل کد مشخصه مثلا به جای این نوشته در کدها کدهای دلخواه قرار بدید مثل نمایش مطالب محبوب , آیکون های اجتماعی و …

امیدوارم مفید واقع بشه براتون , آرزومند بهترین ها برای شما … با بیگ تم وردپرس کار حرفه ای شوید.

یک پینگ

  1. پینگ‌بک: بهترین افزونه های ابزارک وردپرس - قالب وردپرس | پوسته وردپرس | افزونه وردپرس | بیگ تم

  2. پینگ‌بک: افزونه نمایش آخرین مطالب دسته بندی خاص وردپرس | دینا وب هاست

  3. پینگ‌بک: کد نمایش آخرین مطالب دسته بندی خاص بدون افزونه| قالب های وردپرس

  4. پینگ‌بک: افزونه نمایش آخرین مطالب دسته بندی خاص وردپرس| قالب های وردپرس

  5. پینگ‌بک: جعبه دانلود و تبلیغات متنی قالب صحیفه| قالب های وردپرس

  6. پینگ‌بک: حرفه ای ترین قالب های وردپرس مجله و خبری - پوسته های وردپرس| وردپرس

  7. پینگ‌بک: قالب وردپرس شرکتی Nimble - پوسته وردپرس| وردپرس

یک نظر

  1. علی فرجی

    سلام داداش کارت بیسته بهتر از این کد تو اینترنت نیست یه سوال داشتم…
    من می خوام عنوان ابزارک نباشه باید چیکار کنم؟؟؟؟

  2. ابراهیمی

    داخل تابع public function widget کلاس css خودتون رو قبل از echo $args[‘before_widget’] بزارید
    البته رعایت کدنویسی php هم بدیهی هست

  3. کافه عروس

    سلام، خیلی دنبال این من مطلب بودم، خیلی جاها دیدم ولی این آموزش از همه ساده تر و مفهوم تر بود، واقعا از آموزش هاتون ممنونم

  4. هادی قربانی

    این کد که در ابتدای آموزش ایجاد ابزارک اختصاصی هم گفته شده برای فراخوانی فایل هست که ما ایجادش می کنیم
    اون متن هم توضیح ابزارک ایجاد شده می باشد

  5. arash

    سلام اگه بخوایم بجای من سلام این ابزارک …
    این دستور include (TEMPLATEPATH . ‘/includes/widgets.php’);
    رو بنویسیم چیکار باید کرد؟؟
    با تشکر

  6. هادی قربانی

    کد نمایش آخرین مطالب سایت وردپرس به صورت زیر هست اما دقت داشته باشید باید با کد نویسی تا حدودی آشنایی داشته باشید مثلا کدهای html , css تا بتونید این بخش رو حرفه ای ایجاد کنید

    <?php
    $i=0;
    $recent = new WP_Query("showposts=5");
    while($recent->have_posts()) : $recent->the_post();?>
    <li>
    <a href="<?php the_permalink(); ?>"><?php the_title(); ?>
    <?php the_post_thumbnail(array(50,50), array ('class' => 'alignleft')); ?><?php the_title(); ?>
    </a>
    </li>
    <?php endwhile; ?>
    
  7. حسن

    سلام
    ممنون از این مطلبی که گذاشتین. یه سوال دارم خدمتتان این هست که به چه صورت میتوان 5 تا از اخرین مطالب سایت را نمایش داد. چه کدی باید در فایل sidebar.php قرار بدهیم ؟ آیا میشود به کدها استایل هم اضافه کرد؟
    بااحترام

  8. هادی قربانی

    در مکان مناسب قرار بدید.
    توجه داشته باشید ابتدا در اون مسیر includes فایلی به نام widgets.php ایجاد کرده باشید و بعد کد رو به فانکشن قالب اضافه کنید.

  9. mohamad

    سلام
    وقتی این کد: include (TEMPLATEPATH . ‘/includes/widgets.php’); رو تو فایل فانکشن قرار میدم کلا وردپرس به هم میریزه!!
    باید داخل کدی قرار بدم؟

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *