Thiết kế theme WP: Làm việc với file header.php, footer.php và index.php

Ngày đăng December 30, 2011  | bởi bancamden

Chào các bạn khi mọi thứ đã sẳn sàng thì chúng ta bắt tay vào làm việc thôi thiết kế theme WordPress là công việc dài mà, hehe…. Ở bài trước hay nài trước gì đó đã nhắc đến các file này rùi bây giờ sẽ đi chi tiết hơn.

Hôm trước quên nói với anh em file img screenshot file này đặt trong thư mục gốc của theme, giúp chúng ta thấy được một hình demo khi kích hoạt theme hoạt động, kích thước thông thường là 300×225.

Kích hoạt theme wordpress

Các file trong bài mình làm đến giai đoạn này là: wp-online wp theme Các bạn có thể download về mà sử dụng demo không thì tự thiết kế cũng được.

Đăng nhập vào wp-admin hay gọi là admin cp. Vào mục theme manager chọn vào theme của mình và kích hoạt nó lên bằng cách click vào: Activate

Activate Theme WordPress

Đó hình screenshot bạn thấy được khi mình activate theme, chúng ta cũng dễ dàng nhìn thấy được các thông tin mà khi khai báo ở file style.css cũng hiển thị lên đây. Khi activate bạn ra ngoài public xem đương nhiên là k có gì òi hi. Và chúng ta bất đầu viết file Header.php

Header.php trong WordPress:

Mở file header.php lên gõ code sau đây vào:

header

Nói chung về căn bản HTML anh em cũng phải nắm ngoài ra có một số điều cần giải thích như sau:

• stylesheet_directory: sẽ trả về đường dẫn thư mục gốc theme đang sử dụng.
• get_template_directory_uri(): tương tự  stylesheet_directory.
• stylesheet_url: sẽ trả về file style.css trong theme đang sử dụng.
• home_url( ‘/’ ): sẽ trả về url gốc của website (trang chủ).

Footer.php trong WordPress Theme:

Mở file footer.php lên gõ vào đoạn code sau đây.

footer

File này chủ yếu viết vài dòng bản quyền và “trăng trối” của website bạn cần chú ý các hàm sau:

• bloginfo( ‘name’ ): sẽ trả về title của blog.
• home_url( ‘/’ ): sẽ trả về url gốc của website (trang chủ).

Bạn cần chú ý các điểm sau:

• Khai tạo file header.php xong cần tạo file footer.php lun vì các thẻ mở lớn ở header sẽ đóng tại footer ví dụ: thẻ div main.
• Mở thẻ đóng thể liền và chú thích kết thúc thẻ để khi tìm cho dễ.
• Tất cả hướng đến một cấu trúc thông thoáng dễ nhìn hii…

File index.php trong WordPress

:

Đây là file sẽ xuất hiện ở trang chủ. Bạn nhận thấy cần phải có header, footer và sidebar mình chỉ làm 3 file chính này trong index thôi.

Mở file index.php lên gõ đoạn code sau:

index

Giải thích:

• get_header(): Lấy file header.php inport vào chổ bạn để hàm.
• get_footer(): Lấy file footer.php inport vào chổ bạn để hàm.
• get_sidebar(): Lấy file sidebar.php inport vào chổ bạn để hàm.

Bạn có thể tham khảo cách đặt tên của mình và công việc tiếp các bạn làm là style lại cho blog của mình. Có thể tham khảo cách dùng CSS để định dạng cho tốt hơn.

Sau khi mình style lại thì kết quá chúng ta được:

Thiết kế theme WordPress

Kết luận: OK, tuy k đẹp lắm tuy nhiên mình đã tự tạo ra được theme cho riêng mình, đây sẽ mở ra nhiều thứ thú vị nữa đang chờ đợi bạn ở các bài viết sau. Bây giờ thì pp…

Rating: 9.8/10 (4 votes cast)

Thiết kế theme WP: Làm việc với file header.php, footer.php và index.php, 9.8 out of 10 based on 4ratings

51 mẹo nhỏ để cải thiện thứ hạng website của bạn

Để cải thiện “thứ hạng website” của bạn nên thực hiện các bước sau:

1. Sử dụng .htaccess để chuyển tên miền từ non-www thành dạng www (sử dụng redirect 301)

2. Gia hạn tên miền của bạn thêm vài năm (khuyến khích trên 5 năm)

3. Đảm bảo rằng khi khách click vào logo của site bạn thì họ được đưa trở lại trang chủ

4. Nếu font chữ của website bạn quá nhỏ, hãy cho nó về mức tiêu chuẩn, SE có thể bỏ qua site bạn nếu font chữ quá nhỏ

5. Loại bỏ các plugin ko cần thiết

6. Luôn chèn thông tin liên hệ, hoặc trang liên lạc của bạn ở cuối trang web

7. Nên cố gắng sắp xếp site của mình theo một mẫu CSS stylesheet

8. Sửa hoặc loại bỏ các link sai, hoặc “chết” thường xuyên nếu bạn không sử dụng “nofollow”

9. Sử dụng alt tag cho tất cả bức ảnh, đặc biệt là ở trang chủ

10. Loại bỏ các iframe trong site bạn, phần lớn các SE ko index các iframe, nó có thể làm cho cả page chứa iframe bị ảnh hưởng

11. Nên tạo một file robots.txt cho website của bạn

12. Nên sử dụng một navigation cơ bản cho site bạn

13. Sử dụng cùng một màu cho các link

14. Kiểm tra lỗi chính tả trong nội dung website

15. Định dạng website của bạn theo một khuôn mẫu xác định

16. Nên sử dụng ít nhất 1 bức ảnh cho mỗi trang có kèm alt tag, đừng nghĩ là loại bỏ hết tranh ảnh có thể cải thiện rank cho site bạn

17. Tạo một about page cho site bạn

18. Cung cấp các thông tin cá nhân của bạn rõ ràng trong about page đó

19. Nên chèn 1 số bức ảnh vào about page (như logo, map…)

20. Nên loại bỏ các popup trong site bạn

21. Chèn link đến các bookmark, các mạng xã hội sau mỗi bài viết và about page

22. Nên chèn một công cụ tìm kiếm cho site bạn

23. Tạo một trang điều khoản cá nhân cho site bạn

24. Đặt link tới điều khoản cá nhân ở dưới mỗi trang

25. Khi rewrite url nên sử dụng dấu “-” thay cho dấu “_”

26. Nên chèn google maps vào trang liên lạc (about page)

27. Nên chèn link từ trang này đến trang khác cho site

28. Sử dụng thẻ META description riêng biệt cho mỗi trang

29. Kiểm tra mã nguồn và sửa các lỗi

30. Không nên có 1 trang trao đổi link

31. Chèn một hộp tìm kiếm của site ở 404 error page

32. Nên tạo một sitemap cho site

33. Chèn link đến site map ở cuối mỗi trang

34. Nên chèn dòng copyright abc… ở cuối mỗi trang

35. Gạch chân các link ở website, cái này nếu thấy để lại hơi làm xấu mĩ quan nên xóa đi

36. Tắt tất cả các file nhạc, phim tự động chạy (automatically plays)

37. Nên thay thế các Flash animated = gif animated

38. Đặt logo của site bạn ở đầu mỗi trang

39. Bạn nên mua thêm các domain .net .org .biz… và redirect nó về site của bạn

40. Nên tạo một trang support, help hoặc FAQ

41. Khi bạn trả lời một yêu cầu, trợ giúp gì đó nên trả lời ở trang support hoặc help đó, không nên sử dụng email, đưa họ đến trang FAQ nếu câu hỏi đó đã được trả lời, nên cập nhập FAQ của bạn thường xuyên

42. Nên cung cấp đầy đủ thông tin liên lạc của bạn ở trang liên lạc

43. Nên chèn mã để thống kê (analytics code) cho website của bạn ở tất cả các trang, bạn có thể sử dụng histats.com, statcounter.com, hay google analytics tùy theo định hướng phát triển của bạn

44. Xóa bỏ tất cả các mã tự động điều chỉnh kích thước trình duyệt của khách

45. Nên tạo một favicon riêng cho site bạn

46. Chỉ nên sử dụng email dạng @tenmiencuaban.com

47. Đặt thuộc tính label=”” cho tất cả các form của site bạn

48. Đặt một thông báo xác nhận khi đăng nhập hoặc khi post bài, comment

49. Cập nhập website bạn thường xuyên

50. Sử dụng W3C Compliant để kiểm tra và sửa chữa các lỗi có thể gây ảnh hưởng đến quá trình hoạt động của SE bots

http://validator.w3.org/

51. Hãy áp dụng ngay tất cả các cách trên luôn nhé ! Đây là yếu tố quan trọng nhất !

Theo Ehow/vietad

http://thuthuatso.com/2011/11/51-meo-nho-de-cai-thien-thu-hang-website-cua-ban/#.UHLMn02GRvA

Loại bỏ /category/ trong URL của WordPress Blog

WordPress luồn là một sự lựa trọn hàng đầu cho các bạn muốn sở hữu một blog, cấu trúc đơn giản, hệ thống được tối ưu hóa tốt cho SEO. Các phần trong wordpress hầu như đều được tối ưu hóa để hướng đến việc dễ dàng và tiện lợi cho người sử dụng. Đơn cữ như việc sử dụng plugin, nếu trong Joomla hoặc Drupal thì các webmaster sẽ mất khá nhiều công để ngồi chọn lựa trên các thư việc extension, rôi sau đó download về và tiến hành cài đặt, trong khi đó với wordpress chỉ cần vào control panel và search sau đó install là song. Trên hết là những phần tối ưu  hóa cho SEO được các nhà phát triển wordpress làm khá tốt, đặc biệt là khâu URL và cấu trúc trang web. Nhưng nó vẫn tồn tại một nhược điểm là trong url của phần category vẫn luôn xuất hiện một biến là/category/.

Sự xuất hiện của biến này vô hình dùng làm cho website của bạn đơn thuần chỉ là một blog, và không thể tiến lên thành một CMS thực thụ. Vì nếu để tồn tại biến /category/ này trong url, các bạn sẽ thấy ngay sự khó chịu đối với người dùng và cả search engine ở đây. Khi mà url của bài viết sẽ không có biến /category/, nhưng url của thư mục chứa bài viết lại xuất hiện biết trên. Điều này dẫn tới cấu trúc website của bạn trở nên không rõ ràng với các máy tìm kiếm khi bạn muốn phát triển SEO cho thư mục con, và gây khó khăn cho người dung khi họ muốn truy cập trực tiếp vào thư mục con mà không cần thông qua trang chủ.

Trong bài viết này SEO Vietnam sẽ hướng dẫn các bạn cách để loại bỏ hoàn toàn /category/ ra khỏi url của website làm bằng wordpress. Hy vọng rằng nó sẽ giúp nhiều cho các bạn hơn trong việc phát triển SEO cho webiste của mình.

Các bạn làm theo video này trước khi làm các bước sau nhé!

Tối ưu link wordpress - You should update your .htaccess now

 Cách 1: Can thiệp vào file functions.php

Các bạn vào file functions.php và thêm đoạn code này vào, hoặc có thể đính kèm nó vào file của 1 plugin nào đó:

function fix_slash( $string, $type )
{
 global $wp_rewrite;
 if ( $wp_rewrite->use_trailing_slashes == false )
 {
 if ( $type != 'single' && $type != 'category' )
 return trailingslashit( $string );

 if ( $type == 'single' && ( strpos( $string, '.html/' ) !== false ) )
 return trailingslashit( $string );

 if ( $type == 'category' && ( strpos( $string, 'category' ) !== false ) )
 {
 $aa_g = str_replace( "/category/", "/", $string );
 return trailingslashit( $aa_g );
 }
 if ( $type == 'category' )
 return trailingslashit( $string );
 }
 return $string;
}

add_filter( 'user_trailingslashit', 'fix_slash', 55, 2 );

Cách 2: Sử dụng .htaccess để điều hướng

Bản thân mình luôn sử dụng cách này để sử lý /category/ vì nếu sử dụng cách 1 có thể sẽ gây một số ảnh hưởng đến phần code của website. Vả lại .htaccess sử dụng 301 redirect nên hoàn toàn có thể áp dụng cho tất cả các website dù là mới hay cũ.

Thêm đoạn code sau vào file .htaccess là song:

RedirectMatch 301 ^/category/(.+)$ http://www.csehui.com/$1
# OR
RewriteRule ^category/(.+)$ http://www.csehui.com/$1 [R=301,L]

Nhớ sửa lại domain cho đúng nhá ^^
Nguồn: http://www.seohay.org/loai-bo-category-trong-url-cua-wordpress-blog.html

Sự thành công của WordPress đối với SEO

Sự thành công của WordPress là không chối cãi được khi đối với SEO. Về cơ bản của sự thành công, chúng ta xét ở mặt nào?

Tính từ 10/11/2010, phiên bản WordPress 3.0 đã gần chạm mốc 30 triệu lượt tải về. Tiếp đến chúng ta hãy xét đến sự phổ biến: những blog nổi tiếng trên thế giới đều sử dụng nền tảng WordPress như: TechCrunch -Matt Cutts – Problogger,…. còn rất rất nhiều nữa

Tính chất cộng đồng: Có hẳn 1 cộng đồng chuyên phát triển các ứng dụng cho WordPress như Plugin và Theme.

Tính đơn giản: nếu bạn muốn có 1 blog WordPress mà không sử dụng host thật đơn giản chỉ mất chưa tới 1 phút đăng ký . Nếu muốn sử dụng trên host thì bạn nên đọc bài viết 4 bước dễ dàng để có 1 blog WordPress

Cộng dồng Word Press Hùng Mạnh

Vậy còn đối với SEO thì WordPress đã làm được những gì?

Khi nói đến vấn đề thì thì đừng nên tách biệt Plugin vì vốn dĩ WordPress nổi tiếng và linh động chính là nhờ hệ thống Plugin cực kỳ phong phú và gần như có thể đáp ứng mọi nhu cầu cơ bản nhất. WordPress thành công ở phương diện đó là “tự động”, nếu xét ở mức 100% thì khi sử dụng WP (WordPress) bạn đã có thể giải quyết 80-90% vấn đề liên quan đến SEO và đây là ưu điểm lớn nhất ngoài tính linh động của một blog. Vậy Google ngày nay quan tâm đến vấn đề gì của 1 website? Phải chăng đó là sự liên quan và danh tiếng của site đó. Sự liên quan ở đây hiểu là content với title.

Tạo cấu trúc link thân thiện với Google, đơn giản chỉ cần vào Settings/Permalinks. Chú ý: Nếu blog bằng tiếng Việt thì nên dùng Plugin Nicer permalinks for Vietnamese để khử dấu. Tạo Meta desciption ngoài việc các Theme ứng dụng có sẳn thì với Plugin All in One SEO bạn không cần đến 1 tay chuyên nghiệp SEO cũng có thể làm được. 

Khi 1 bài viết được hoàn thành làm sao để các Search Engine biết bạn vừa viết xong và public nó??? Còn gì đơn giản hơn bằng việt tự động hóa thao tác này bằng 2 Plugin PuSHPress và PubSubHubbub .

Nói chung để nói hết các Plugin này thì hơi bị thừa nếu bạn dành chút thời gian search Google với từ khóa: “seo plugin for WordPress”. Mục đích của việc nêu ra trên đây chỉ để cho chúng ta thấy tính tự động hóa của WP đối với SEO. Không lẻ cứ nghe tự động hóa tốt vậy rồi bạn chỉ việc làm theo các bước trên rồi “đem con bỏ chợ”??? Tất nhiên công cụ thì vẫn là công cụ, cái chính là con người điều khiển công cụ đó ứng dụng có tốt hay không. Như ban đầu bài viết đã có nói tới tính liên quan trong SEO.

Ví dụ đơn giản thế này: Bạn viết một chủ đề về “tiện ích của cây cảnh trang trí trong văn phòng”, tập trung vào từ khóa “cây cảnh” nhưng trong bài viết lại chỉ nói về bài trí văn phòng theo phong thủy hoàn toàn không có từ khóa nào về “cây cảnh” được nhắc đến vậy tính liên quan giữa content và title ở đây là bằng không. Lúc này thì WP cũng phải chào thua thôi.

Vậy chiến lược nghiên cứu từ khóa hổ trợ cho WP như thế nào? ngồi đoán chăng? hay là lên mạng hỏi đứa bạn thân? Nếu đã làm việc với Google thì nên sử dụng một công cụ có tên gọi Google Keyword Tool , nếu bạn đang làm việc với 1 website bán cây cảnh mà nếu tập trung vào thị trường ngách thì càng tốt. Giả sử bạn bán cây cảnh, hoa cảnh và tập trung vào hoa lan xuất khẩu đi Trung Quốc. Để không phải mông lung khi lựa chọn title cho bài viết hoặc cách viết như thế nào trước tiên chúng nên lựa chọn sự ưu tiên cho các từ khóa dựa vào lượt search được cung cấp. Chú ý: đây vẫn chỉ là 1 gợi ý.

Vậy với việc kết hợp sự nghiên cứu của bản thân trên các từ khóa + tự động hóa của WP thì gần như đã SEO tốt. Công việc còn lại là theo dõi sát sao các chỉ số của Google Analytics và Stats để có những điều chỉnh thích hợp.