Follow
Lucid Gen
  • Marketing
    • Mạng xã hội
    • Website
  • Công nghệ
  • Sản phẩmHot
    • Công cụ lấy số điện thoại từ Facebook
    • Công cụ tăng follow TikTok và like Facebook
    • Chatbot AI chăm sóc khách hàng
    • Tài khoản Grammarly Premium
    • Tài khoản QuillBot Premium
    • Tài khoản Turnitin
    • Tài khoản quảng cáo Facebook
    • Dịch vụ
      • Thuê tài khoản quảng cáo Invoice Facebook
      • Thuê tài khoản invoice Google Ads
      • Quảng cáo Facebook cam kết doanh số
      • Mở tài khoản quảng cáo bị vô hiệu hóa
      • Kháng trang không được phép quảng cáo
      • Gửi tin nhắn hàng loạt trên fanpage
      • Khóa học Tiktok Shop và Livestream Ads
      • Khóa học quảng cáo Facebook
No Result
View All Result
Lucid Gen
  • Marketing
    • Mạng xã hội
    • Website
  • Công nghệ
  • Sản phẩmHot
    • Công cụ lấy số điện thoại từ Facebook
    • Công cụ tăng follow TikTok và like Facebook
    • Chatbot AI chăm sóc khách hàng
    • Tài khoản Grammarly Premium
    • Tài khoản QuillBot Premium
    • Tài khoản Turnitin
    • Tài khoản quảng cáo Facebook
    • Dịch vụ
      • Thuê tài khoản quảng cáo Invoice Facebook
      • Thuê tài khoản invoice Google Ads
      • Quảng cáo Facebook cam kết doanh số
      • Mở tài khoản quảng cáo bị vô hiệu hóa
      • Kháng trang không được phép quảng cáo
      • Gửi tin nhắn hàng loạt trên fanpage
      • Khóa học Tiktok Shop và Livestream Ads
      • Khóa học quảng cáo Facebook
No Result
View All Result
No Result
View All Result
Lucid Gen

Lucid Gen › Marketing › Website › Cách thêm CSS vào AMP trong WordPress

Cách thêm CSS vào AMP trong WordPress

5/5 - (2 bình chọn)
01/10/2023
2
Cách thêm CSS vào AMP trong WordPress - How to add custom CSS to AMP in WordPress

Cách thêm CSS vào AMP trong WordPress - How to add custom CSS to AMP in WordPress

11
CHIA SẺ
1k
LƯỢT XEM
Chia sẻ lên Facebook

Trong bài viết trước Lucid Gen đã hướng dẫn cách cài đặt AMP cho WordPress bài bản cho những bạn mới bắt đầu sử dụng AMP. Bài viết này Lucid Gen sẽ bổ sung thêm một thủ thuật, đó là thêm CSS vào AMP trong WordPress. Giúp cho những bạn có kỹ năng CSS có thể tùy biến được nhiều hơn với trang AMP.

Video hướng dẫn thêm CSS vào AMP trong WordPress

Tham khảo thêm

  • Cách thêm Adsense Auto Ads và Sticky Ads vào AMP
  • Cách cài đặt AMP cho website WordPress bài bản
  • Hướng dẫn thêm hiệu ứng bóng lướt qua cho logo web
Nội dung
  1. Thêm CSS vào AMP trong WordPress
  2. Thêm CSS vào AMP for WP
  3. Lưu ý khi thêm CSS vào AMP
  4. Lời kết

Thêm CSS vào AMP trong WordPress

Nếu bạn đang sử dụng plugin AMP của AMP Project Contributors, bạn hãy thêm thêm đoạn code bên dưới vào trong file functions.php của giao diện. Sau đó, bạn hãy thay thế .amp-wp-title{color:#00f} thành CSS của bạn.

//Custom CSS for AMP
add_action( 'amp_post_template_css', function() {
	?>
	.amp-wp-title{color:#00f}
	<?php
} );
Thêm CSS vào AMP trong WordPress
Thêm CSS vào AMP trong WordPress

Nếu có thể, bạn hãy sử dụng Child theme để code thêm CSS vào AMP không bị mất khi cập nhật giao diện gốc.

Thêm CSS vào AMP for WP

Nếu bạn đang sử dụng plugin AMP for WP, bạn có thể thêm CSS vào AMP một cách dễ dàng. Bạn vào AMP > Design > Global và thêm CSS của bạn vào phần Custom CSS.

Thêm CSS vào AMP for WP
Thêm CSS vào AMP for WP

Lưu ý khi thêm CSS vào AMP

  1. Nếu bạn đang sử dụng một plugin tạo cache, hãy kiểm tra và xóa cache để đảm bảo CSS mới thêm vào sẽ hoạt động khi người dùng truy cập và để Google index giao diện AMP mới của bạn.
  2. Hãy tối ưu CSS trước khi thêm vào AMP, dán CSS của bạn vào trang CSSO để nhận được đoạn CSS đã nén nhé.
  3. Hãy truy cập trang AMP của bạn trên điện thoại để xem thực tế CSS của bạn tác động đến giao diện trang AMP như thế nào. Đôi khi xem trên máy tính thấy ổn nhưng lên diện thoại lại thấy chưa ổn đấy.

Lời kết

Bằng cách thêm CSS vào AMP, bạn có thể tùy biến cho trang AMP giống với trang gốc nhất có thể. Hãy dựa vào giao diện website trên diện thoại để thêm CSS cho font chữ, màu sắc, font size, các khoảng cách,… cho trang AMP của bạn. Mình tin rằng khi bạn có một trang AMP gần giống trang gốc thì bạn sẽ càng thích sử dụng AMP hơn đấy (vì có nhiều lợi thế mà).

5/5 - (2 bình chọn)
Xem thêm bài viết về chủ đề Accelerated Mobile Pages (AMP)CSS
Share4Pin2Share1Share
Trần Ngọc Minh Hiếu

Trần Ngọc Minh Hiếu

Mình hiện đang làm Data Analyst, trước đó từng làm Digital Marketing. Viết blog là một niềm vui của mình, giúp mình chia sẻ lại những kiến thức và trải nghiệm từ cuộc sống và công việc. Bạn có thể donate cho mình tại đây.

Bình luận 2

  1. Bảo Lộc Fan cứng
    2 năm trước

    cách rất đơn giản, cảm ơn bác

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      2 năm trước

      Mình rất vui khi thấy feedback của Lộc

Bình luận của bạn Hủy

Mình sẽ duyệt và trả lời bình luận ngay trong ngày. Hãy để lại ý kiến của bạn về bài viết này nhé!

Email của bạn sẽ không hiển thị công khai, có thể thêm ảnh đại diện nếu muốn. Các trường bắt buộc được đánh dấu *

Có thể bạn sẽ cần

Công cụ lấy số điện thoại từ Facebook
Mạng xã hội

Công cụ lấy số điện thoại từ Facebook

06/04/2023
175

Bật mí công cụ lấy số điện thoại từ Facebook cực xịn, có thể quét số điện thoại trên Facebook...

Xem thêm
Gửi tin nhắn hàng loạt fanpage Facebook

Cách gửi tin nhắn hàng loạt trên fanpage Facebook

01/10/2023
44
Bán tài khoản quảng cáo Facebook bao lên camp cắn tiền

Bán tài khoản quảng cáo Facebook bao lên camp

11/08/2022
83
Khóa học quảng cáo Facebook chuyên sâu

Khóa học quảng cáo Facebook chuyên sâu

01/10/2023
31
Cách tìm bài quảng cáo trên Facebook

Cách tìm bài quảng cáo trên Facebook

17/08/2021
2
Bán tài khoản Grammarly Premium cực xịn

Bán tài khoản Grammarly Premium cực xịn

02/02/2023
27
Bán tài khoản QuillBot Premium cực xịn

Bán tài khoản QuillBot Premium cực xịn

28/07/2023
0
Dịch vụ quảng cáo Faceobook cam kết doanh số

Dịch vụ quảng cáo Facebook cam kết doanh số

01/10/2023
6
Khóa học Tiktok Shop và Tiktok Livestream Ads

Khóa học Tiktok Shop và Livestream Ads

01/10/2023
14
Cho thuê tài khoản quảng cáo Invoice Facebook

Cho thuê tài khoản quảng cáo Invoice Facebook

03/01/2023
0
Cách sử dụng chatbot AI chăm sóc khách hàng

Cách sử dụng chatbot AI chăm sóc khách hàng

23/07/2023
1
Mua tài khoản Turnitin Student cực xịn

Mua tài khoản Turnitin Student cực xịn

23/07/2023
3
Công cụ tăng follow TikTok và like Facebook

Công cụ tăng follow TikTok và like Facebook

16/09/2023
0

Đề xuất cho bạn

  • Đề xuất
  • Mới nhất
Gõ tiếng Việt trên Macbook với EVKey và sửa lỗi mất chữ

Cách sửa lỗi gõ tiếng Việt trên Macbook MacOS

01/10/2023
74
Cách ngăn chặn đánh cắp nội dung website (web scraping) How to prevent web scraping in WordPress

Cách ngăn chặn đánh cắp nội dung website (web scraping)

04/12/2021
9
Cảm nhận khoá học Digital 4.0 của Google miễn phí

Cảm nhận khoá học Digital 4.0 của Google miễn phí

04/07/2021
13
Cách nhúng Messenger vào website mới - How to add Facebook Messenger to website

Cách nhúng Messenger vào website mới

01/10/2023
12
Cách chặn ứng dụng kết nối internet Mac

Cách chặn ứng dụng kết nối internet Mac

01/10/2023
1
Công cụ tăng follow TikTok và like Facebook

Công cụ tăng follow TikTok và like Facebook

16/09/2023
0
Cho thuê tài khoản invoice Google Ads

Cho thuê tài khoản invoice Google Ads

01/10/2023
1
Mua tài khoản Turnitin Student cực xịn

Mua tài khoản Turnitin Student cực xịn

23/07/2023
3

Lucid Gen

Một blog chia sẻ về digital marketing, linh tinh về công nghệ – phần mềm và những gì có thể bạn cần mà tác giả biết.

Đã có 155 Bài viết và 4822 Bình luận

Tiết lộ: Website này đã có quảng cáo. Không có tiền thì viết làm sao.

Địa chỉ: 27 Đ. Số 6, Bình Hưng Hoà B, Bình Tân, Thành phố Hồ Chí Minh

 Google Play Microsoft Store

Phản hồi gần đây

  • Cường Nguyễn trong Cách chặn ứng dụng kết nối internet Mac
  • Hàn trong Cho thuê tài khoản invoice Google Ads
  • Tuan Anh trong Cách dùng Google Authenticator trên máy tính
  • Long trong Mua tài khoản Turnitin Student cực xịn
  • Toàn trong Tắt Gatekeeper và System Integrity Protection (SIP) trên Mac

Uống nước nhớ nguồn

Lucid Gen biên tập hình ảnh từ các nguồn: Freepik, Unsplash & Pixabay.

Bạn bè & đối tác

  • Blog Hữu Thuần
  • Hosting WordPress

Nếu bạn yêu thích blog này…

Nhập địa chỉ email của bạn để đăng ký nhận thông báo về các bài viết mới của Lucid Gen
  • Giới thiệu
  • Cộng đồng
  • Donate
  • Liên hệ
  • Điều khoản

© 2019 Lucid Gen with by Tran Ngoc Minh Hieu DMCAProtected

No Result
View All Result
  • Marketing
    • Mạng xã hội
    • Website
  • Công nghệ
  • Sản phẩm
    • Công cụ lấy số điện thoại từ Facebook
    • Công cụ tăng follow TikTok và like Facebook
    • Chatbot AI chăm sóc khách hàng
    • Tài khoản Grammarly Premium
    • Tài khoản QuillBot Premium
    • Tài khoản Turnitin
    • Tài khoản quảng cáo Facebook
    • Dịch vụ
      • Thuê tài khoản quảng cáo Invoice Facebook
      • Thuê tài khoản invoice Google Ads
      • Quảng cáo Facebook cam kết doanh số
      • Mở tài khoản quảng cáo bị vô hiệu hóa
      • Kháng trang không được phép quảng cáo
      • Gửi tin nhắn hàng loạt trên fanpage
      • Khóa học Tiktok Shop và Livestream Ads
      • Khóa học quảng cáo Facebook

© 2019 Lucid Gen with by Tran Ngoc Minh Hieu DMCAProtected

Click to Copy