Tạo Drop Down Menu Cho Theme Hybrid

by Thái Nguyên on July 4, 2011 · 21 comments


Cái tên Theme Hybrid có lẽ không ai còn xa lạ, song mình cũng sẽ giới thiệu đôi nét về theme này để những bạn chưa biết sẽ hiểu thêm về Theme Hybrid.

Theme Hybrid là WordPress Framework được phát triển bởi Justin Tadlock. Với đặc điểm cực kì gọn nhẹ, nhiều tính năng phong phú và “đặc biệt là khả năng SEO” tốt. Điểm nổi bậc nhất là miễn phí!

Nhưng điều đáng nói ở đây chính là vấn đề theme cho blog, Theme Hybrid không có nhiều bộ sưu tập theme để bạn download về hay mua … Song với khung sườn tuyệt vời thì bạn có thể sáng tác ra một giao diện riêng cho mình với những tính năng chuyên nghiệp đã tích hợp sẳn vì Theme Hybrid chủ yếu là chỉnh sửa code nên sẽ khá đơn giản với bạn (không chuyên về code lắm, chỉ việc “copy&paste” ) .

Sơ lượt vài tính năng đơn giãn nhưng hữu dụng của Hybrid :

  • Dễ dàng tạo thumbnail cho bài viết theo nhiều cách khác nhau.

2 Tạo Drop Down Menu Cho Theme Hybrid

  • Có thể tự thiết lập SEO thủ công không cần dùng plugin

5 Tạo Drop Down Menu Cho Theme Hybrid

  • Tích hợp tạo trang phong phú trong đó có những trang nổi trội như : chuyển hướng, đăng nhập, đăng ký, Portfolio …và hơn 40 mẫu trang khác để bạn lựa chọn làm những phần riêng biệt.

3 Tạo Drop Down Menu Cho Theme Hybrid

Download theme : http://themehybrid.com/themes/hybrid
Danh sách chidtheme ( Free ) : http://themehybrid.com/themes
Demo :

Sau đây vào vấn đề rắc rối với theme Hybrid đây…

Trong phần website mẫu của Hybrid thì có Drop-down menu, song khi ta xem kỷ hơn thì nó chỉ hiện với bản 0.8 trở lại .. Trong khi đó phiên bản hiện tại là 0.9.

1 Tạo Drop Down Menu Cho Theme Hybrid

Phần hướng dẫn này không khó để thêm một drop-down menu ưng ý nhưng bạn cần cẩn thận những bước đi cũng mìn cũa như tìm hiểu thêm để phát triễn những điều khác !

Đầu tiên bạn Download : http://eblog….rop-menu.zip .

Giờ thì thực hiện những bước sau.

Bước 1:
Giải nén thư mục drop-menu và copy file trong thư mục JS trong thư mục drop-down vào thư mục JS theo đường dẫn \library\js.

Còn thư mục Image và CSS thì cũng cho vào thư mục JS trong library cho dễ quản lý.

Bước 2:

Trong thư mục theme edit tệp tin “media.php” theo đường dẫn trong thư mục theme

library/functions/media.php

Tìm đến dòng 67 có dòng chữ như bên dưới, thay “drop-downs.js” bằng “superfish.js”

wp_enqueue_script( ‘drop-downs’, esc_url( apply_atomic( ‘drop_downs_script’, trailingslashit( HYBRID_JS ) . ‘drop-downs.js’ ) ),

Bước 3: bắt đầu đơn giãn hơn rồi đó.

Edit file header.php trong thư mục theme bằng cách thêm:

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/library/js/css/styles.css" />
<script type='text/javascript' src='<?php bloginfo('template_directory'); ?>/library/js/hoverIntent.js'></script>
<script type='text/javascript' src='<?php bloginfo('template_directory'); ?>/library/js/jquery-1.2.6.min.js'></script>
<script type="text/javascript">
// initialise plugins
jQuery(function(){
jQuery('ul.sf-menu').superfish();
});
</script>

Trước tags </head>

Tiếp đến là thêm dòng:

<ul class="sf-menu">
<?php wp_list_categories('sort_column=name&title_li=&depth=3&hide_empty=0'); ?>
</ul>

vào phần bất cứ nơi đâu trong header mà bạn muốn hiển thị Drop-down menu.

P/S: Mình không có đủ 25$ để hỏi xem tác giả giấu những thanh menu kia làm gì! Nhưng mình nghĩ đó mới là bí quyết kinh doanh!

Chúc bạn may mắn và lực chọn cho mình một theme ưng ý!!!

About Thái Nguyên
Mình tên Thái Nguyên và là sáng lập viên No Face ,và mình hiện đang sinh sống tại một vùng quê thanh bình trên đất Long An Mình sống với phương châm chia sẽ tất cả những gì mình biết và câu danh ngôn luôn theo mình là "Điều ta biết không phải ai cũng biết" Nên mình rất tự tin vào những gì mình viết ..Mong được làm quen tất cả các bạn .

Visit my website →

premier kolakube thesis skins

{ 21 comments… read them below or add one }

Để thành công trong cuộc sống July 4, 2011 at 8:46 AM

Haiz, lâu lắm rùi không nghịch themes, em Hybrid quả là vô đối trong đội ngũ Free Themes của Wordpress ~ bé Thematic

Reply

Thái Nguyên July 4, 2011 at 9:24 AM

Mình thấy Hybrid đơn giãn hơn Thematic trong những phần thiết lập code !!!
Nhưng thủ thuật cho Hybtid còn hạn chế !!!

Reply

Tran Quy July 4, 2011 at 8:51 AM

Dạo này các blogger đều viết review cho theme nhỉ. :$$$:

Reply

HuỳnhTrung@hutruc.com July 4, 2011 at 8:51 AM

Cũng tính ngâm cứu đổi FW, phân vân Hybrid vs Thematic nhưng rồi bận + lười nên mãi cứ để đấy =))

Reply

Thái Nguyên July 4, 2011 at 9:26 AM

:smile: bận “lười” bó tay bác luôn !!!
Thấy theme bác cũng khá tốt mà … :ekek:

Reply

Tran Tinh July 4, 2011 at 9:42 AM

Bận còn chấp nhận được chứ lười thì ăn :knife: :an_tat: :angry:

Reply

Ken VN July 4, 2011 at 11:13 AM

Mình thì vẫn đang xài và nghịch Thematic, cảm giác Hybrid không thân thiện lắm :an_tat:

Reply

ji nguyễn July 4, 2011 at 4:42 PM

nhìn nó cũng đơn giản quá chứ bác eblogviet

Reply

Tôi Yêu Google July 4, 2011 at 9:17 PM

Em vote 1 phiếu cho Thematic. Mà bây giờ cộng đồng blogger Việt không phát cuồng vì Genesis nữa nhể =))

Reply

HuỳnhTrung@hutruc.com July 8, 2011 at 9:14 AM

Phong trào bác ợ, hồi e thấy bác Tỉnh dùng Extended Magazine thì đi đâu cũng gặp, giờ cũng tương tự với Social Eyes :smile:

Reply

Tran Tinh July 10, 2011 at 9:02 PM

Social Eyes có mấy ai dùng đâu chú

Reply

Hutek July 18, 2011 at 4:49 AM

Lâu rồi không blogging, đợt này quay lại em cũng vừa chuyển hutek.info sang Genesis, các bác ghé qua cho đánh giá cái theme mới của em nhé :2:

Reply

Jackfellows July 18, 2011 at 8:10 AM

Đẹp quá bác Hưng ạ, đúng là blog của đì zai nơ có khác, sao chưa treo logo lên bác?

Reply

Hutek July 18, 2011 at 12:08 PM

Cái template blogger của bác cũng đẹp đấy chứ, có thua wp là mấy, lúc đầu vào tí nhầm là wp đấy :smile:

Reply

Thái Nguyên July 4, 2011 at 9:31 PM

:knife: Chắc làm một cuộc bình chọn quá !!!
Nhưng so về nhiều mặt thì Thematic được phát triễn rộng rãi và hổ trợ tốt hơn ! :rose1:
Mình tin nếu ai chiệu tìm hiểu vể Hybrid thì chắc chắn sẽ không thất vọng !!! b(

Reply

Blog Xây Dựng July 6, 2011 at 4:21 PM

Lâu lắm rồi không mày mò code themes, nếu là free themes thì chắc chắn Hybrid là rất tuyệt rồi… :ekek:

Reply

Hoang Phuc July 6, 2011 at 8:34 PM

Thì Hybrid là free theme mà bác :lay_cu:

Reply

Thiet bi dinh vi July 16, 2011 at 8:23 AM

dều là Theme free nhưng thich giao diện độc đáo của riêng mình thi phải vọng code thôi :smile:

Reply

Hoàng Huynh July 17, 2011 at 2:21 AM

Đang ngâm cứu Hybrid, thực sự thì nó khá khó hiểu với những ai bắt đầu học hỏi.
Bác Thái Nguyên Sắp trở thành Trùm Của Hybrid rồi! :smile:

Reply

Thái Nguyên July 17, 2011 at 8:41 PM

:knife: Chắc em sẽ bị chém thôi bác Hoàng Huynh à …hic
Thích WP mà không có thờii gian cũng như điều kiện học PHP nên cũng nãn ! :bomb:

Reply

Hoàng Huynh July 18, 2011 at 1:38 AM

PHP thì em đang ngâm, mới sắm một ít “Bí kíp”, song muốn pro như bác thì… phải cần thêm thời gian.

em phát hiện ra PHP và Javascript cũng như C++ khá giống nhau. Bác khiêm tốn quá rồi! :ekek:

Reply

Leave a Comment

:smile: :2: :$$$: :stop: :angry: :what: :shutup: :an_tat: :2clap: :ekek: :knife: more »

Previous post:

Next post: