Tại sao bạn nên sử dụng Genesis Framework cho blog/ website WordPress?
Nếu bạn là người theo dõi WP Căn bản ngay từ những ngày đầu tiên thành lập thì chắc hẳn bạn biết rằng chúng tôi chưa từng một lần dùng bất cứ theme framework nào khác ngoài Genesis. Tại sao tôi lại thủy chung son sắt với Genesis như vậy? Trong khi nhiều người khác đã từ bỏ nó và chuyển sang theme framework khác vì cho rằng nó quá xấu (giao diện có phong cách tối giản), quá khó tùy biến… Đơn giản bởi vì tôi nhận thấy Genesis sở hữu những thứ thực sự tuyệt vời mà các theme framework khác không thể có được.
Tham khảo thêm:
6 Lý do tại sao Genesis Framework là thứ tốt nhất dành cho WordPress?
Trước khi đi vào nội dung chính, hãy cùng xem qua một vài con số biết nói:
- Bảng xếp hạng trên WordPress Theme Detector:
- Bảng xếp hạng trên What WordPress Theme Is That:
Bạn thấy rồi chứ? Dù ở đâu thì Genesis Framework vẫn nằm chễm chệ trên top đầu danh sách những nhà cung cấp theme được sử dụng nhiều nhất thế giới. Tại sao vậy?
1. Genesis được mã hóa và hỗ trợ tốt
Genesis được duy trì bởi một nhóm các lập trình viên dày dặn kinh nghiệm đến từ StudioPress, trong đó có cả các thành viên của team Yoast (nhà phát triển plugin Yoast SEO). Nhờ đó, nó sở hữu một bộ code thực sự nhẹ, load nhanh, chuẩn SEO 100% và cực kỳ bảo mật. Genesis được đánh dấu cấu trúc dữ liệu (rich snippets) rất tốt, do đó luôn được Google đánh giá cao (không hề phát sinh lỗi cấu trúc dữ liệu trong Google Search Console).
StudioPress cũng thường xuyên tung ra các bản nâng cấp tính năng mới, cải thiện hiệu năng và vá lỗi giúp Genesis ngày càng trở nên hoàn thiện hơn. Bạn hầu như không phải lo lắng mỗi lần nâng cấp Genesis Framework, bởi vì nó thường tương thích 100% với các phiên bản WordPress mới nhất.
2. Bạn có thể cập nhật Genesis mà không làm mất các tùy chỉnh của mình
Genesis Framework sử dụng child theme. Nói một cách dễ hiểu, framework giống như khung xương, còn child theme chính là bộ da. Các website sử dụng Genesis trông khác nhau là nhờ child theme của chúng. Thay vì thay đổi framework, tất cả các tùy chỉnh của bạn (thêm code tùy biến chức năng, chỉnh sửa/ bổ sung CSS…) sẽ được thực hiện trên child theme.
Một ngày đẹp trời, bảng điều khiển WordPress của bạn thông báo Genesis Framework đã có sẵn phiên bản mới. Bạn lo lắng việc cập nhật sẽ phá vỡ giao diện đẹp đẽ của bạn? Không! Bạn luôn có thể cập nhật framework một cách an toàn bởi vì các tùy chỉnh đã được lưu trữ trong các tập tin của child theme. Kể từ khi Genesis child theme ra đời, bất kỳ thay đổi nào trong bản cập nhật framework sẽ không ảnh hưởng đến cách mà blog/ website của bạn hiển thị.
3. Dùng Genesis không tốn kém
Nhiều nhà cung cấp theme yêu cầu người dùng phải trả lệ phí hàng năm hoặc hàng tháng để nhận được sự hỗ trợ và cập nhật các phiên bản mới. Với Genesis, bạn chỉ cần trả khoản phí một lần (gần $60) cho framework và được đảm bảo quyền sử dụng, update mãi mãi. Mỗi child theme có giá trong khoảng $20 đến $50. Và điều đặc biệt là bạn có thể sử dụng cả Genesis Framework lẫn child theme không giới hạn số lượng website. Mức giá quá rẻ cho một sản phẩm chất lượng phải không nào.
4. Khả năng là vô tận
Genesis có thể giúp bạn làm bất cứ điều gì: từ blog cá nhân, tạp chí/ báo điện tử, website giới thiệu công ty, website giới thiệu dịch vụ… đến các website bán hàng online. Tuy nhiên nó không phải dễ sử dụng và tùy biến như sản phẩm của các nhà cung cấp khác. Bởi lẽ bạn sẽ không tìm thấy một trang Theme Settings tiện dụng với các tùy chọn để thay đổi font chữ, màu nền hay tắt bật các tính năng của theme một cách nhanh chóng. Nhưng đừng lo lắng, với tất cả các nguồn lực trực tuyến sẵn có (từ StudioPress hoặc từ các nhà phát triển khác), không bao giờ là khó khăn để tìm được giải pháp cho bất cứ điều gì bạn muốn làm. Nếu bạn không muốn mất thời gian để tùy biến, Genesis cung cấp sẵn hơn 60 child theme, bạn có thể dễ dàng để tìm thấy một sản phẩm vừa ý mà không cần tinh chỉnh gì nhiều.
5. Genesis có sẵn nhiều code snippet và plugin chuyên dụng
Bạn cảm thấy lạ lẫm và hoang mang khi giao diện Settings của Genesis chỉ có một vài mục đơn giản? Trên thực tế, bạn hoàn toàn có thể tùy biến Genesis một cách dễ dàng thông qua kho tàng code snippet và plugin có sẵn. Chỉ khi cần đến, bạn mới phải tích hợp chúng vào. Điều đó đảm bảo không có bất cứ tính năng thừa thãi nào xuất hiện trên blog/ website của bạn gây ra sự nặng nề và chậm chạp. Đây là thứ giúp Genesis tạo nên sự khác biệt so với các đối thủ. Danh sách các plugin hữu ích dành cho Genesis Framework, các bạn có thể tham khảo thêm tại đây.
6. Sự đồng nhất trong hệ sinh thái
Mặc dù child theme khác nhau thì sở hữu những tính năng khác nhau, nhưng có một điểm chung đó là chúng đều hoạt động dựa trên nền tảng Genesis Framework. Điều đó có nghĩa là bạn không phải mất thời gian để tìm hiểu lại cách sử dụng từ đầu, mỗi khi mua một child theme mới. Những thủ thuật mà bạn đã từng dùng trên child theme cũ cũng có thể áp dụng cho child theme mới. Nó là một hệ sinh thái đồng nhất.
Bạn đã bị thuyết phục chưa?
Như các bạn đã thấy, có vô số lý do để sử dụng Genesis Framework và bạn không cần phải là một lập trình viên chuyên nghiệp để được hưởng lợi từ nó. Bạn có thể tham khảo danh mục thủ thuật Genesis mà tôi đã chia sẻ trên WP Căn bản để nhanh chóng tìm ra những cách tùy biến đơn giản nhất. Bản thân tôi vẫn tin rằng không có bất cứ lựa chọn thay thế nào tốt hơn dành cho WordPress. Đó là lý do tôi và nhiều blogger nổi tiếng thế giới khác (WPBeginner, ShoutMeLoud…) vẫn kiên quyết sống chết với nó ngay từ khi bắt đầu đến bây giờ.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
để hiển thị logo trong genesis chúng ta làm thế nào bác Hiếu nhỉ?
Appearance => Customize => Header Image. :P
Chào bạn, mình cũng rất là thích theme này nhưng mình là newbie ko biết code cũng ko quen sử dụng wordpress. Thao tác thử thấy khó khăn thì bạn khuyên dùng loại theme nào cho newbie để dễ sử dụng ạ?
Thanks
Nếu là nhu cầu viết lách thông thường thì bạn chọn theme Paradise của bên mình là phù hợp nhất. Vừa nhẹ, load siêu nhanh, vừa chuẩn SEO lại không cần tùy biến gì nhiều. Hầu như mọi thứ đều có thể cấu hình bằng widgets.
Trên StudioPress không cung cấp mã md5 hay sha1 để check thì làm sao mình biết bản 199k là bản gốc vậy bạn?
Đơn giản thôi bạn. Đã mua thì không nghi. Đã nghi thì không mua. Bạn đỡ rước lo lắng vào thân. Bên mình cũng đỡ mất thời gian giải thích. Cứ trực tiếp mua trên website của StudioPress cho nhanh. :P
Hi cho hỏi là sản phẩm 59$ của StudioPress và 199k WP Shop có gì khác nhau ko vậy bạn ?
Không bạn nhé. Hoàn toàn giống nhau. Cũng được hỗ trợ update tự động mỗi khi có phiên bản mới.
http://www.wpbeginner.com theo mình nhận thấy thì ko phải theme genesis
View source là thấy mà bạn. :)
https://cdn2.wpbeginner.com/wp-content/themes/genesis/lib/js/html5shiv.js?ver=3.7.3Nhờ bạn giới thiệu mình mới biết thêm về Genesis , đó giờ chưa bao giờ dùng tới.
Nếu có điều kiện thì bạn nên dùng thử. Nó dùng làm blog/ website để SEO thì cực tốt luôn. :)
phải nghiêm cứu nhiều, hơi khó
Một thứ đã được trang bị sẵn mọi thứ thì thường rất cồng kềnh và nặng. Nên nếu dùng Genesis thì bạn phải chấp nhận việc nghiên cứu và tìm tòi thôi. Tất nhiên, mọi thông tin đều có sẵn trên mạng, quan trọng là bạn có biết cách tìm hay không? :D
Bài này chắc từ hồi mới build blog nên chất lượng tệ quá, bê nguyên xi google dịch lại. :-w
Chuẩn rồi bạn. :D
Mình bị lỗi responsive. Khi ở trên PC. Mình kéo khung trình duyệt nhỏ lại. thì web responsive bình thường. Nhưng xem trên điện thoai. Web vẫn ở y chang giao diện PC. (http://bacsitructuyen.net/)
Nhờ ad chỉ giúp. cảm ơn
Cho mình hỏi có template nào của Gensis responsive không? Mình dùng trang này (quatetdoc.com) bằng gensis rất thích nhưng khổ nỗi nó không responsive.
Bạn dùng cái child theme này cũ quá rồi, nên nó không hỗ trợ responsive. Chứ Genesis Framework và các child theme mới đều responsive hết mà. :P
Có child nào không, giới thiệu mình mấy cái với.
Bạn lên StudioPress.com hoặc ZigZagPress.com mà xem. Thiếu gì mẫu. :D
Cắm cờ ở đây. 12:58. Soju đã ngâm cứu hết 42 trang bài viết trong mục Thủ thuật WordPress. Chính thức tu thành chính quả :v
Ghê vậy sao chơi. :P
Chào bạn, bạn có thể phát triển thêm cho giao diện wordpress sử dụng Genesis Framework không ạ ? Mình cần sửa vài chức năng trong website hiện tại http://thuvienkaraoke.com
Chào bạn. Bạn vui lòng inbox các yêu cầu chi tiết hộ mình nhé. Cảm ơn bạn. :P
– Mình cần làm slider giống với clip.vaidai.net
– Cần chỉnh lại danh sách bài hát cho chuẩn hơn với giao diện
Mình cũng dùng Genesis và rất hài lòng về nó, bạn nói chuẩn, tha hồ vọc mà không sợ bị xóa về nguyên bản khi có cập nhật, cũng nhờ khả năng dễ tùy biến của iem nó mà từ 1 child theme xấu xí ban đầu giờ mình đã có 1 iem công chúa ngủ trên giường :D
Bạn dùng theme AgentPress phải không? Giao diện tùy biến khá là đẹp. :)
Rất đẹp, bán cho mình code đó với :)
Anh Hiếu cho em hỏi là cái footer của em nó cứ như thế này :
http://i832.photobucket.com/albums/zz249/thanh71020/123_zps06efc872.png
Trong khi em muốn nó như mặc định là như thế này :
http://i832.photobucket.com/albums/zz249/thanh71020/456_zps8f44571e.png
Em đang sử dụng theme Flare của Genenis , nó có 1 sidebar ở phía dưới cùng nhưng chèn widget vô nó cứ xổ dọc xuống chứ ko tạo menu ngang được . Anh Hiếu giúp em với nha . Thank anh nhiều
Cho mình xin đường link vào xem website với bạn ơi. :P
Em làm dưới localhost thôi anh ạ , có gì anh pm skype thanh.it1 rồi teamviewer qua giúp em đc ko anh , em cám ơn nhiều
Mình đã xem qua demo của theme Flare và hình như nó chỉ hỗ trợ 1 widget ở footer. Như vậy nếu bạn thêm nhiều widget vào footer, nó sẽ sắp xếp theo chiều dọc. Để thêm các vùng widget ở footer, bạn có thể làm như sau:
1. Thêm đoạn code sau vào file functions.php của child theme.
//* Add support for 6-column footer widgetsadd_theme_support( 'genesis-footer-widgets', 6 );
Sửa số 6 thành số cột widget tương ứng mà bạn muốn thêm.
2. Thêm đoạn code sau vào file style.css của child theme.
/*Footer Widgets
---------------------------------------------------------------------------------------------------- */
.footer-widgets {
background-color: #333;
color: #999;
clear: both;
padding: 40px 0 16px;
padding: 4rem 0 1.6rem;
}
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4, .footer-widgets-5, .footer-widgets-6 {
width: 160px;
}
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
margin-right: 2rem;
}
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4, .footer-widgets-5 {
float: left;
}
.footer-widgets-6 {
float: right;
}
.footer-widgets a {
border-bottom: 1px solid #666;
color: #999;
}
.footer-widgets a:hover {
color: #ddd;
}
.footer-widgets .widget {
margin-bottom: 24px;
margin-bottom: 2.4rem;
}
.footer-widgets .widget-title {
color: #fff;
}
.footer-widgets li {
list-style-type: none;
margin-bottom: 6px;
margin-bottom: 0.6rem;
word-wrap: break-word;
}
.footer-widgets .search-form input:focus {
border: 1px solid #ddd;
}
3. Lưu lại. Vào mục widget kiểm tra xem nó đã tăng thêm số khu vực widget ở footer chưa? Nếu rồi thì chèn widget vào đó là được. Mỗi khu vực một widget. :)
Em đã làm theo anh hướng dẫn và đã xuất hiện các footer ở dưới để chèn widget vào . Nhưng sau khi chèn nó xuất hiện như thế này
http://i832.photobucket.com/albums/zz249/thanh71020/123_zps78008252.png
anh có thể giúp em cho nó bình thường lại ko ạ . Thank anh nhiều .
Ý bạn là cái vệt màu đen đó hả? Bạn chỉnh sửa color trong code css thử xem. Ví dụ color: #999 = màu đen. :P. Bảng màu thì bạn ra Google search nhé.
Vệt màu đen đó thì em xóa được nhưng màu nền của footer nó trong suốt , đổi màu chữ cũng ko được anh ạ . em muốn nó giống như thế này
http://i832.photobucket.com/albums/zz249/thanh71020/456_zps8f44571e.png
Cám ơn anh nhiều vì giúp em nhiều , anh nhiệt tình reply quá .
màu đen #000 :D
Cảm ơn ông Dâm đã nhắc nhở. Nhầm té nó mất. #999 = Màu nâu. :P
Chỗ mấy cái mã màu, bạn chuyển hết về #999 xem sao. Để nguyên cái #fff nhé. Không được nữa thì mình cũng chịu. :D
Sao cái bài này đọc cứ như copy rùi translate từ google thế nhỉ. thấy lời văn sao sao á
Bài này mình có tham khảo tài liệu của nước ngoài nhé. :P
Có thể sử dụng thesis hoặc theme hybrid được mà bạn. Nói chung là do tâm lí thích cái nào thì cho rằng cái đó tốt thôi.
Cái này là theo ý kiến của mình thôi nhé. :D. Mình có cả Thesis, nhưng theo mình thì Thesis khó sử dụng hơn Genesis, đặc biệt là với người ít kinh nghiệm. :D
Tớ cũng có 1 trang thesis nè, làm xong để đó cho vui chứ cũng chưa phát triển nữa…hê hê…khá đẹp và chuẩn…
Đổi mới rồi ah heheheh !
Giao diện của bạn khá là đẹp. Nói thật là mình mù tịt về Thesis. :D :P