Sử dụng Cufont làm đẹp site P3

Tích hợp cufont vào wordpress

Việc tích hợp Cufon vào WordPress thực chất là tích hợp vào theme mà bạn đang dùng. Để có thể tiếp tục, bạn cần xác định được WordPress của bạn đang sử dụng theme nào. Trong bài viết này, Việt Coding sử dụng theme mặc định của WordPress 3.1.2 là twentyeleven.

Theme twentyeleven mặc định của WordPress

Trong theme này có sẵn thư mục js (nếu không có bạn có thể tạo thư mục với tên bất kỳ) nên Việt Coding chỉ việc copycufon-ui.js và UTM_Flamenco_400.font.js vào.

Tiếp theo, chúng ta mở tập tin functions.php và chèn đoạn mã sau vào cuối :

?

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15

/* Cufon */   function init_cufon() { ?>     <script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/cufon-yui.js"></script>     <script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/UTM_Flamenco_400.font.js"></script>           <script type="text/javascript">         Cufon.replace('h1.entry-title, h3.widget-title, #site-generator');     </script> <?php }   add_action('wp_head', 'init_cufon');

Các bạn hãy lưu ý ở dòng code

?

1	Cufon.replace('h1.entry-title, h3.widget-title, #site-generator');

h1.entry-title là title của post WordPress
h3.widget-title là title sidebar
#side-geneator là dòng credit của phần footer của WordPress

Việt Coding sẽ áp Cufón vào 3 phần trên. Các bạn lưu ý là chỉ nên áp vào các tiêu đề lớn, không nên quá lạm dụng vào các text khác. Mặt khác, đối với từng theme, bạn phải xác định được các phần mà bạn định áp Cufón vì với theme này có thể là h1, h2,… chứ không phải lúc nào cũng là h1.entry-title. Các bạn nhớ lưu ý điểm này nhé !

Save functions.php lại, refresh trang và xem kết quả: