Lỗi không thể cài đặt gói được chỉ định, giao diện đang bị thiếu style.css stylesheet đã làm khó rất nhiều người khi sử dụng trang web.
Thế giới đang phải đối mặt với dịch bệnh, từ đó việc giảm thiểu đi lại và làm việc tại nhà đang được khuyến khích ở hầu hết tất cả các khu vực. Đặc biệt là việc làm quen với các trang web, cải thiện thu nhập từ các trang web khiến cho nhiều người gặp không ít khó khăn trong lúc mới bắt đầu làm việc như bố cục, trang màu trên web chưa được đồng bộ hay gặp các loại lỗi thiếu style.css stylesheet về giao diện web…. Vậy để khắc phục các tình trạng trên hãy cùng chúng tôi tìm hiểu vì sao không thể cài đặt gói được chỉ định, giao diện đang bị thiếu style.css stylesheet.
Tại sao nói giao diện đang bị thiếu style.css stylesheet thì trước tiên bạn phải biết được style.css stylesheet là gì và nó ảnh hưởng như thế nào?
CSS là thuật ngữ được viết tắt từ Cascading Style Sheets hay còn gọi là trình bày văn bản bằng ngôn ngữ HTML, được dùng để định dạng các thuộc tính trên trang web.
CSS là gì? CSS là viết tắt của Cascading Style Sheets. Trình bày văn bản bằng ngôn ngữ HTML và XHTML, thường được sử dụng để định dạng các thuộc tính như bố cục, màu sắc, font chữ… trên trang web. Các thuộc tính đó được thiết lập sẵn trong file này trang web được đồng bộ hóa tạo nên sự tiện ích, tiết kiệm công sức cũng như chuyên nghiệp hơn cho người viết web. Các đặc điểm kỹ thuật của CSS được duy trì bởi W3C [World Wide Web Consortium]. Do vậy, CSS vừa có vị trí rất quan trọng trong việc thiết kế trang web vừa trong SEO. Giao diện trang web chuẩn theo thiết kế được đồng bộ hóa trên các trình duyệt rút gọn được tốc độ load trang, dễ chia sẻ trang để xem hơn.
Có 3 loại style CSS là Inline: mã CSS viết tại thuộc tính style của phần tử HTML, External: mã CSS ở một file riêng biệt sau đó nạp vào HTML bằng phần tử , Internal: mã CSS trong chính văn bản HTML, nằm trong khối thẻ , bạn có thể sử dụng External Style CSS để tạo phong cách đa dạng cho nhiều trang cùng lúc.
File style.css là gì trong WordPress? Là một file quan trọng của một giao diện. Những thông tin trong file style.css sẽ là những thuộc tính giao diện và là một file bắt buộc của giao diện. nếu thiếu file style.css thì giao diện đó sẽ không đạt chuẩn wordpress.
Tại sao không thể cài đặt gói được chỉ định, giao diện đang bị thiếu style.css stylesheet và cách khắc phục?
Như bạn đã biết việc đẩy dữ liệu lên trang web rất quan trọng. Tuy nhiên không phải lúc nào đẩy dữ liệu lên cũng suôn sẻ và xảy ra một vài lỗi thường gặp trong số đó có lỗi không thể cài đặt được gói được chỉ định, giao diện đang bị thiếu style.css stylesheet. Lý do của lỗi này là ở đâu và làm sao bạn có thể khắc phục được nó? Dưới đây là một số lỗi chúng tôi sẽ liệt kê, từ đó chỉ ra cách khắc phục lỗi:
Lỗi do chủ đề
Đây là lỗi thông thường mà bạn có thể hay gặp phải, các theme bị lỗi, họ sao chép thông tin lẫn nhau dẫn đến khi up lên trang web sẽ kéo theo lỗi không thể cài đặt được và xảy ra lỗi style.css.
Lỗi do chưa giải nén toàn bộ tệp zip
Khi load một chủ đề sẽ là một tệp zip chưa được giải nén, nếu bạn tải lên trang web wordpress hầu như đều bị lỗi. Hoặc bạn mua giao diện từ nhà cung cấp khác ngoài wordpress, bên cung cấp sẽ gửi file bên trong có chưa giao diện sẵn và đi kèm một số file thư mục dẫn đến việc wordpress nhận biết sai file giao diện xảy ra lỗi. Điều quan trọng nhất bạn cần làm trước khi tải hãy kiểm tra xem bạn đã giải nén tệp zip ra pc hay chưa. hãy kiểm tra tất cả các file để biết đâu là thư mục theme.
Lỗi do file style.css đặt sai vị trí
Thông thường file style.css phải được đặt trong mục chủ đề. Nhưng một số bạn lại sử dụng sai file style.css, sử dụng như thư mục con trong thư mục chủ đề dẫn đến bị lỗi file style.css. Điều bạn cần làm là phải luôn đặt file style.css trong mục chủ đề.
Qua bài viết này chúng tôi đã cung cấp các thông tin về file style.css stylesheet là gì? Để bạn hiểu được tầm quan trọng của file style.css. Qua đó chỉ ra các lỗi sai thường gặp khi báo lỗi không thể cài đặt gói được chỉ định, giao diện đang bị thiếu style.css stylesheet và cách khắc phục lỗi sau khi đã tìm ra nguyên nhân để có một giao diện chuyên nghiệp và tối ưu hóa nhất. Chúc các bạn thành công!
Để flatsome chạy tốt, máy chủ web của bạn cần có cấu hình tối thiểu. Dưới đây là một số bước để bạn kiểm tra và những vấn đề bạn có thể gặp phải:
- Khuyến nghị cấu hình tối thiểu cho máy chủ web chạy flatsome:
- PHP 7.1 hoặc hơn
- MySQL 5.6 hoặc MariaDB 10.0 hoặc hơn
- Bộ nhớ tối thiểu 256M hoặc tăng giới hạn bộ nhớ cho WordPress
- Cài đặt SSL Cấu hình PHP: Setting Value max_execution_time 180 memory_limit 256M post_max_size 32M upload_max_filesize 32M
- Đảm bảo plugins & theme được cập nhật mới nhất.
- Xóa toàn bộ cache trong WordPress bao gồm cache của trình duyệt
- Lỗi Chrome developer console.
Web console cho phép bạn theo dõi lỗi javascript. Để mở console bạn nhấn phím [F12 or Ctrl+Shift+I]. VD:
- Kiểm tra CSS bạn thêm trong flatsome builder hay viết vào functions.php
- Bật theo dõi log để phát hiện lỗi PHP.
- Vô hiệu hóa plugins trừ WooCommerce & kiểm tra lỗi một lần nữa.
- Nếu vẫn còn lỗi, hãy kích hoạt theme WordPress mặc định.
Định dạng SVG
Tải file svg có thể gây nguy hiểm nếu bạn không biết rõ, trong flatsome định dạng này phổ biến. Tuy nhiên, nếu bạn muốn chắc chắn cho phép tải tệp SVG này , bạn có thể thêm định dạng Upload trong WordPress.
Lỗi thiếu Stylesheet
Một lỗi phổ biến khác có thể xảy ra với người dùng mới bắt đầu cài theme WordPress là “Broken theme and/or stylesheets missing” hoặc “The theme is missing the style.css stylesheet” khi bạn tải theme vào WordPress và kích hoạt nó.
Lỗi này không có nghĩa bạn mua theme WordPress bị lỗi, có thể bạn làm sai các bước khi cài đặt Theme. Xem các bước dưới đây:
- Tải theme flatsome
- Giải nén zip, bạn sẽ thấy folder `final` -> lưu ý: bên trong folder này chứa file theme, bạn upload theme chứ đừng upload folder này.
- Trong thư mục theme bạn sẽ thấy tệp ‘style.css’.
- Sử dụng phần mềm FTP & tải thư mục theme lên thư mục ‘wp-content/themes’
- Đăng nhập vào wordpress và kích hoạt theme.
Lưu ý: Nếu bạn không muốn tải theme thông qua ứng dụng FTP, bạn cũng có thể tải theme lên ngay trong quản trị WP, bằng cách truy cập Plugins > add new & nhấn nút upload.
Sửa ảnh đại diện bị mờ
Trong Flatsome 2.0 đã thay đổi kích thước hình ảnh ở dạng grid là ‘thumbnail’, để tối ưu hình ảnh & cải thiện tốc độ. Thực hiện các bước sau để khắc phục vấn đề này:
- Truy cập Wp-admin > Settings > Media
- Thiết lập kích thước tối thiểu là 300px x 300px cho ‘Thumbnail size’
- Cuối cùng, truy cập Wp-admin > Tools > Regenerate Thumbnails và tạo lại kích thước cho toàn bộ ảnh.
Shortcode hiển thị không đúng
Tạo shortcode hiển thị nội dung trong WordPress là một tính năng vô cùng sức mạnh. Nếu bạn dán mã shortcode, nhưng trên website không hoạt động? Rất có thể bạn đã thêm tag
bao nội dung shortcode của bạn. Hãy chắc chắn rằng bạn không đã xóa thẻ pre, nhấn vào tab Text trong trình sửa nội dung của WordPress.
Lỗi chia sẻ Facebook
Nếu bạn bị mất ảnh với nút chia sẻ Facebook, hãy thử cài đặt plugin Yoat SEO. Plugin này sẽ thêm tags meta cho social network.
Lỗi trang cửa hàng WooCommerce
Sau khi nâng cấp WordPress hoặc nâng cấp WooCommerce bạn thấy trang cửa hàng WooCommerce bị lỗi? Vấn đề này sẽ được sử lý khá đơn giản bằng cách truy cập WooCommerce → Settings → Products → Display và chọn trang Shop. Nếu lỗi vẫn chưa được khắc phục bạn có thể tắt ‘Template Debug Mode’ trong phần Woocommerce → System Status → Tools.
Lỗi “Are you sure you want to do this? Please try again”
Trong quá trình sử dụng WordPress, bạn có thể thấy tin nhắn lỗi “Are you sure you want to do this? Please try again” ?
Nếu bạn cài đặt theme WordPress từ trình cài theme của WP và có thấy lỗi “Are you sure you want to do this?” điều đó có thể sảy ra khi máy chủ web được cấu hình với bộ nhớ PHP thấp.
Hầu hết nhà cung cấp Hosting có giới hạn kích thước tải tệp 8-10 MB. Flatsome theme ZIP có kích thước 10 MB [gồm plugins và dữ liệu demo]. Để khắc phục lỗi này bạn cần tăng kích thước upload tối đa trong WordPress.
Thiếu Theme Options / Customizer và UX Builder
Lỗi trắng trang khi truy cập trang Theme Options hoặc UX Builder có thể hay gặp khi cài theme Flatsome. Nếu bạn gặp lỗi này, hãy làm theo các bước dưới đây:
- Tăng bộ nhớ trong WordPress. Khuyến nghị bộ nhớ từ 256MB trở lên.
- Sử dụng PHP 5.6 trở lên. Bạn có thể kiểm tra tại WooCommerce → System status
- Cài đặt WordPress 4.5+
Trong trường hợp xung đột plugins, bạn có thể tắt/vô hiệu hóa plugins & kích hoạt từng plugin một để phát hiện ra plugin gây lỗi.
Lỗi ngôn ngữ dịch trong WooCommerce 3.0
WooCommerce 3.0 có thay đổi một vài chuỗi dịch vì vậy bạn cần cập nhật lại file ngôn ngữ [translation]. Làm theo các bước sau:
- Cập nhật lên Flatsome 3.3.1
- Truy cập WP Admin → Dashboard → Updates và nhấn nút Update translations
Your theme [Flatsome] contains outdated copies of some WooCommerce template files?
Thông báo này xuất hiện khi plugin WooCommerce có thay đổi tệp template.
Nếu bạn thấy phiên bản mới nhất của theme không hỗ trợ phiên bản WooCommerce đã cài đặt thì đừng lo lắng vì WooCommerce luôn làm việc để phát hành bản cập nhật cho giao diện WordPress mới có hỗ trợ và nâng cấp những thay đổi WooCommerce.
Trường hợp này bạn sẽ cần copy các files template của WooCommerce vào giao diện Flatsome của bạn.
Kết luận
Trên đây là những lỗi theme Flatsome thường gặp, hy vọng bài viết này sẽ hữu ích cho những ai đang sử dụng theme Flatsome để thiết kế website bán hàng.
Nếu bạn thích bài viết này, hãy ủng hộ chúng tôi bằng cách ở bên dưới và đừng quên chia sẻ kiến thức này với bạn bè của bạn nhé. Bạn cũng có thể theo dõi blog này trên Twitter và Facebook