Home Wordpress
Showing posts with label Wordpress. Show all posts
Showing posts with label Wordpress. Show all posts

HƯỚNG DẪN CÀI ĐẶT PLUGIN WP SMTP TRONG WORDPRESS

HƯỚNG DẪN CÀI ĐẶT PLUGIN WP SMTP TRONG WORDPRESS
Add Comment Edit
Việc đầu tiên các bạn vào đây để tải plugin về và cài đặt.
Hướng dẫn cấu hình
Sau khi cài đặt xong Wp mail SMTP các bạn có thể vào phần Settings –WP SMTP để cấu hình để sử dụng. Đây là hình ảnh mẫu cấu hình Smtp sử dụng Gmail smtp server mà mình đã cài đặt
cai dat wp smtp

Read More»

Thủ thuật sử dụng load more ajax trong wordpress

Thủ thuật sử dụng load more ajax trong wordpress
1 Comment Edit
Sau đây mình xin giới thiệu cho các bạn cách sử dụng load more ajax trong wordpress
ajax-load-more-cta
Đầu tiên các bạn vào đây để tại source về.
- Sau đó các bạn include file functions_load_more.php vào file function của mình, hoặc có thể copy code trong đó rồi bỏ vào file function của mình cũng được. Tiếp theo copy file js bỏ vào theme của mình.
Và cuối cùng là vào file your_template để xem định dạng hiển thị của nó như thê nào, như vậy đã xong, thật dễ dàng phải không nào.
Lưu ý để sử dụng load more ajax:
Dòng:
<div id="posts_list">
<article class="single-article"> <!-- posts content --> </article>
</div>
Các bạn phải bỏ vào trong vòng lặp dưới nhé
<?php while ( have_posts() ) : the_post();?>
và bỏ ở ngoài while nha
<a class="load_more" data-nonce="<?php echo wp_create_nonce('load_posts') ?>" href="javascript:;">Load more</a>
Còn một điều nữa bạn cũng phải chỉnh cách hiện thị của nó trong file functions_load_more.php, không thôi là nó hiển thị đúng như ban đầu đâu.
Chúc các bạn thành công. nếu có gì thắc mắc các bạn cứ comment vào bên dưới nha.  :lol:

Read More»

Hướng dẫn sử dụng Font Awesome

Add Comment Edit
Sau đây mình xin hướng dẫn sử dụng Font Awesome một cách đơn giản nhất mà bất cứ ai cũng có thể làm được.

Đầu tiên các bạn cần biết font awesome là gì ?

Font Awesome là thư viện cung cấp hàng trăm Icons cho Website hoặc Blog. Với những Icons này bạn hoàn toàn có thể tùy biến bằng CSS từ màu sắc, hiệu ứng,…giống như một kí tự bình thường. Ưu điểm của Font Awesome là không ảnh hưởng đến tốc độ tải trang, miễn phí,…Do đó, bạn hoàn toàn có thể sử dụng cho Blog hay Website của mình.

Cách sử dụng font awesome như thế nào ?

Bạn có thể sử dụng file trực tiếp bằng cách dán đoạn mã bên dưới vào phần <head> của HTML của trang web:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Hoặc vào đây tải font về và tích hợp vào web của bạn: ví dụ link web của mình là:
<link rel="stylesheet" href="'http://doannguyenit.com/wp-content/themes/chuyenha/lib/font-awesome/css/font-awesome.min.css">
Lưu ý: Nhớ là thay đổi đường dẫn cho phù hợp với tập tin trong giao diện.
Các bạn có thể xem các đoạn mã icon tại trang chủ Font Awesome

Để sử dụng các Icons bạn chèn các đoạn mã Icons theo mẫu sau:

<i class="fa fa-camera-retro"></i>
Không nhất thiết sử dụng thẻ <i> các bạn có thể sử dụng div,b,p … miễn sao có class=”fa Mã icon” vào là được. Vào đây để xem thêm ví dụ.

Mình muốn chèn icon bằng css thì làm như thế nào ?

Việc này quá đơn giản, chỉ cần truy cập vào trang Font Awesome Cheatsheet và tìm mã icon mình cần.
Ví dụ: fa-adn [&#xf170;]
div:before{
font-family: 'FontAwesome';
content: '\ f170';
}
Thay &#xf thành \ là có thể sử dụng được ngay rồi. Đơn giản phải không nào ^^

Sử dụng Font Awesome có ảnh hưởng đến tốc độ truy cập vào web?

Các bạn thử nghĩ xem thay vì load các bước ảnh nặng nề và mất công ngồi viết css thêm icon vào , chúng ta chỉ cần dùng 1 đoạn mã có sẵn của Font Awesome là có thể dùng ngày rồi.
Nếu có bất kì thắc mắc nào các bạn có thể comment dưới bài viết hoặc gửi mail cho mình nhé!
Read More»
Subscribe to: Posts ( Atom )