Các loop trong wordpress

Các loop trong wordpress: 

<?php

// Loop tieu chuan cuaWP, hien thi post dua tren cau lenh truy van URL
if(have_posts()) : while(have_posts()) : the_post();
//.......
endwhile; else:
//........
endif;

?>

<?php // su dung query_posts de sua lai cau truc mac dinh cua loop.
    query_posts('posts_per_page=5&cat=3&orderby=rand');
    if(have_posts()) : while(have_posts()) : the_post();
  
    //....
    endwhile; else:
    //....
    endif;
    wp_reset_query();
?>

<?php //su dung $query_string de bao toan cau lenh truy van URL
    global $query_string;
    $posts = query_posts($query_string.'posts_per_page=5&cat=3&orderby=rand');
    if(have_posts()) : while(have_posts()) : the_post();
  
    //....
    endwhile; else:
  
    //....
    endif;
    wp_reset_query();
?>

<?php // su dung Class new WP_Query de chinh sua hoac tao loop moi hoac nhieu loop tren mot trang
    $featured = new WP_Query('posts_per_page=5&cat=3&orderby=rand');
    while($featured->have_posts()) : $featured->the_post();
    //....
    endwhile;
    wp_reset_postdata();
  
?>

<?php //cach thuc an toan nhat de tao mot loop rieng biet hoac nhieu loop tren mot trang
    global $post;
    $args = array('numberposts'=>3, 'category'=>5,6,7, 'orderby'=>'rand');
    $custom_posts = get_posts($args);
    foreach($custom_posts as $post) : setup_postdata($post);
    //...
    endforeach;
    wp_reset_postdata();
  
?>

themes

Các hàm hay dùng trong lập trình PHP

Các hàm hay dùng trong lập trình PHP giới thiệu với mọi người 1 số hàm thông dụng, khi cần còn có cái mà sử dụng. Bổ sung theo những gì mình quan tâm nha mọi người.


Xử lý chuỗi.

1 addcslashes :Trích dẫn xâu kí tự với những vạch chéo trong kiểu C
*Cấu trúc :addcslashes(string with special characters);

2 addslashes :Trích dẫn xâu kí tự với những vạch chéo
*Cấu trúc : addcslashes(a string with special characters);

3 bin2hex :Chuyển đổi dữ liệu dạng nhị phân sang dạng biểu diễn hệ hexa
*Cấu trúc :bin2hex(string);

4 chop :Tách bỏ nhưng khoảng trắng từ cuối một xâu

5 chr : Cho một kí tự đặc biệt trong bảng mã
*Cấu trúc : chr(numeric);

6 chuck split : Tách một xâu thành các xâu nhỏ hơn

7 convert cyr string :Chuyển đổi từ một kí tự kirin sang một kí tự khác

8 count_chart : Cho thông tin về các kí tự dùng trong xâu

9 crc32 : Tính toán sự thừa vòng đa thức của một xâu
Tự động tạo ra chu ki kiểm tra tổng thừa của đa thức dài 32bit trong một xâu

10 crypt :Một cách mã hóa một xâu

11 echo : In ra một hay nhiều xâu

12 explode :Tách một xâu ra bởi xâu kí tự

13 fprintf :Viết một định dạng chuỗi ra một dòng

14 get html translation table :Cho ra bảng dịch bằng cách sử dung các thủ tục

html entity decode :

15 hebrev :Chuyển đổi văn ban logic khó hiểu sang văn ban trưc quan

16 hebrevc :Chuyển đổi văn ban logic khó hiểu sang văn ban trưc quan với sự chuyển đổi dòng mới

17 html entity decode :Chuyển đổi tấtcả cácthực thể HTML sang những kí tự có thể dùng được của chúng

18 htmlentities :Đổi tất cả các kí tự được sử dung sang các thực thể HTML

19 htmlspecialchars :Đổi những kí tự đặc biệt sang các thực thể của HTML

20 implode :Nối các phần tử của mảng với một xâu

21 join :Hàm này là một bí danh của hàm implode

22 levenshtein :Tính khoảng cách giữa hai xâu

23 localeconv :Lấy ra thông tin quy cách số

24,lstrim-- Strip whitespace from the beginning of a string
=>Xoá khoảng trắng từ phần tử đầu tiên của chuỗi

25,md5_file-- Calculates the md5 hash of a given filename
=>Mã hoá md5 tên file

26,md5 -- Calculate the md5 hash of a string
=>Mã hoá md5 1 chuỗi

27,metaphone -- Calculate the metaphone key of a string
=>Tính siêu khoá âm thanh của 1 chuỗi

28,money_format -- Formats a number as a currency string
=> Định dạng 1 số như 1 chuỗi tiền tệ

29,nl_langinfo -- Query language and locale information
=>Ngôn ngữ truy vấn và biên tập thông tin

30,nl2br -- Inserts HTML line breaks before all newlines in a string
=>Chèn 1 dòng ngắt HTML trước tất cả những dòng mới trong 1 chuỗi
31,number_format -- Format a number with grouped thousands
=>Định dạng 1 số với hàng nghìn chữ số

32,ord -- Return ASCII value of character
=>Trả lại giá trị ASCII của kí tự

33,parse_str -- Parses the string into variables
=>Phân tách chuỗi thành các biến số

34,print -- Output a string
=>In ra 1 chuỗi

35,printf -- Output a formatted string
=>In ra 1 chuỗi được định dạng

36,quoted_printable_decode -- Convert a quoted-printable string to an
8 bit string
=>Chuyển 1 chuỗi có thể in trích dẫn sang 1 chuỗi 8 bit.(Giải mã)

37,quotemeta -- Quote meta characters
=>Trích dẫn kí tự đặc biệt

38,rtrim -- Strip whitespace from the end of a string
=>Xoá khoảng trắng từ phần tử cuối cùng của chuỗi

39,setlocale -- Set locale information
=>Thiết lập vị trí thông tin

40,sha1_file -- Calculate the sha1 hash of a file
=>Mã hoá sha1 1 file

41,sha1 -- Calculate the sha1 hash of a string
=>Mã hoá sha1 1 chuỗi

42,similar_text -- Calculate the similarity between two strings
=>Cho số kí tự giống nhau của 2 chuỗi

43,soundex -- Calculate the soundex key of a string
=>Tính khoá chỉ âm của 1 chuỗi

44,sprintf -- Return a formatted string
=>Trả lại 1 chuỗi được định dạng

45,sscanf -- Parses input from a string according to a format
=>Phân tách chuỗi theo 1 định dạng

46,str_ireplace -- Case-insensitive version of str_replace().
=>Tương tự str_ replace().

sscanf-- Parses input from a string according to a format
->Phân tích từ loại nhập vao từ một xâu theo một định dạng

str_ireplace-- Case-insensitive version of str_replace().
->Thay thế ngược lại khi xâu đã bị thay thế bằng str_replace()

str_pad-- Pad a string to a certain length with another string
->Co một xâu tới một độ dài nào đó với một xâu khác

str_repeat--Repeat a string
->Lặp lại một xâu

str_replace-- Replace all occurrences of the search string with the replacement string
->Thay thế tất cả các biến cố của xâu tìm kiếm với một xâu thay thế

str_rot13--Perform the rot13 transform on a string
->Thực hiện mã hoá theo rot 13 trên 1 xâu

(Rot-13 :Trong các nhóm tin của mạng USENET, đây là một kỹ thuật mật mã hoá đơn giản, nó làm dịch từng ký tự đi 13 vị trí trong bảng chữ cái (cho nên e sẽ thành r). Mật mã rot- 13 được dùng cho mọi thông báo tin bất kỳ nào có thể làm mất sự thú vị của một người nào đó (như) cách giải cho một trò chơi chẳng hạn hoặc xúc phạm một số người đọc (như) bài thơ về tình dục chẳng hạn. Nếu người đọc cho giải mã thông báo tin này bằng cách phát ra một lệnh thích hợp, thì người đọc đó - chứ không phải tác giả của thông báo - sẽ phải chịu trách nhiệm đối với sự khó chịu do việc đọc thông báo gây ra.)

str_shuffle--Randomly shuffles a string
->Thay đổi một xâu bằng cách xê dịch ngẫu nhiên

str_split-- Convert a string to an array
->Đổi một xâu thành một mảng

str_word_count-- Return information about words used in a string
->Trả lại thông tin về những từ đã sử dụng trong một xâu

strcasecmp-- Binary safe case-insensitive string comparison
->So sánh xâu theo …case-insensitive.. nhị phân

strchr--Alias of strstr()
->Bí danh của strstr()

strcmp--Binary safe string comparison
->Sự so sánh xâu bằng cơ sở nhị phân

strcoll--Locale based string comparison
->Nơi diễn ra sự so sánh cơ sở

strcspn-- Find length of initial segment not matching mask
->Tìm độ dài của đoạn đầu tiên mà không tìm thấy trên bề mặt của xâu này đối với xâu kia.

strip_tags--Strip HTML and PHP tags from a string
->Loại bỏ các thẻ HTML và PHP từ một xâu

stripcslashes-- Un-quote string quoted with addcslashes()
->Loại bỏ các dấu slashe trong xâu do hàm addcslashes() tạo ra.

stripos-- Find position of first occurrence of a case-insensitive string
->Tìm ra vị trí đầu tiên của xâu này trong xâu kia của trường hợp sử lý cặp xâu.

stripslashes-- Un-quote string quoted with addslashes()
->Loại bỏ hàm addslashes(), hay nói cách khác, hàm này trả về giá trị ban đầu của xâu khi xâu bị hàm addslashes() chèn các dấu slashe ở các ký tự đặc biệt

stristr-- Case-insensitive strstr()
->Loại bỏ hàm strstr() khi trong xâu có dấu chấm.

strlen--Get string length
->Lấy độ dài của xâu

strnatcasecmp-- Case insensitive string comparisons using a "natural order" algorithm
->So sánh xâu theo thứ tự abc, các ký tự được xét từ đầu đến cuối xâu
(VD: a2>a12>a11).

strnatcmp-- String comparisons using a "natural order" algorithm
->So sánh xâu sử dụng thứ tự abc và thứ tự toán học, nhưng được tính trên toàn bộ xâu ( VD: a12 > a11>a2).

strncasecmp-- Binary safe case-insensitive string comparison of the first n characters
->Là một hàm giống như strcasecmp(), khác ở chỗ hàm này có thể chỉ rõ số ký tự trong mỗi xâu đem so sánh.


strncmp:trả ra giá trị mà xâu1 dài hơn so với sâu hai.

strpos:Tìm vì trí xuất hiện đầu tiên của một xâu này trong xâu khác.

strrchr:Tìm kiếm vị trí xuất hiện cuối cùng của một kí tự trong xâu.

strrev:Đảo ngược một xâu.

strripos:Tìm vị trí cuối cùng của xâu này khiến nó khác một xâu cho trước.

strrpos:Tìm vị trí lần xuất hiện cuối cùng cùng của một kí tự trong một xâu.

strspn:Tính xem độ dài đoạn đầu của một xâu mà chứa toàn các kí tự thuộc xâu khác.

strstr:Lấy ra một đoạn của xâu từ vị trí xuất hiện kí tự cho trước.

strtok:chia cắt xâu.

strtolower:biến kí tự chữ hoa thành chữ thường.

strtoupper:biến kí tự chữ thường thành chữ hoa.

strtr:chuyển đổi kí tự theo một qui tắc nào đó.

substr_compare:không có thông tin.

substr_count:Tính số lần xuất hiện của một xâu này trong một xâu khác.

substr_replace:thay thế một đoạn văn bản trong phạm vi một đoạn của xâu kí tự.

substr:trả ra một phần của xâu.

trim:Loại bỏ kí tự thừa(whitespace)ở đầu và cuối mỗi xâu.

ucfirst:viết hoa kí tự đầu tiên của một xâu.

ucwords:viết hoa kí tự đầu tiên của mỗi từ.

vprints:xuất ra một xâu được định dạng

vsprint:quai lại một xâu định dạng.

wordswarp:chia xâu kí tự ra thành các sâu con nhờ một kí tự xác định.

Nguồn: phpvn.org


Thông số liên quan đến trình duyệt và máy chủ

$_SERVER['PHP_SELF']: Tên file nằm trên thư mục gốc của website. Ví dụ: biến $_SERVER['PHP_SELF'] trong script đặt tại địa chỉ http://example.com/test.php/foo.bar sẽ là /test.php/foo.bar.

$_SERVER['SERVER_NAME']: Tên của máy chủ host, nơi mà đoạn script được thực thi. Nếu đoạn script này đang chạy trên một host ảo thì giá trị này sẽ trả về tên host ảo đó.

$_SERVER['SERVER_SOFTWARE']: Chuỗi định danh của máy chủ, thường được cấp trong phần header khi trả lời các yêu cầu từ máy khách.

$_SERVER['SERVER_PROTOCOL']: Tên và phiên bản của giao thức mà trang web yêu cầu. VD: 'HTTP/1.0';

$_SERVER['REQUEST_METHOD']: Loại yêu cầu được sử dụng để truy cập trang web. VD: 'GET', 'HEAD', 'POST', 'PUT'.

$_SERVER['QUERY_STRING']: Câu truy vấn (chứa các thông tin liên quan đến các biến và giá trị của phương thức GET.

$_SERVER['DOCUMENT_ROOT']: Thư mục gốc của website, nơi mà file script đang được thực thi.

$_SERVER['HTTP_HOST']: Những nội dung liên quan đến Host header lấy từ yêu cầu hiện tại

$_SERVER['REMOTE_ADDR']: Địa chỉ của trình duyệt, nơi người sử dụng đang duyệt web.

$_SERVER['REMOTE_PORT']: Cổng được sử dụng trên máy khách (để kết nối tới web server).

$_SERVER['SCRIPT_FILENAME']: Đường dẫn tuyệt đối của file chứa script đang chạy

$_SERVER['SERVER_PORT']: Cổng của máy chủ web được mở để truyền dữ liệu. Mặc định là cổng 80.

$_SERVER['SERVER_SIGNATURE']: Chuỗi chứa phiên bản của máy chủ và tên host ảo (nếu được bật)

$_SERVER['PATH_TRANSLATED']: Đường dẫn file (không phải là thư mục gốc) dựa trên đường dẫn của đoạn
script.

$_SERVER['SCRIPT_NAME']: Chứa đường dẫn của file script. Thường dùng để trỏ đến chính nó.

$_SERVER['REQUEST_URI']: Địa chỉ URI (Định danh đối với các tài nguyên mạng, là một dạng thức mở rộng của URL).

php

Cách sử dụng plugin Types wordpress

Khi học wordpress có lẽ các bạn sẽ biết đến khái niệm Custom post type , custom taxonomy hay custom fields việc tạo ra chúng không phải dễ ràng cần phải code rất nhiều với các bạn muốn tạo trang web nhanh chóng hay những người không chuyên việc sử dụng plugin types là khá dễ ràng.
Đầu tiên các bạn hãy dowload nó tại đây  sau đó vào trang quản trị Plugins => Add new => upload để tiến hành cài đặt plugins vừa tải.

Sau khi Active plugin ta bắt đầu trước hết mình sẽ hướng dẫn cách tạo custom post type :

Đây là menu chính của plugin muốn tạo Custom post type các bạn chọn custom Types and Taxonomies => add custom post type.

Các thiết lập ở dưới tất cả đều để mặc định xong ta click save change để tạo custom post type mới
ở custom taxonomy tạo tương tự các bạn nhé.

Và đây là thành quả của mình.

Tiếp theo mình sẽ hướng dẫn các bạn tạo custom field bằng plugin này.

Vào types => Custom Fields =>Add a custom fields group để thêm mới Custom fields
 Trong đây ta có 1 số tùy chọn như sau:

Sau khi thiết đặt nhớ Save để tạo 1 fields group mới nhé  đây là kết quả của mình:

 Ngoài chức năng tạo Custom post type , Taxonomy, Custom fields . Types còn nhiều chức năng khác nữa các bạn tìm hiểu thêm nhé nhớ prefix của plugin này là wpcf_{slug} để áp dụng vào themes cho phù hợp nhé.

Hãy comment nếu bài viết còn thiếu sót nhé thanks..!!

plugins

Tổng hợp themes Woocommerce wordpress miễn phí 2014

1. GoMarket – Responsive Woocommerce Theme

Demo | Download

Đây là kiểu theme web bán hàng đang được nhiều người ưa chuộng với menu đứng bên tay trái, hỗ trợ slide, và mega menu chuyên nghiệp. Hiện tại theme này hỗ trợ rất nhiều màu sắc khác nhau, zoom sản phẩm và nhiều tính năng ưa chuộng khác.

2. Martha – Woocommerce Premium Theme

Demo& Dowload

Với phong cách thiết kế mạnh mẽ, Martha rất phù hợp để bạn làm các trang shop dành cho nam giới. Ngoài việc hỗ trợ hiển thị đẹp mắt trên các trình duyệt di động, Martha còn kèm theo hệ thống Page Builder riêng biệt rất chuyên nghiệp để hỗ trợ những người không chuyên cũng có thể trang trí bài viết của mình thêm phần đẹp mắt.
Nếu bạn có sử dụng plugin WPML để làm đa ngôn ngữ thì không cần đắn đo với Martha vì nó được tích hợp vào WPML sẵn rồi.

Elgrande – 7 Beautiful Layouts eCommerce Theme

Demo & Dowload

Bạn có dự định cần giao diện làm shop thời trang? Hãy thử nghía qua Elgrande một lần nếu bạn cần một bố cục sang trọng, quý phái để kinh doanh các mặt hàng như trang sức, mỹ phẩm. Đặc biệt nếu bạn sở hữu một màn hình Retina, hãy ngắm theme này nhiều hơn.

FashionZozza - WooCommerce WordPress Theme

Demo & Dowload

Ứng viên cuối cùng mà mình muốn giới thiệu trong đợt này, đó là một lựa chọn rất tuyệt vời cho các dự án bán hàng thời trang trên Woocommerce.
Hầu như nó hỗ trợ đầy đủ các tính năng cần thiết bao gồm Responsive, zoom sản phẩm, nhiều kiểu trang chủ khác nhau và có vị trí gắn banner đẹp mắt.

Shoppik – Premium WooCommerce Theme

Demo & Dowload

 

 

 

 

 Một theme khá đẹp và đơn giản dành cho các yêu cầu làm web kinh doanh mặt hàng nội thất, gia dụng.

123Medicine eCommerce WordPress Theme

Demo & Dowload

 

Việc tìm một theme để bán thực phẩm chức năng cũng không phải dễ vì hiện nay ít theme bán hàng nào lại tập trung vào mảng đó. Với sự xuất hiện của 123Medicine, bạn nên mua ngay lấy nó nếu đang bán các sản phẩm phù hợp với màu xanh lá cây.
Nó hỗ trợ đầy đủ cho plugin WPML và tặng kèm plugin Visual Composer trị giá $20.

GoodLiness – Retina Responsive WooCommerce Theme

Demo & Dowload

 Một giao diện bán hàng dành cho các đối tượng nữ giới đều cần phải đơn giản nhưng màu sắc dịu dàng và Goodliness đã có đủ yếu tố đó. Bạn có thể tha hỗ tùy chỉnh màu sắc theo ý của mình với chế độ chỉnh màu không giới hạn, và quốc tế hóa website với plugin WPML chuyên nghiệp.

 

 

themes

Tạo phân trang cho blogspot

Đăng nhập Blogger và chọn mục Mẫu
Click chọn Chỉnh sửa HTML

Tìm đoạn code

và dán trước nó đoạn mã bên dưới.

<style type="text/css"> .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;} .showpage a {float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRRduhZXWmrGCoe95w2q9MkJMY7JDelbLeVLj3zBlSjcwZdggHmqJWt0o2UZu8r0kHvjQpx4PQWrmcxRYH9MMAgestCJbLWy8UXACmPDe2eKYQ9oaKOBj35boK1L9kl6PTliFD3UGlSlk/) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;} .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;} .showpageOf{float:left;padding-top : 6px;} .showpageNum a {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigGm8kzcvYa-wuujFEpIjFawLWpn_905mCpk8CB3EPE9kyCfiPbdCFqfTiMwWbECQiS3R2XgU_EkwqHLiakaeKo5qrGAN7cPwG2IFTXnczZV5GuJ9VHGax0poHhP5bmYd_glCuKy2ImNlH/) no-repeat 0 0;width : 37px;height : 42px;display : block;text-align : center;float : left;margin : 0 5px;padding-top : 6px;text-decoration : none;color : #333;} .showpageNum a:hover {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigGm8kzcvYa-wuujFEpIjFawLWpn_905mCpk8CB3EPE9kyCfiPbdCFqfTiMwWbECQiS3R2XgU_EkwqHLiakaeKo5qrGAN7cPwG2IFTXnczZV5GuJ9VHGax0poHhP5bmYd_glCuKy2ImNlH/) no-repeat 0 100%;color : #fff;} .showpagePoint {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigGm8kzcvYa-wuujFEpIjFawLWpn_905mCpk8CB3EPE9kyCfiPbdCFqfTiMwWbECQiS3R2XgU_EkwqHLiakaeKo5qrGAN7cPwG2IFTXnczZV5GuJ9VHGax0poHhP5bmYd_glCuKy2ImNlH/) no-repeat 0 100%;width : 37px;height : 42px;display : block;float : left;text-align : center;margin : 0 5px;padding-top : 6px;font-weight : bold;color : #fff;} .showpageNum a:link, .showpage a:link {text-decoration : none;color : #cc0000;} </style> <script style='text/javascript'> var pageCount=5; var displayPageNum=1; var upPageWord="Previous"; var downPageWord="Next"; </script> <script type='text/javascript' src="http://widgets.way2blogging.org/blogger-widgets/w2b-beautiful-pagenavi.js"/>

var pageCount=5; là số bài đăng mỗi trang

Lưu mẫu và xem kết quả

Thủ Thuật

Hướng dẫn dùng Plugin Ajaxy Live Search tìm kiếm giống facebook

Đầu tiên bạn hãy tải plugin này về Tại đây .

Vào trang quản trị wordpress tìm Plugins => Add news , chọn upload và tìm tời plugin bạn vừa tải về

Sau khi cà đặt xong ta bắt đầu thiết lập : chọn AJAXY => Live Search đến bảng cài đặt chính của plugin

Genenal settings là cài đặt các thông số cơ bản :
Search label : placeholder của khung tìm kiếm
Search input ID or Class bạn có thể thêm id hoặc class cho khung tìm kiếm để dễ dàng tùy chỉnh bằng css phần dưới .
width: Độ rộng khung tìm kiếm tính bằng px.

Delay time thời gian chờ trước khi hiển thị kết quả.
Border width độ rộng đường viền tính bằng px
Border type : Kiểu border
Border color Màu border ở đây nhập mã màu or mã hex
Trong phần search reusults cài đặt tương tự vì nó đã chỉ rất rõ ràng :D

Phần search url ở đây nhập url trang tìm kiếm mặc định là search.php
Khung custom styles bạn có thể thêm css cho form tìm kiếm bằng việc chỉ ra id hoặc class phía trên.

Ở phần templates bạn có thể cài đặt phạm vi của search form. như cho tìm kiếm ở post type nào ,cho phép hiển thị những cái gì? ở phần search setting .

Ở phần theme bạn có thể chọn themes hiển thị search form mặc định là có 4 themes.

Sau khi cài đặt hoàn tất bạn có thể click vào mục Preview để xem trước form tìm kiếm của mình.

Ok Xong cuối cùng nhớ click vào save changes trong mục genenal settings để lưu lại mọi thiết đặt nhé.
muốn hiển thị search form ở đâu các bạn vào widget kéo nó vào nơi mình muốn nhé.

Đừng ngại comment nếu có thắc mắc gì nhé!!!

plugins

Cách tạo sitemap cho blogspot

1. Đăng nhập vào Google Webmaster Tools với tài khoản Google của bạn.
2. Tại tab bên trái bảng điều khiển => Tối ưu hóa => Sơ đồ trang web (Xem hình dưới) để cài site map.
3.Bấm nút Thêm/Kiểm tra sơ đồ trang web góc trái

  

 4.Một của sổ Popup xuất hiện bạn dán đoạn code lấy theo RSS của Google vào:

atom.xml?redirect=false&start-index=1&max-results=500

Sau đó bấm chọn gửi sơ đồ trang web

  

 Ok vậy là gửi xong sitemap blogspot cho google rồi các bạn F5 lại để kiểm tra nhé

SEO

7 plugins wordpress sẽ cải thiện tìm kiếm trang web của bạn

Khi sử dụng wordpress bạn sẽ nhận ra rằng chức năng tìm kiếm của wordpress vẫn đơn giản và chưa đáp ứng được một số yêu cầu của chúng ta. Một phần lớn của điều này là có thể là do thực tế là nó đứng kết quả dựa trên ngày chứ không phải là thích hợp. Một phần khác là bởi vì nó không tìm kiếm tất cả mọi thứ có thể được tìm kiếm (trích đoạn, thẻ, ý kiến, vv).

1. Relevanssi

Plugins Relevanssi hứa hẹn sẽ cho "kết quả tốt hơn", và trong các bài kiểm tra nhỏ tôi chạy, kết quả thực sự tốt hơn so với các kết quả tìm kiếm WordPress mặc định. Trong thực tế, có vẻ như từ thử nghiệm của tôi, Relevanssi có lẽ là plugins miễn phis tốt nhất trong rất nhiều việc.


Plugin Relevanssi cung cấp một số tính năng mà làm cho nó hấp dẫn.
Kết quả sắp xếp theo phù hợp, không ngày
"Phù hợp mờ" - sẽ phù hợp từ một phần nếu bạn chọn
Chọn để thiết lập bằng cách sử dụng truy vấn hoặc hoặc và truy vấn - kết quả tức là có thể phù hợp với một từ trong một tìm kiếm cụm từ, hoặc bạn có thể ép buộc, nó phù hợp với tất cả các từ trong một cụm từ tìm kiếm
Kết hợp chính xác tìm kiếm với dấu ngoặc kép
Đánh dấu cụm từ tìm kiếm nếu bạn chọn
Ngoài việc tìm kiếm bài viết và Trang, ý kiến ​​tìm kiếm, thẻ, chủng loại, và các lĩnh vực tùy chỉnh quá
Xác định trọng lượng bao nhiêu một yếu tố cần phải có - ví dụ như tiêu đề mang X-số lượng trọng lượng, thẻ mang Y-số lượng trọng lượng, ý kiến ​​mang Z-số lượng trọng lượng
Đăng nhập truy vấn tìm kiếm để tìm ra những truy cập của bạn đang tìm kiếm


Có lẽ một trong những tính năng đẹp nhất trong các plugin Relevanssi là phần lớn những gì được liệt kê ở trên là cấu hình. Nói cách khác, bạn có thể quyết định cách bạn muốn thiết lập công cụ tìm kiếm của bạn.


Đây là một ví dụ điển hình. Bạn có thể thiết lập bao nhiêu một yếu tố quan trọng đã trong "quyết định" công cụ tìm kiếm sẽ làm cho.


Trong trường hợp dưới đây, tôi đã thiết lập "bài viết tiêu đề" để được trọng nặng nhất.Nếu một cụm từ là trong một tiêu đề bài viết, đây có thể là một trận đấu tốt. Ở đầu bên kia của quy mô, tôi đã thiết lập "Nhận xét văn bản" để mang số tiền ít nhất ảnh hưởng. Như bạn không kiểm soát những gì người khác viết, thật khó để biết nếu nó sẽ được mục tiêu hay không.








Có rất nhiều lựa chọn khác để cấu hình, nhưng chúng tôi sẽ cho bạn thấy chỉ là một hơn.Đây là một số các tùy chọn cơ bản có sẵn - ví dụ, quyết định tất cả các từ trong một cụm từ tìm kiếm cần phải có mặt hay không, hoặc quyết định khi kết hợp một phần chữ nên kick in

2.Better Search:

Plugin Better Search thích hợp hơn để kết quả tìm kiếm bằng thêm Weight title và nội dung như trái ngược với ngày đăng. Bạn cũng có thể chơi với các bạn cung cấp cho mỗi Weight title.


Đây là một cái nhìn tại một số các thiết lập, bao gồm cả Weight title và nội dung.





Các plugin cũng cho phép bạn theo dõi tìm kiếm phổ biến và đặt chúng trong một widget trong sidebar giống như một đám mây từ khóa với cỡ chữ lớn hơn cho các tìm kiếm phổ biến hơn

3.WP Search

WP Search Plugin mục tiêu tăng cường sự liên quan tập trung vào tiêu đề và nội dung thay vì đặt hàng kết quả tìm kiếm theo ngày. Nó cũng cho phép bạn kiểm soát trọng lượng của tầm quan trọng cho cả các tiêu đề và nội dung.


Ngoài việc tìm kiếm bài viết và trang, nó cho phép bạn chọn để bao gồm file đính kèm, sửa đổi, các mục menu nav, ý kiến, và chuyên mục. Nó cũng bao gồm ký tự đại diện và hỗ trợ toán tử.


Đây là khung nhìn một phần ở một số cài đặt.

4 Wordpress Live Search

Dave's WordPress Live Search Plugin cung cấp cho bạn thả xuống gợi ý cho kết quả tìm kiếm của bạn khi bạn bắt đầu gõ truy vấn của bạn, giống như Google thực hiện, trừ khi bạn đã bật chức năng tắt.
Demo trong Wordpress.org




Các cài đặt cho các plugin chủ yếu là đối phó với sự xuất hiện và màn hình hiển thị. Đây là một cái nhìn ngắn tại một vài trong số các thiết lập.

plugins

Hướng dẫn SEO blog nhanh lên top

Hướng dẫn cách bạn tối ưu SEO Blogspot của mình tinh gọn nhất. 

Trước tiên, bạn phải chọn những template nhẹ chứa ít link out mặc định, theo kinh nghiệm mình thì nếu trong trường hợp bạn tìm được template blogspot miễn phí chuẩn SEO thì tốt còn không thì bạn dùng các template mặc định của Blogspot đã là được rồi.
Sau khi tìm được template và cài đặt blogspot của mình thành công thì các bạn làm theo các bước tối ưu sau:
Bước 1: Tự động chia sẻ bài viết mỗi khi có bài viết mới lên Google Plus.
Chọn Google+/tích vào dấu Automactically share after posting.

 

Bước 2: Cài đặt thông số cơ bản

Settings/Basic:
- title: chọn edit và viết Title của blogspot của bạn vào đó chú ý vẫn theo đúng chuẩn SEO: title bao gồm 11 chữ và 60 ký tự và chứa từ khóa đứng đầu.
- description: chọn edit và viết mô tả blog vào đó và theo chuẩn SEO: 160 ký tự và chứa từ khóa đứng đầu.
Settings/Language and formating:
- Chọn ngôn ngữ tiếng việt nếu blog của bạn nội dung là Tiếng Việt.
- Chọn Time Zone: (GMT+07:00) Bankok
Settings/ Search preferences:
Phần này là phần quan trọng nên bạn cần chú ý:
- Trong phần Description bạn chọn Yes để bật chức năng mô tả của các bài viết cho công cụ tìm kiếm.
- Custom Page No Found: bạn điền trang Direct 404 cho blogspot của mình.
- Custom robots.txt: trong phần này bạn cần tối ưu blog cho công cụ tìm kiếm.
- Custom robots header tags: ở đây chúng ta giới hạn google bot index những thành phần chúng ta không mong muốn.
Trên đây là hướng dẫn SEO Blogspot cơ bản nhất, ở phần tiếp theo tôi xin hướng dẫn những thủ thuật SEO Blogspot nâng cao hơn.
Xin cám ơn!

SEO

Các file cần thiết khi lập trình themes wordpress

  

 

 header.php
File này được hiểu như nó có nhiệm vụ khai báo tất cả các thành phần ở đầu trang. Bao gồm thành phần không thấy được (thẻ head) và phần thấy được (thành phần hiển thị logo, menu,…).

index.php
File chứa code phần nội dung của trang chủ không bao gồm phần header và footer vì 2 phần đó đã có file riêng. Hơn nữa, nếu bạn muốn cho một code nào tự động làm trang chủ thì có thể đặt tên file đó là home.php hoặc frontpage.php.

footer.php
File này có thể hiểu đơn giản là nó sẽ chứa các đoạn code in nội dung phần chân trang và bao gồm các thẻ đóng của html và body.

archive.php
File này sẽ hiển thị nội dung của các bài viết khi được phân loại bằng tag, category hoặc bất kỳ taxonomy khác. Nếu bạn muốn các bài viết liệt kê theo kiểu giống nhau thì có thể chỉ cần tạo file này là được. Nhưng nếu bạn muốn cho hiển thị danh sách bài viết trong tag hiển thị khác với bài viết trong category thì có thể tạo ra thêm 2 file tag.php và category.php. Lúc này khi bạn vào xem danh sách bài trong một category thì nó sẽ gọi file category.php ra và tương tự như thế với tag.

Ngoài ra nếu bạn muốn làm giao diện khác nhau ở mỗi category thì có thể tạo thêm file category-{ID}.php và đặt ID tương ứng với ID category. Bạn có thể làm tương tự với tag. Tips này dành cho những ai muốn làm giao diện hiển thị bài ở các category khác nhau. :D
404.php

Đơn giản là sẽ in nội dung của trang 404 ra. Bạn không nhất thiết phải sử dụng hàm của WordPress trong này, cứ viết cái gì vào mà bạn thích. :D

comments.php
File hiển thị comment form và nội dung comment.

page.php
Hiển thị nội dung khi xem Page. Bạn cũng vẫn có thể làm nhiều kiểu page khác nhau bằng Custom Page Template hoặc đặt tên file pà page-{ID}.php.

single.php
Hiển thị nội dung của Post, hay còn gọi là bài viết. Thường thì code file này cũng giống file page.php.

search.php
Hiển thị danh sách các bài viết trong trang kết quả tìm kiếm. Code cũng có phần giống với file archive.php

functions.php
Là một file khá quan trọng để bạn custom theme bằng filter và action hoặc tất cả những cái khác mà bạn có thể viết bằng PHP. Mặc định chúng ta không cần viết gì vào đây nhưng trong quá trình làm theme sẽ chắc chắn viết linh ta linh tinh vào.

themes

Tổng hợp những hàm hay dùng trong lập trình theme wordpress

 

post_class():

In tất cả các class liên quan đến bài viết vào bài, rất tiện để bạn muốn custom sau này.

the_permalink():

In đường dẫn của bài viết

the_title(): 

In tiêu đề của bài viết.

the_post_thumbnail(‘medium’): 

In ảnh featured image của bài với size là Medium. Cái size này bạn có thể chỉnh trong Settings -> Media.

the_category( ‘,’ ): 

Đoạn in các category của bài viết, cách nhau bằng dấu phẩy.

the_author(): 

In tên tác giả của bài viết.

the_author_link(): 

In link dẫn tới trang tác giả.

the_excerpt(): 

In một phần nội dung của bài viết hoặc nội dung trong phần Excerpt của bài viết.

bloginfo('key');    ‘name’ – Trả về tiêu đề Website
‘description’ – Trả về mô tả Website
‘admin_email’ – Trả về email của admin
‘site_url’ – Trả về url của Website
‘home’ – Trả về url trang chủ

the_ID() – In ra ID của Bài Viết hiện tại. Nếu muốn lấy ID Bài viết ta dùng hàm get_the_ID() (có thể dùng $post->ID)
the_title() - In ra Tiêu đề của Bài Viết hiện tại. Lấy Tiêu đề Bài viết ta dùng get_the_title() (có thể dùng$post->post_title)
the_content() - In ra Nội dung Bài viết (đã qua filter the_content). Lấy Nội dung Bài viết get_the_content() (có thể dùng $post->post_content)
the_author() - In ra Tên tác giả Bài viết. Lấy tên tác giả ta dùng get_the_author(). Lấy ID của author $post->post_author
the_category(‘,’) – In ra danh sách danh mục của bài viết, cách nhau bởi dấu ‘,’
the_time(‘{định dạng ngày tháng}’) – In ra thời gian Bài viết được publish. Ví dụ: the_time(‘d-m-Y’) sẽ in ra 04-09-2013
the_permalink() – In ra liên kết tới bài viết. Lấy liên kết bài viết get_the_permalink() hoặcget_permalink($post->ID)
the_post_thumbnail($size,$attr) - In ra hình featured của bài viết. Ví dụ: the_post_thumbnail(‘large’,array(‘alt’=’Test’))>

get_template_directory_uri()
Đường dẫn tới theme hiện đang được kích hoạt, như nói ở trên nêu dùng để gán chó biên thì dùng hàm có tiền tố get ở đầu nhé bạn.
 Vì vậy muốn in ra thì phải dùng thêm echo. Echo trong php là hàm để in

wp_head()
 luôn luôn gọi hàm này trong phần header.
 Bởi nếu không có hàm này thì các script của plugin (giống như là module)
 sẽ không được thêm vào thẻ head. Ví dụ jquery của một plugin chẳng hạn

body_class()
 Bạn phải luôn luôn gọi hàm này trong thẻ body,
 bởi trong quá trình thiết kế theme có phần đó là ảnh và màu nền của trang sẽ được gọi thông qua hàm này.

Đây chỉ là 1 số trong số rất nhiều hàm trên thư viện wordpress các bạn có thể tham khảo thêm tại    https://codex.wordpress.org/Function_Reference

themes

Tạo giỏ hàng trong wordpress đơn giản

Shopping Cart

Cách làm thì có rất nhiều, nhưng trong khuôn khổ bài viết này mình sẽ hướng dẫn các bạn tạo giỏ hàng bằng session. Như các bạn cũng đã biết là session được lưu trên server và nó bắt đầu khi người dùng truy cập vào website. Mỗi session sẽ có 1 định danh riêng là ID vì thế mình có thể sử dụng session để tạo ra giỏ hàng và giỏ hàng này là dành riêng cho mỗi người dùng. Rất thuận lợi để phân biệt giỏ hàng của người dùng.
Cụ thể là mình sẽ tạo ra 1 session với tên là shopcart chẳng hạn. Session này mình sẽ dùng để lưu 1 mảng các giá trị với key là id của sản phẩm và value là số lượng sản phẩm. Dùng phương pháp lưu vào session kiểu này mình thấy rất hay thay vì phải lưu xuống cơ sở dữ liệu vì vừa phải chèn, xóa, cập nhật csdl rất mất công. Ngoài ra dùng giỏ hàng với session các bạn không phải lo vấn đề xóa giỏ hàng vì nó sẽ tự động hủy khi người dùng thoát khỏi website.
Ý tưởng đã xong, giờ tiến hành thôi. Mình sẽ sử dụng 1 template page duy nhất để hiển thị, thêm và xóa sản phẩm trong giỏ hàng. Các bạn tạo 1 template page với tên tùy ý và kích hoạt nó. Ở đây mình tạo 1 file cart.php và kích hoạt nó với page có tên Giỏ Hàng. Các bạn nhớ slug của page này nhé. Mình sẽ dùng nó ở dưới đấy, của mình là gio-hang.

Đầu tiên vào functions.php để đăng ký 2 query_var để truyền thao tác (thêm | xóa) và ID sản phẩm nhé

function insert_query_vars($vars) {
 array_push($vars, 'pro_id'); //lưu id sản phẩm
 array_push($vars, 'action'); //lưu thao tác (thêm, xóa)
 return $vars;
}
add_filter('query_vars', 'insert_query_vars');

Tiếp theo đăng ký 1 rules mới để rewite đường dẫn trang web khi thêm sản phẩm

function rewrite_rules($rules) {
 $new_rules = array();
 $new_rules['(gio-hang)/(them|xoa)/([0-9]+)/?'] = 'index.php?pagename=$matches[1]&action=$matches[2]&pro_id=$matches[3]';
 return $new_rules + $rules;
 echo $matches[2];

}
add_action('rewrite_rules_array', 'rewrite_rules'); 
Tiếp đến thêm link vào button thêm vào giỏ hàng:
  <a href="<?php bloginfo('url'); ?>/gio-hang/them/<?php echo get_the_ID(); ?>" class="add_to_cart">Mua ngay</a>

Rồi, bây giờ các bạn quay lại template page đã tạo ở trên để viết code xử lý thêm, xóa, cập nhật và hiển thị sản phẩm trong giỏ. Các bạn gọi header, sidebar và footer cho phù hợp với theme. Vì bài viết này mình hướng dẫn cách xử lý giỏ hàng nên các phần về  hiển thị mình không giải thích nữa. Mình chỉ tập trung vào cách xử lý thêm, xóa, cập nhật giỏ hàng như thế nào thôi. Và đây là nội dung trang xử lý:


 <?php
 /*
 Template Name: Cart
 */
?>

<?php
 global $product_prefix;
 $action = get_query_var('action'); //thêm|xóa
 $pro_id = get_query_var('pro_id'); //id sản phẩm
 if($action){ //nếu có thao tác (thêm hoặc xóa)
  switch($action){
   case 'them':
    if (isset( $_SESSION['cart'][$pro_id])) //nếu đã có thì cập nhật số lượng thêm 1
     $quantity = $_SESSION['cart'][$pro_id] + 1;
    else
     $quantity = 1; //ngược lại tạo 1 item mới với số lượng là 1
    $_SESSION['cart'][$pro_id] = $quantity; //cập nhật lại
    wp_redirect(get_bloginfo('url').'/gio-hang'); exit(); //trả về trang hiển thị giỏ hàng
    break;
   case 'xoa':
    if(isset( $_SESSION['cart'] ) && count( $_SESSION['cart'] ) > 0 ){ //kiểm tra và xóa sản phẩm dựa vào id
     unset($_SESSION['cart'][$pro_id]);
     wp_redirect(get_bloginfo('url').'/gio-hang'); exit();
    }
    else{
     unset($_SESSION['cart']);
     echo "<h3>Hiện chưa có sản phẩm nào trong giỏ hàng! <a href='".get_bloginfo('url')."'>Bấm vào đây</a> để xem và mua hàng.</h3>";
    }
   break;
 }
 }else{ //không có thao tác thêm hoặc xóa thì sẽ hiển thị sản phẩm trong giỏ hàng
 ?>
 <?php
 if ( isset( $_SESSION['cart'] ) && count( $_SESSION['cart'] ) > 0 ) { //kiểm tra số lượng sản phẩm trước khi hiển thị
 ?>
  <form action="" method="post">
   <table id="cart">
    <tr>
     <td style="width:50px;"></td>
     <td>Tên sản phẩm</td>
     <td>Giá</td>
     <td>Số lượng</td>
     <td>Thành tiền</td>
     <td><input type="submit" name="cart_update" value="Cập nhật" style="border: 1px solid olive; cursor: pointer;"
 title="Cập nhật giỏ hàng"/></td>
    </tr>
 <?php
 $total = 0;
 foreach ( $_SESSION['cart'] as $pro_id => $quantity ){ //lặp qua mảng cart session lấy ra id và show thông tin sản phẩm theo id đó
  $product = get_post((int)$pro_id );
  $price = (float)get_post_meta($pro_id, $product_prefix."price",true);
 ?>
  <tr>
  <td style="width:50px;"><?php if ( has_post_thumbnail( $pro_id ) ) echo get_the_post_thumbnail( $pro_id, array( 50, 50 ) ); else echo "<img src='".get_bloginfo('template_url')."/images/no_img.png' style='width:50px;height:50px;' />"; ?></td>
  <td><?php echo $product->post_title; ?></td>
  <td><?php echo number_format($price). ' VND'; ?></td>
  <td><input autocomplete="off" type="text" value="<?php echo $quantity; ?>" name="quantity[<?php echo $pro_id; ?>]" /></td>
  <td><?php echo number_format( $price * $quantity) . ' VND'; ?></td>
  <?php $total += $price * $quantity; ?>
  <td><a href="<?php echo get_bloginfo( 'url' ) . '/gio-hang/xoa/' . $pro_id; //link xóa sản phẩm trong giỏ ?>">Xóa</a>
 </td>
 </tr>
 <?php
 }
 ?>
 <tr>
 <td colspan="2">
 <a title="Mua tiếp" class="btn" href="<?php echo get_bloginfo( 'url' ); ?>">Mua tiếp</a>
 <a title="Đặt hàng" class="btn" href="#">Đặt hàng</a>
 </td>
 <td>Tổng tiền</td>
 <td colspan="3"><?php echo number_format($total) . ' VND'; ?></td>
 </tr>
 </table>
 </form>
 <?php
 } else {
 echo "<h2>Hiện chưa có sản phẩm nào trong giỏ hàng! <a href='" . get_bloginfo( 'url' ) . "'>Bấm vào đây</a> để xem và mua hàng.</h2>";
 }
 ?>
 <?php
 if(isset($_POST['cart_update'])){ //xử lý cập nhật giỏ hàng
  if(isset($_POST['quantity'])){
   if(count($_SESSION['cart']) == 0) unset($_SESSION['cart']); //nếu không còn sản phẩm trong giỏ thì xóa giỏ hàng
   foreach($_POST['quantity'] as $pro_id => $quantity){ //lặp mảng số lượng mới và cập nhật mới cho giỏ hàng
     if($quantity == 0) unset($_SESSION['cart'][$pro_id]);
     else $_SESSION['cart'][$pro_id] = $quantity;
   }
   wp_redirect(get_bloginfo( 'url' ).'/gio-hang'); //cập nhật xong trả về trang hiển thị sản phẩm trong giỏ
  }
 }
 }
 ?>

Trên code cũng đã ghi chú khá đầy đủ nên mình cũng không giải thích lại nữa nhớ thêm css cho trang giỏ hàng thêm sinh động nhé


Tiếp theo đăng ký session

add_action( ‘init’, ‘start_session’ );
function dvd_start_session() {
if ( !session_id() ) {
session_start();
}
}
và đây là kết quả của mình sau khi thêm css:

Cuối cùng là đặt đoạn code này nơi muốn hiển thị giỏ hàng 
<h3 class="cart"><a href="<?php bloginfo('url'); ?>/gio-hang" >Giỏ hàng </a><?php if(isset($_SESSION['cart']) && count($_SESSION['cart']) > 0) echo "(".count($_SESSION['cart']).")"; ?></h3>
 <?php if(!isset($_SESSION['cart']) || (isset($_SESSION['cart']) && count($_SESSION['cart']) == 0)) : ?>
 <p>Hiện chưa có sản phẩm nào trong giỏ hàng.</p>
 <?php else : ?>
 <?php
 global $product_prefix; $price_total = 0;
 foreach($_SESSION['cart'] as $pro_id => $quantity){ //lặp và hiển thị thông tin sản phẩm trong giỏ
 $product = get_post($pro_id);
 ?>
 <li><a title="<?php echo $product->post_title; ?>" href="<?php echo get_permalink($pro_id); ?>"><?php echo substr($product->post_title, 15); ?></a> x <?php echo $quantity; ?><br/>
 <?php $price = get_post_meta($pro_id, $product_prefix."price", true);
 if($price && $price != "") {
 echo ' => '.number_format((float)$price * $quantity) .' VND'; $price_total += ((float)$price * $quantity);
 }
 else echo " => 0 VND";
 ?>
 </li>
 <?php
 }
 echo "<hr/>"; echo "Tổng tiền: ".number_format($price_total)." VND";
 ?>
 <?php endif; ?>

themes

Học PHP nên bắt đầu từ đâu?

Có lẽ đây là câu hỏi được khá nhiều người đặt ra khi mới bước chân vào lập trình web theo kinh nghiệm của mình chúng ta nên bắt đầu từ :

1. Nên bắt đầu từ những ngôn ngữ cơ bản nhất hỗ trợ cho PHP gồm: HTML, CSS, Javascript…




Đây có lẽ là bước đầu để làm 1 trang web nếu nắm vững bạn đã có thể tự mình chuyển 1 giao diện photoshop sang giao diện website tĩnh rồi.


2. Sau đó nghiên cứu Phân tích thiết kế hệ thống cơ sở dữ liệu đặc biệt là tìm hiểu kỹ hệ quản trị database Mysql.




3. Đã nắm chắc được cơ sở dữ liêu rồi điều tiếp theo nên học là PHP tìm hiểu kĩ những câu lệnh truy suất cơ sở dữ liệu các function, Class php khi nắm chắc những khái niệm dó trong tay ta đã có thể xây dựng được 1 trang web động chuyển từ trang tĩnh phía trên theo mô hình MVC


4. Tìm hiểu các Framework như Zend, CakePHP... đáp ứng yêu cầu các nhà tuyển dụng theo mình nghĩ thì nên học chắc 1 Framework các Framwork còn lại cũng làm việc tương tự vậy thôi.






5. Tìm hiểu các CMS như joomla, Drupal, Wordpress vì đây là những công cụ tạo web nhanh chóng có sẵn phần quản trị phù hợp với các website có nội dung nhỏ thường được các doanh nghiệp sử dụng vị tính tiện lơi quản trị dễ .


6. Học nâng cao với Web Security.

php

Themes wordpress miễn phí đẹp

Mình xin gửi đến các bạn một vài theme WordPress miễn phí tuyệt đẹp mà các bạn nên sử dụng cho các dự án  của mình.

Với danh sách theme này, bạn có thể nhận ra rằng các theme miễn phí ngày càng trở nên chuyên nghiệp và không thua kém gì các theme trả phí trước đây, đa phần đều hỗ trợ Responsive, CSS3 và HTML5 khá chuyên nghiệp. Hãy kiểm tra thử nhé.

1. Restaurante

Demo Download

Một theme dạng blog có tông xanh rất đẹp, bạn có thể áp dụng cho các blog ẩm thực hoặc mảng làm đẹp là phù hợp nhất. Theme này có bản trả phí và cũng có bản miễn phí, bản trả phí sẽ được dùng nhiều tính năng khác tốt hơn.

2. NewMedia

Download

Nếu bạn có khả năng CSS và cần tìm một theme đã có sẵn tất cả, chỉ việc viết thêm CSS thì bạn có thể dùng qua theme NewMedia này. Bạn có thể tùy biến bỏ bớt số cột nếu không thích kiểu 3 cột có sẵn của theme.

3. DazzLing

Demo Download

Dazzling là theme miễn phí hỗ trợ Responsive, CSS3 thông qua việc sử dụng Bootstrap Framework 3 để trang trí giao diện của mình. Mặc dù các thành phần khác cũng chưa có gì nổi bật nhưng bạn có thể chọn nó vì hỗ trợ một full width slider khá đẹp mắt và đi kèm theo bộ Font Awesome.

4. Story

Demo Download

Một blog cá nhân ngoài nội dung tốt thì việc tìm một giao diện đầy cá tính, cá nhân hóa cũng là điểm nhấn tạo nên sự khác biệt. Theme Story miễn phí hỗ trợ Responsive rất chuẩn sẽ giúp bạn có một giao diện khác biệt cho chính cá nhân của mình.

5. Elmax

Demo Download

Cũng thuộc dạng theme dành cho blog cá nhân đơn giản sử dụng Bootstrap Framework 3.

6. WriterStrap

Demo Download

Nếu bạn thích kiểu menu cố định giống Thachpham.com cho một giao diện blog mà chưa biết cách làm thì có thể dùng theme này. Bố cục rất gọn gàng, dễ nhìn và hỗ trợ một menu cố định khá đẹp và chuyên nghiệp.

7. JustWrite

Đây là theme đẹp nhất mà mình đã tìm ra được trong tháng vừa qua, rất phù hợp cho các nhu cầutạo blog chuyên nghiệp hoặc thậm chí là một trang tin cỡ nhỏ, kèm theo hiệu ứng đẹp mắt.

Demo Download

themes