1. Phím có sẵn

Việc bạn tìm thấy bao nhiêu tùy chọn sẽ phụ thuộc vào loại máy tính bạn có. Nếu có máy tính để bàn, bạn có thể gán hành động cho các nút Power và Sleep.

2. Tạo shortcut và phím nóng

• Tắt máy (Shutdown): Shutdown.exe -s -t 00
• Khởi động lại (Reboot): Shutdown.exe -r -t 00
• Khóa (Lock): Rundll32.exe User32.dll,LockWorkStation
• Ngủ đông (Hibernate) hay Ngủ (Sleep): rundll32.exe powrprof.dll,SetSuspendState 0,1,0

- Cách nén dữ liệu

- Opera

- Chrome

- Bạn có cần quan tâm đến vấn đề riêng tư và bảo mật?

- Bạn đã tiết kiệm được bao nhiêu % lưu lượng?

Data Usage trong Opera

Data Usage trong Chrome

- Bạn có cần lưu ý điều gì không?

- Những giải pháp khác

Thiết lập firewall

netsh advfirewall firewall add rule name="TWCYouTubeFIX" dir=in action=block remoteip=173.194.55.0/24,206.111.0.0/16 enable=yes

netsh advfirewall firewall delete rule name="TWCYouTubeFIX"

Kích hoạt chế độ "Feather"

Sử dụng trình chơi video bằng HTML5

Vô hiệu hóa Dash Playback

6 công dụng ẩn đi ít người biết trên Youtobe

1. Làm dịch chuyển màn hình YouTube

2. Chơi game trên YouTube

3. Đổi giao diện YouTube

4. Kết quả tìm kiếm xuất hiện theo kiểu... “dịch chuyển tức thời”.

5. Xem video dạng... truyện tranh

6. Đổi font chữ sặc sỡ cho Youtube

Mạng xã hội phổ biến nhất hiện nay

Thiết lập riêng tư trên mạng xã hội khá lung tung

• Thứ nhất, do các phần thiết lập riêng tư mặc định trên các trang xã hội.
• Thứ hai, bạn có thể bị bối rối bởi các thiết lập riêng tư khi bạn nghĩ nó thế này nhưng thực tế nó lại thế khác.

Mỗi mạng xã hội lại có các thiết lập riêng tư khác nhau

Tính năng quét bảo mật trên mạng xã hội

1. Tạo custom post type tên Shop.
2. Tạo các custom post field cho post type này (giá, mã sản phẩm,…v..v…).
3. Tạo custom taxonomy cho post type này (Nhãn hiệu, Mục sản phẩm).
4. Tạo trang sản phẩm hiển thị sản phẩm với dạng grid.
5. Tạo trang hiển thị chi tiết sản phẩm.
6. Tạo form liên hệ đặt hàng cơ bản với Contact Form 7.

Sử dụng plugin WP-Types

1. Tạo Custom Post Type

Trước tiên ta sẽ tạo một phần để đăng sản phẩm tương tự như Posts để đăng bài viết, ta gọi đó là Custom Post Type. Ở đây mình sẽ dùng plugin Types để tạo nên trước tiên bạn sẽ cần cài plugin này vào (miễn phí).

Để tạo post type, bạn vào Types -> Custom Types and Taxonomies -> Add Custom Post Type

• Post type name plural: Tên post type trong số nhiều, cái này không quan trọng nếu bạn đặt tên tiếng Việt.
• Post type name singular: Tên post type trong số ít, cũng không quan trọng nếu bạn dùng tiếng Việt. Tên này phải khác với tên trong phần plural.
• Slug: Slug nghĩa là tên đánh dấu cho post type này, nó được dùng để làm slug khi sử dung permalinks, hoặc để chúng ta lấy dữ liệu dựa theo slug này. Slug phải là chữ thường, không dấu, không khoảng cách. Ở đây mình không dùng slug là “product” bởi vì nó bị xung đột với các plugin tạo shop khác nếu bạn cài vào sau này.
• Phần Visibility bạn có thể để trống nếu như không muốn thêm icon tượng trưng cho Post type này hoặc không muốn tuỳ chọn vị trí hiển thị.
• Phần Select Taxonomies là bạn chọn taxonomy mà bạn muốn dùng, tạm thời để nguyên.
• Phần Display Section là nơi bạn chọn các chức năng cần sử dụng trong post type này, bạn chọn như trong ảnh.

2. Tạo custom taxonomies

Bây giờ ta sẽ cần tạo một taxonomy mang tên Product Category được gọi là danh mục sản phẩm. Sở dĩ phải đặt tiếng Anh là vì không biết nên đặt kiểu gì ở số nhiều (plural)   . Bạn điền và chọn như sau:

• Plural: Product Brands
• Singular: Product Brand.
• Slug: nhan-hieu

3. Tạo Custom Field

• Giá (Single Line)
• Mô tả sản phẩm (WYSIWYG)
• Tình trạng (Còn hàng hay hết hàng) (Dropdown)

4. Thêm sản phẩm mẫu

5. Tạo trang hiển thị chi tiết sản phẩm

<header>
    <!--BEGIN: PRODUCT THUMBNAIL-->
    <div class="product-thumb">
        <?php the_post_thumbnail( 'medium' ); ?>
    </div>
    <!--END: PRODUCT THUMBNAIL-->
 
    <!--BEGIN: PRODUCT INFO-->
    <div class="product-info">
        <h1><?php the_title(); ?></h1> <!--Tiêu đề sản phẩm-->
        <p class="product-price">
            <?php echo "<strong>Giá:</strong> ". get_post_meta( $post->ID, 'wpcf-product-price', true ); ?>
        </p><!--Giá sản phẩm-->
 
        <p class="product-status">
            <?php echo "<strong>Tình trạng:</strong> ";
                $product_status = get_post_meta( $post->ID, 'wpcf-product-status', true );
                if ($product_status == conhang) {
                    echo "Còn hàng";
                } else { echo "Hết hàng"; }
            ?>
    </p><!--Tình trạng sản phẩm-->
 
        <div class="product-description">
            <?php echo get_post_meta( $post->ID, 'wpcf-product-description', true ); ?>
        </div><!--Mô tả sản phẩm-->
 
        <a href="#" class="order-button">Đặt hàng</a>
    </div>
    <!--BEGIN: PRODUCT INFO-->
</header>
 
<div class="post-info">
    <?php the_content(); ?>
</div>

Trong đoạn code trên không có gì là khó hiểu cả, các template tags có chữ the đằng trước là dùng để lấy giá trị tương ứng của bài viết. Ví dụthe_title() là tiêu đề bài viết, the_content() là nội dung bài viết.

Đồng thời mình cũng có dùng ham get_post_meta() để gọi giá trị của custom post field, bạn có thể xem các bài hướng dẫn về custom post field của mình nếu chưa hiểu hàm đơn giản này. Trong hàm này mình gọi giá trị của field với tên slug field tương ứng mà mình đã tạo. Sở dĩ phải thêmwpcf- vào đằng trước là vì plugin Types này nó tự thêm. Thực ra có thể gọi bằng hàm riêng của plugin này để đẹp hơn nhưng mình sẽ không nói qua cho đỡ rắc rối.

Ok, bây giờ bạn cần thêm một chút CSS vào file style.css nhé

   

/*--Shop CSS--*/
.product-thumb {
    width: 45%;
    float: left;
}
.product-info {
    width: 45%;
    margin-left: 5%;
    float: right;
}
.product-info h1 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}
.product-price, .product-status, .product-description {
    margin: 5px 0;
}
.order-button {
    color: #fff;
    background: rgb(33, 189, 12);
    text-decoration: none;
    padding: 5px;
    margin: 15px 0;
    display: table;
}
.post-info {
    clear: both;
    padding-top: 15px;
}

Bây giờ khi xem sản phẩm, ta có kết quả như sau

Nhìn hơi xấu nhỉ, nhưng mà đơn giản mà, các bạn có thể tự viết lại CSS.

Đó là xong phần tạo trang sản phẩm, bây giờ tới phần tạo trang hiển thị danh sách sản phẩm.

6. Tạo trang hiển thị danh sách sản phẩm

Ở trang này chúng ta sẽ cùng nhau làm một trang hiển thị danh sách các sản phẩm theo cột, mỗi hàng sẽ có 3 cột và mỗi trang sẽ chứa 4 hàng tất cả.

Ở đây mình sẽ sử dụng khái niệm tên Custom Page Template để làm vì dễ sử dụng hơn.

Đầu tiên bạn tạo một file mang tên shop.php trong thư mục theme với nội dung như sau:

<?php
/*
Template Name: Shop
*/
 
/*-----CHÚNG TA SẼ VIẾT CODE PHÍA DƯỚI NÀY-----*/

Trong đoạn code trên, chúng ta sẽ tạo một custom page template có tên là Shop. Sau khi save lại, bạn vào Pages -> Add New để tạo một trang mới và chọn Page Template là Shop, nội dung bỏ trống.

Lưu lại như bình thường, đừng xem trang chi cho mất công vì bây giờ chưa có gì đâu. Việc mà chúng ta sẽ làm bây giờ là viết code cho cái template.

Bạn mở file page.php của theme và copy toàn bộ code bỏ vào dưới dòng /*-----CHÚNG TA SẼ VIẾT CODE PHÍA DƯỚI NÀY-----*/.

Sau đó tìm đoạn loop trong code và xoá đi, chỉ để lại mỗi các đoạn HTML và get_header, get_sidebar và get_footer. (Xem ảnh). Nhớ để lại một khoảng trống ngay đoạn vừa xoá nhé vì chút ta sẽ viết code vào đoạn đó.

Tiếp đó hãy viết đoạn loop này vào đoạn giữa mà ta vừa xoá để lấy các bài viết trong post type san-pham mà ta đã tạo ra, mình sẽ giải thích phía dưới.

<?php
  $temp = $wp_query;
  $wp_query = null;
  $wp_query = new WP_Query();
  $wp_query->query('showposts=6&post_type=san-pham'.'&paged='.$paged);
  $count = 0;
 
  while ($wp_query->have_posts()) : $wp_query->the_post(); $count++;
?>
 
  <?php //Tạo biến chèn class 'thrid' vào mỗi 3 bài viết.
    if ($count == 3) {
        $p3 = 'thrid';
        $count = 0;
    } else { $p3 = ''; }
  ?>
 
  <div <?php post_class($p3); ?> id="product-<?php the_ID(); ?>">
        <?php the_post_thumbnail( array('class' => 'product-thumb') ); ?>
        <a href="<?php the_permalink(); ?>"><h3 class="product-title"><?php the_title(); ?></h3></a>
        <div class="info">
            <p style="margin-top: 5px;"><?php echo get_post_meta( $post->ID, 'wpcf-product-price', true ); ?></p>
            <p class="product-status">
                <?php
                    $product_status = get_post_meta( $post->ID, 'wpcf-product-status', true );
                    if ($product_status == conhang) {
                        echo "<strong style='color:green;'>Còn hàng</strong>";
                    } else { echo "<strong style='color:red;'>Hết hàng</strong>"; }
                ?>
            </p><!--Tình trạng sản phẩm-->
            <a class="order-button" href="<?php the_permalink();?>">Xem chi tiết</a>
        </div>
  </div>
 
<?php endwhile; ?>
 
<nav>
    <?php previous_posts_link('&laquo; Mới hơn') ?>
    <?php next_posts_link('Cũ hơn &raquo;') ?>
</nav>
 
<?php
  $wp_query = null;
  $wp_query = $temp;  // Reset
?>

Và một vài đoạn CSS đơn giản

.san-pham {
    width: 31%;
    float: left;
    margin-right: 3%;
}
.san-pham.thrid {
    clear: right;
    margin-right: 0;
    float: right;
}

Ở đoạn loop trên cũng không có gì quá phức tạp nếu bạn chịu khó nhìn kỹ. Mình chỉ là tạo một Query mới với WP_Query để lấy sản phẩm từ post type san-pham ra ngoài. Trong đoạn query đó, mình có thiết lập thêm biến $paged để nó tiến hành tạo thêm cái phân trang để chúng ta có thể dùng previous_posts_link() và next_posts_link() để chèn 2 cái link dẫn tới trang tiếp theo và trang trước đó.

Nếu bạn muốn dùng phân trạng dạng số thì cũng dễ dàng thôi, đó là cài thêm plugin WP-PagiNavi vào và thay đoạn sau

1 2 3 4

<nav>     <?php previous_posts_link('&laquo; Mới hơn') ?>     <?php next_posts_link('Cũ hơn &raquo;') ?> </nav>

Thành

1	<?php wp_pagenavi(); ?>

Kết quả chúng ta sẽ có như thế này.

Xong rồi đấy, bây giờ bạn có thể sử dụng hoặc tự tuỳ biến thêm cho phù hợp với nhu cầu cá nhân nhé. Nếu bạn muốn đưa page này ra trang chủ, hãy vào Settings -> Reading và Set front page là trang mà bạn vừa tạo.

Bài hơi dài nên viết mệt quá, mình kết thúc bài tại đây. Nếu có vấn đề gì chưa hiểu bạn cứ bình luận phía dưới để mình giải thích rõ hơn.