Hướng dẫn cài đặt theme flatsome wordpress năm 2024
Là một trong những theme bán chạy nhất về trên sàn Themeforest, Flatsome được đánh giá cao về khả năng tùy biến và soạn thảo dễ dàng. Đặc biệt, đối với các website bán hàng hay những người không am hiểu về kỹ thuật hoặc code thì theme Flatsome chính là lựa chọn phù hợp. Nếu chưa biết cách tùy chỉnh, hãy cùng Vietnix tìm hiểu các bước hướng dẫn custom theme Flatsome từ A – Z ngay sau đây. Show
Tùy chỉnh trong Theme Options và WidgetNhững thao tác tùy chỉnh đối với Theme Options và Widget trong Flatsome được thực hiện chi tiết như sau: Theme OptionsBước 1: Nhấn vào Flatsome và chọn mục Theme Options nằm ở trên cùng màn hình giao diện. Hoặc truy cập vào trang quản trị WordPress, nhấn vào Appearance và chọn Customize. Hướng dẫn custom theme Flatsome chi tiếtBước 2: Tại mục đây, người dùng sẽ được chỉnh sửa và cấu hình lại các phần gồm:
Widget (Sidebar)Widget (Sidebar) là một thành phần nằm trong các phiên bản WordPress bất kỳ thực hiện chức năng cho phép người dùng được thêm nội dung và định hình footer hay sidebar. Để thực hiện tùy chỉnh trong Widget, bạn thao tác như sau:
Style optionTại Flatsome, người dùng có thể tùy biến về màu sắc như thay đổi màu chủ đạo, đổi màu văn bản hay màu đường liên kết. Trường hợp người dùng không thể thay đổi màu sắc trong tính năng tùy biến màu sắc của theme, buộc phải sử dụng đến tính năng Custom CSS để định nghĩa lại màu sắc theo ý muốn của bạn (Lưu ý: Việc định nghĩa đòi hỏi phải hiểu và biết về lập trình CSS). Đối với tính năng tùy biến màu sắc, hầu hết hiện nay đều phải thực hiện thông qua menu Theme Options với thao tác thực hiện như sau:
Ngoài ra, nếu muốn đổi màu nền của Header – Đầu trang thì bạn thao tác như sau:
Custome CSSCSS hay Cascading Style Sheet là ngôn ngữ lập trình có chức năng tạo phong cách và điều khiển định dạng cho các website viết dưới dạng ngôn ngữ đánh dấu như HTML. Sử dụng CSS, người dùng có thể tùy biến về màu sắc hay giao diện website,… trong trường hợp theme của trang không trang bị tính năng tùy chỉnh. Ngoài ra, nếu người dùng có kiến thức về lập trình CSS và có nhu cầu tùy biến đối với ngôn ngữ này thì có thể thực hiện các thao tác như sau: Truy cập Flatsome và nhấn Theme Options. Sau đó, chọn mục Custom CSS. (Lưu ý: Đây là một dạng tùy biến nâng cao dành cho người biết về lập trình nên Vietnix không hướng dẫn chi tiết cách lập trình với CSS như thế nào mà chỉ có thể hướng dẫn nơi người dùng có thể tùy biến). Custom CSSHoặc, người dùng cũng có thể điều chỉnh trên file style.css của theme thông qua cách thức truy cập Appearance và chọn Edit. Tiếp đó, chọn sửa file style.css. Custome MenuMenu là một nhóm những liên kết được tổ chức nhằm dẫn đến nhiều thành phần của trang web WordPress. Do đó, trong quá trình xây dựng web, người dùng có thể chỉnh sửa cấu trúc menu (link, text,…) hiển thị trên theme sao cho cân đối và thân thiện với người dùng. Các bước thực hiện chỉnh sửa theme Flatsome đối với menu gồm:
Bên cạnh việc custom theme thì bạn cũng có thể kết hợp thêm các plugin khác như WP Rocket, Rank Math SEO Pro, Elementor Pro,… giúp tối ưu tốc độ và hiệu suất trang. Hiện tại, những plugin kể trên đều có thể nhận miễn phí hoàn toàn khi bạn đăng ký sử dụng dịch vụ Hosting tốc độ cao tại Vietnix. Do đó nếu bạn muốn sở hữu chúng mà không cần tiêu tốn thêm bất cứ khoản phí nào thì có thể áp tham gia vào chương trình này. Đây là chương trình được triển khai nhằm giúp khách hàng tiết kiệm thời gian, chi phí trong quá trình thiết kế, xây dựng website. Cụ thể, khi đăng ký bất cứ gói hosting nào tại Vietnix, khách hàng đều được tặng kèm bộ theme và plugin miễn phí trị giá 26.000.000 VND/năm bao gồm 3 plugin kể trên và nhiều công cụ hữu ích khác như: itheme Security Pro, WPML, WP Smush Pro,… Liên hệ ngay với đội ngũ Vietnix nếu bạn không muốn bỏ lỡ phần quà cực hấp dẫn này nhé. HOSTING PREMIUM 4 Bán chạy 2 Core 3GB RAM 3GB NVMe 1 Domain SSL Miễn Phí Tặng theme & plugin trị giá 60.000.000 VND HOSTING PREMIUM 5 2 Core 3GB RAM 3GB NVMe 2 Domain SSL Miễn Phí Tặng theme & plugin trị giá 60.000.000 VND HOSTING PREMIUM 6 2 Core 4GB RAM 4GB NVMe 2 Domain SSL Miễn Phí Tặng theme & plugin trị giá 60.000.000 VND HOSTING PREMIUM 7 4 Core 4GB RAM 4GB NVMe 4 Domain SSL Miễn Phí Tặng theme & plugin trị giá 60.000.000 VND HOSTING PREMIUM 8 4 Core 6GB RAM 6GB NVMe 4 Domain SSL Miễn Phí Tặng theme & plugin trị giá 60.000.000 VND HOSTING PREMIUM 9 4 Core 8GB RAM 8GB NVMe 4 Domain SSL Miễn Phí Tặng theme & plugin trị giá 60.000.000 VND HOSTING PREMIUM 10 Siêu tốc 8 Core 10GB RAM 10GB NVMe 4 Domain SSL Miễn Phí Tặng theme & plugin trị giá 60.000.000 VND HOSTING PREMIUM 1 1 Core 1GB RAM 1GB NVMe 1 Domain SSL Miễn Phí Tặng theme & plugin trị giá 60.000.000 VND HOSTING PREMIUM 2 1 Core 2GB RAM 2GB NVMe 1 Domain SSL Miễn Phí Tặng theme & plugin trị giá 60.000.000 VND HOSTING PREMIUM 3 2 Core 2GB RAM 2GB NVMe 1 Domain SSL Miễn Phí Tặng theme & plugin trị giá 60.000.000 VND
Custome HeaderTính năng custome Headers trong WordPress là một tính năng cho phép người dùng tùy biến đối những nội dung ở Header (đầu trang) website như menu, logo hay banner, hotline,…Cụ thể về thao tác custome Header như sau:
Cấu trúc Header thường thấy ở các phiên bản WordPress gồm 3 phần là Header Main, Header Bottom và Top Bar. Để thực hiện tùy biến Header cho website, người dùng tiến hành truy cập vào Flatsome và nhấn vào Theme Options. Sau đó, chọn Header và tiến hành chỉnh sửa các phần theo mong muốn. Chỉnh sửa Header
Thường thấy ở tính năng Main Header này sẽ nằm bên phải logo thường thiết kế khối nội dung như banner, hotline, số điện thoại,… Để tùy biến:
Chỉnh sửa FooterNgược với Header, Footer hay chân trang là phần nằm cuối website và thường chứa những thông tin liên kết như điều khoản sử dụng, chính sách bảo mật, thông tin liên hệ,… Nội dung chân trangĐối với các website trên WordPress, người dùng hoàn toàn có thể tạo và custome Footer sao cho phù hợp với nhu cầu của bạn. Trong theme Flatsome sẽ cung cấp 2 kiểu trình bày Footer bằng cách sử dụng Widget và Blocks. Trường hợp tùy biến với:
Sửa thông tin bản quyềnThông tin bản quyền là phần thông tin cuối cùng của website như bản quyền của, thiết kế bởi,… Để điều chỉnh, bạn truy cập vào Flatsome và chọn Theme Options. Tiếp đó, chọn Footer và kéo chuột xuống mục Absolute Footer để thao tác. Sửa thông tin bản quyềnKhám phá BlocksBlocks chính là những khối nội dung được người dùng xây dựng nhằm để đáp ứng nhu cầu của mình và có thể sử dụng lại ở một nơi khác dưới dạng mã ngắn (shortcode) như ở bài viết, trang, header, footer,… Để thực hiện chỉnh sửa một block có sẵn như sau:
Chỉnh sửa trang chủThực hiện chỉnh sửa trang chủ website WordPress, người dùng tiến hành thao tác như sau:
Chèn mã JavaScript trong FlatsomeJavaScript là ngôn ngữ lập trình chạy trên trình duyệt người dùng, cho phép các lập trình viên tạo ra các tính năng thú vị mà không làm chậm tốc độ tải của website. Để có thể chèn mã JavaScript (Facebook Chat, Google Analyics,…), người dùng thực hiện truy cập Flatsome rồi nhấn Advanced và chọn Global Settings. Hướng dẫn chèn mã JavaScript vào FlatsomeTiếp đó, chèn mã code theo mong muốn vào ô trống của Header Script/ Footer Script. Global SettingChỉnh sửa các button thông tin liên hệ trên trangNhững button thông tin liên hệ nằm trên website là yếu tố thường hiển thị cố định ở phía bên trái hoặc bên phải của website (Zalo, Facebook, Hotline). Để thực hiện thay đổi các button thông tin liên hệ ở theme Flatsome, bạn thực hiện như sau: Truy cập Flatsome và chọn Advanced. Sau đó, chọn Global Settings để tùy biến thông tin liên hệ. (Lưu ý: Sao chép ra file text trước khi chỉnh sửa nhằm tránh tình trạng xóa nhầm ký tự html và gây ra lỗi). Chỉnh sửa các button thông tin liên hệ trên trangCách cấu hình API cho Google MapThực hiện cấu hình API cho Google Map nhằm giúp website có thể sử dụng dịch vụ mà Google Map cung cấp như di chuyển, đánh dấu bản đồ và zoom,… Trong quá trình thao tác, Google sẽ yêu cầu người dùng về API Key cho Google Map. Các bước hướng dẫn custom theme Flatsome bằng cách cấu hình API tiến hành như sau:
Ở cửa sổ mới, bạn điền API Key và bấm Save All Changes để lưu thay đổi. Điền API Key và lưu thay đổiNếu bạn đang tìm kiếm một giải pháp lưu trữ chất lượng, đáng tin cậy và được tối ưu hóa cho website WordPress thì dịch vụ của Vietnix là một lựa chọn tuyệt vời. Với nhiều năm kinh nghiệm hoạt động trong lĩnh vực lưu trữ số và điện toán đám mây, Vietnix đã xây dựng được một hệ thống máy chủ ổn định, đảm bảo uptime cao và tốc độ truy cập nhanh chóng. Ngoài ra, Vietnix còn cung cấp các tính năng bảo mật mạnh mẽ, Firewall anti DDoS để bảo vệ website của bạn khỏi các cuộc tấn công mạng và các lỗ hổng bảo mật. Ngoài ra, những điểm nổi trội của Vietnix so với những nhà cung cấp khác có thể kể đến như:
Với Vietnix, bạn sẽ không bao giờ phải lo lắng về việc lưu trữ website. Đăng ký ngay để trải nghiệm sự hài lòng và chất lượng tuyệt vời. Mọi vấn đề thắc mắc cần tư vấn, quý khách vui lòng liên hệ:
Lời kếtBên trên là tất tần tật thông tin từ A – Z về các bước hướng dẫn custom theme Flatsome cho website. Hy vọng sẽ giúp bạn tối ưu trang web trở nên bắt mắt và thu hút hơn. Ngoài ra, đừng quên chia sẻ và để lại bình luận bên dưới nếu gặp trở ngại trong quá trình thực hiện để được giải đáp nhanh chóng nhất nhé! |