Hướng dẫn viết Wedget trong - viết theme trong wordpress

B1: Vào wp-content/themes, tạo cấu trúc theme như sau



B2: Mở file wp-content/themes/nhatnghe/style.css, khai báo đạon code comment sau



Lưu ý: nhatnghe là tên theme đang thiết kế

B3: Trang quản trị Wordpress, chọn "Appearance/Themes"



- Tìm và kích hoạt theme nhatnghe đang thiết kế



B4: Mở trang wp-content/themes/nhatnghe/index.php, trước </head>, chèn code nhúng css

PHP Code:

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

- Trong thẻ body, viết code vẽ layout cho trang web

PHP Code:

<div id="wrapper">
     <div id="banner"></div>
    <div id="menu"></div>
    <div id="left"></div>
    <div id="content"></div>
</div>  

- Mở file wp-content/themes/nhatnghe/style.css, viết code định dạng theme



- Chuyển sang trang chủ, xem kết quả



B5: Chèn menu vào theme, trong div#menu, chèn code sau



Xem kết quả



B6: Mở file style.css, thêm các định dạng css cho menu



Xem kết quả



B7: Trong div#content, chèn code hiện Page/Post

PHP Code:

<?php if ( have_posts() ) : ?> 

<?php while ( have_posts() ) : the_post(); ?> 
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br><?php the_content(); ?> 
<?php endwhile; ?> 

<?php else: ?> 
<?php endif; ?>

Xem kết quả



B8: Tạo file functions.php để cấu hình vị trí các widget trong theme



B9: Mở file functions.php, khai báo vị trí tên cot_ben_trai_nhatnghe



B10: Vào trang quản trị Wordpress, Themes, Chọn theme nhatnghe. Kéo các widget muốn hiển thị vào Sidebat tên Cột bên trái




B11: MỞ nhatnghe/index.php, trong div#left, khai báo code hiện Sidebar tên cot _trai_nhat_nghe



Xem kết quả

__________________

Đọc tiếp

Viết shortcode trong wordpress

Yêu cầu: Kết nối cơ sở dữ liệu, hiện danh sách dữ liệu lên site

Chuẩn bị:

Cài wordpress

Tạo bảng wp_hocsinh



Nhập dữ liệu.

B1: Tạo cấu trúc cho plugin như sau:



B2: Mở wp-content/plugins/quanlyhocsinh/index.php, gõ code sau:



Lưu ý: QuanLyHocSinh là tên plugin đang thiết kế

B3: Vào trang quản trị WordPress, chọn Plugins/Installed Plugins



- Click “Activate” plugin QuanLyHocSinh

B4: Mở file wp-content/plugins/quanlyhocsinh/index.php, viết code cho plugin





B5: Trang quản trị wordpress, chọn Pages, click “Add New”



- Nhập nội dung Page dạng shortcode



Xem kết quả:

Ref: http://lptgroups.com/ket-noi-co-so-du-lieu-wordpress.html/

Đọc tiếp

Lấy POST theo post_meta, taxonomy trong wordpress

Ví dụ: trong website có chức năng hiển thị bài viết theo user.

User đó đăng nhập muốn xem những bài viết của mình (id_user được lưu trong meta_post).

Để hiển thị những bài post(bảng post) theo user (bảng metapost) thì chúng ta dùng đoạn code sau
$args = array(
    'post_type' => "buy_a_franchise",
    'post_status' => array('publish', 'pending', 'draft', 'auto-draft', 'future', 'private', 'inherit', 'trash'),
    'orderby' => 'DESC',
    'meta_query' => array(
        array(
            'key' => 'id_user',
            'value' => $id_user,
        )
    )
);

Hiển thị tất cả bài post của theo ID user, ID user được lưu trong bảng post_meta.

Tiếp theo là đoạn code nâng cao hơn, hiển thị bài post theo post_meta, taxonomy

$args = array(
            'post_type' => $posttype,
            'post_status' => array($poststatus),
            'orderby' => 'rand',
            'posts_per_page' => 30,
            'meta_query' => array(
                array(
                    'key' => 'wpcf-paid',
                    'value' => array($paidvalue),
                    'compare' => 'IN',
                )
            ),
            'tax_query' => array(
                'relation' => 'AND',
                array(
                    'taxonomy' => $taxtype,
                    'field' => 'slug',
                    'terms' => $geo
                ),
                array(
                    'taxonomy' => 'brands',
                    'field' => 'slug',
                    'terms' => $brands
                )
            )
        );
        $query->query_vars = $args;

Đọc tiếp

add_image_size thêm kích thước ảnh mới trong wordpress

Tùy theo theme mà có kích thước ảnh khác nhau. Các ảnh này được resize theo 1 kích thước đã được khai báo trong file functions.php

Trong quá trình viết theme, bạn cần bổ sung 1 hình có kích thước mới ví dụ 152 X 92 pixels

    

Trong wordpress hỗ trợ tốt chúng ta trong phần này

            

    add_image_size('franchise-thumbnails', 152, 92, true);

    

=> Đây là hàm thêm kích thước ảnh mới với: tên, width, height, True hoặc false là drop ảnh hay không

            

Hàm này bạn chèn thêm trong file functions.php, lưu ý: Nó sẽ chỉ có hiệu lực khi bạn upload hình mới

        

Tham khảo: 

        - http://thachpham.com/wordpress/wordpress-development/huong-dan-file-function.html

        - http://codex.wordpress.org/Function_Reference/add_image_size

Đọc tiếp

Sắp xếp post type trong admin wordpress

Mặc định bạn tạo ra 1 post type mới, danh sách các bài post sẽ sắp xếp theo 1 thứ tự mặc định (theo tiêu đề ASC). Bạn muốn tùy chỉnh việc sắp xếp này, có thể theo tiêu đề, theo ID, theo ngày

Tham khảo mẫu code dưới đâu. Code này được chèn trong file functions.php (hoặc kèm trong 1 plugin của bạn)

function set_custom_post_types_admin_order($wp_query) {
        if (is_admin()) {

            // Get the post type from the query
            $post_type = $wp_query->query['post_type'];

            if ($post_type == 'buy_a_franchise') {

                // 'orderby' value can be any column name
                //$wp_query->set('orderby', 'title');
                // 'order' value can be ASC or DESC
                $wp_query->set('order', 'DESC');
            }
        }
    }
    add_filter('pre_get_posts', 'set_custom_post_types_admin_order');

Đọc tiếp

Wordpress Upload Image from front-end and get its url

function agp_process_woofile($files, $post_id, $caption){


  require_once(ABSPATH . "wp-admin" . '/includes/image.php');
  require_once(ABSPATH . "wp-admin" . '/includes/file.php');
  require_once(ABSPATH . "wp-admin" . '/includes/media.php');

    $attachment_id = media_handle_upload($files, $post_id);

 $attachment_url = wp_get_attachment_url($attachment_id);
  add_post_meta($post_id, '_file_paths', $attachment_url);

    $attachment_data = array(
    'ID' => $attachment_id,
    'post_excerpt' => $caption
  );

  wp_update_post($attachment_data);

  return $attachment_id;

} 

REF:http://stackoverflow.com/questions/17351348/upload-image-from-front-end-and-get-its-url

Đọc tiếp

Hiển thị danh sách "post_type" trong wordpress

Hàm lấy danh sách post type theo tên post_type
<?php
        $args = array(
                                'numberposts' => 0,
                                'post_type'   => 'country-origin'
                            );
         $result = get_posts($args);                           
?>

Hàm lặp và hiển thị danh sách
<?php
     foreach($result as $row){
 ?>
<option value="<?=$row->ID?>"><?=$row->post_title?></option>
<?}?>


Ghi chú:
- $row->ID: Trả về ID
- $row->post_title: Trả về tên của post type

Đọc tiếp