Tổng hợp code giúp tùy biến footer trong Genesis Framework và Genesis child theme.
Theo mặc định, phần footer (chân trang) của Genesis Framework hay Genesis child theme chỉ bao gồm textlink của framework (hoặc child theme), của WordPress và một liên kết đến trang đăng nhập. Nếu muốn tùy biến footer, cách đơn giản nhất là sử dụng plugin Genesis Simple Edits. Tuy nhiên, nếu bị “dị ứng” với plugin và không muốn cài đặt chúng vì sợ nặng site thì bạn hoàn toàn có thể sử dụng các code snippets sau đây để tùy biến phần footer theo ý muốn.
Tham khảo thêm:
- Theme Paradise v4.3 và sự lột xác về giao diện quản lý
- Tùy biến phần copyright trong Genesis Framework và child theme
Tùy biến footer trong Genesis
1. Đầu tiên, truy cập thư mục cài đặt WordPress thông qua File Manager của cPanel/ DirectAdmin hoặc phần mềm FTP, tìm theo đường dẫn /wpcontent/themes/. Tìm và mở file functions.php của Genesis Framework hoặc child theme mà bạn đang sử dụng ra.
2. Thêm một trong những đoạn code sau đây vào cuối file functions.php và lưu lại.
Đặt lại vị trí footer
Tùy biến nút return to top
Tùy biến credits text hoặc footer text
Bạn có thể sử dụng 1 trong 2 code snippets sau:
Tùy biến toàn bộ nội dung trong footer
Xong. Đơn giản vậy thôi. Chúc các bạn thành công!
Ngoài ra, nếu không muốn can thiệp trực tiếp vào code của theme, các bạn có thể sử dụng plugin Genesis Simple Edits. Plugin này không chỉ cho phép các bạn tùy chỉnh footer mà cả post info và post meta.
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. :)
Cho mình hỏi làm sao chèn Bình luận bằng Facebook sử dụng code vào phía trên comment mặc định vậy? Chèn Plugin thì chỉ hiện thị Bình luận bằng Facebook và không hiển thị khung cmt, cái này có phải do theme của genesis không vậy? Tks
Ủa, hình như mỗi lần Update theme là sẽ bị mất mấy function này này đúng không cậu!
Đúng rồi. Nên tốt nhất bạn tạo 1 file fuctions.php riêng theo hướng dẫn trong bài viết “Tạo file functions.php để chèn code tùy biến WordPress” rồi chèn code tùy biến vào đó. :P
sao nó bị ntn nhỉ
http://prntscr.com/eea5m1
Bạn vào chỗ nào mà bị lỗi đó vậy? :P
Mình cái Functionality. xong vào chỗ cài đặt thì bị thế
Có lẽ do cái plugi này lâu không cập nhật nên không còn tương thích với theme cũng như WordPress mới nữa. Đành phải chèn trực tiếp vào file functions.php của theme và backup file functions.php trước mỗi lần update theme thôi bạn. Tạm thời chưa có hướng giải quyết nào khác. :P
Hiếu cho mình hỏi nếu mình muốn bỏ phần menu dưới cái footer thì mình tìm đoạn nào để xóa vậy mình tìm và thử nhiều cách vẩn không khả thi
Nó nằm trong core của Genesis Framework chứ không phải trong child theme bạn ạ. Vì vậy không thể xóa thủ công được, bạn update Genesis Framework thì nó cũng sẽ hiển thị trở lại. Bạn thử dùng code này để remove Genesis footer xem sao: https://gist.github.com/Kaiderella/0377cda75429f96f00a6405bcfc414ba
Cho mình xin code nút “Back to top” giống wpcanban với <3
Cái này là tính năng của theme Paradise nên mình không chia sẻ bạn nhé. :P
Cho em hỏi là tạo cái trang như trang Bản Quyền của bác thì làm như nào nhỉ?
Cái này là landing page mặc định của theme bạn ạ. :P
Cái đó gọi là landing page à bác? Thấy trong theme có cái này mà em không biết nó là gì, giờ thì mới biết…thank bác nhiều nha… :))
Mình muốn thêm menu: giới thiệu, liên hệ, hay 1 số cái khác thì nên dùng đoạn code nào bác.
Code trong mục 3 hoặc mục 4 đều được. :P
Em thì toàn dùng Simple Hook để tùy biến. nhiều khi quen nên sướng. Với cái đó cũng nhẹ nhẹ không đến nỗi.
Những bạn không quen code thì nên sử dụng plugin để tùy biến cho dễ. Nhưng không nên quá lạm dụng, cái nào tối giản được thì nên tối giản. :)
Chào bạn. Mình dùng Magazine Pro Theme cho site của mình. Mình muốn chuyển màu nền sang màu khác phải làm sao bạn nhỉ. Mình tìm mà ko ra.
Mình đã trả lời cho bạn là cần phải đổi mã màu hexa ở trong tập tin style.css của child theme rồi mà. :P
Thank bạn.
Thanks chủ thớt, tớ làm được rồi nhé
Em mê genesis , nhìn blog cuae anh lại càng thích mắt, anh cho em hỏi là mấy cái menu của anh chủ yếu là tùy biến ở chil ạ
Giao diện này mình chỉ tùy biến ở child theme thôi, không can thiệp gì đến framework cả. :P
mình đăng lại ý mà :3 :3
Copy bài viết thì bao giờ mới ngóc đầu lên nổi. Phải tự viết để tạo dấu ấn và phong cách cá nhân chứ. :P
Chào Hiếu. Mình đang tìm hiểu về genesis và cũng đang cũng genesis. ko biết mình có thể copy các bài viết về genesis trên ebooksvn được k :)
Hai việc trên có vẻ không liên quan gì đến nhau nhỉ. Bạn tìm hiểu thì cứ tìm hiểu. Còn copy để làm gì? :P
Hiếu ơi, cho mình hỏi là thay đổi màu chữ đen mặc định của theme này ở đâu thế? tớ tìm mãi ko thấy :)
Để màu đen có độ tương phản tốt nhất mà. Đổi màu làm chi vậy? :P
À ko tớ chỉnh ít màu tiêu đề thôi. Nhưng cứ vào web cậu hỏi xong lại tìm ra :v
Nhiều lúc tự tìm sẽ nhớ lâu hơn. :) Không liên quan nhưng mấy hôm nay VPS của mình bị Tàu Khựa attack thì phải. CPU hay bị max và băng thông thì tăng chóng mặt. Vừa phải nâng cấp lên gói RAM 2GB và CPU 2 Core. Hiện tại đang phải dùng CloudFlare để chống DDOS và block hotlinks, đến mệt. =.=!
Hic, lên vps mới sướng :)) blog tôi cùi lắm. À mà c có bài hướng dẫn việt hoá theme này chưa ấy nhỉ?
Cho mình hỏi theme này chút là, sao bài viết của mình có dấu \ thì nó lại ko hiện chỉ hiện /. ví dụ HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Contro l\StorageDevicePolicies là ko hiện đấu \
Đồng chí có can thiệp gì vào trình soạn thảo của WordPress hay sử dụng shortcodes gì không? :P
Mình không can thiệp gì cả. để mặc định :( hôm cài theme Genesis viết bài cũng thấy thế rồi nhưng quên không hỏi,
Khi vào sửa bài thì vẫn thấy bình thường, mỗi tội ngoài bài viết thì ko thấy đâu. lạ thiệt
Ủa. Vậy hả? Để mình tìm hiểu xem. Trước giờ chưa dùng ký tự “\” trong bài viết lần nào nên cũng không để ý. :P
Mình bình luận thì lại bình thường :v bó tay luôn :D
Theme khác có bị như thế này không? Hay chỉ có Magazine Pro (hoặc Genesis) mới bị? :P
Themê khác bt. Thế mới hay :D
Cho mình hỏi mình dùng thêm Magazine Pro Theme hiện nó đang ở màu đen. Mình muôn chuyển sang màu xanh giống bạn phải làm sao?
Chỉnh sửa mã màu hexa trong file style.css. :)