Follow
Lucid Gen
  • Marketing
    • Facebook Marketing
    • Google Marketing
    • Zalo Marketing
    • Content Marketing
    • Email Marketing
    • Marketing tools
    • SEO
    • Website
      • Hướng dẫn WordPress
  • Công nghệ
    • Điện thoại
    • Máy tính
    • Tải video mạng xã hội
  • Sản phẩmHot
    • Tool quét SĐT Facebook
    • Tìm bài quảng cáo trên Facebook theo từ khóa
    • Bán tài khoản Grammarly Premium
    • Bán tài khoản quảng cáo Facebook bao lên camp
    • Dịch vụ
      • Cho thuê tài khoản quảng cáo Invoice Facebook
      • Dịch vụ 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
      • Khóa học quảng cáo Facebook chuyên sâu
      • Khóa học Tiktok Shop và Livestream Ads
No Result
View All Result
Lucid Gen
  • Marketing
    • Facebook Marketing
    • Google Marketing
    • Zalo Marketing
    • Content Marketing
    • Email Marketing
    • Marketing tools
    • SEO
    • Website
      • Hướng dẫn WordPress
  • Công nghệ
    • Điện thoại
    • Máy tính
    • Tải video mạng xã hội
  • Sản phẩmHot
    • Tool quét SĐT Facebook
    • Tìm bài quảng cáo trên Facebook theo từ khóa
    • Bán tài khoản Grammarly Premium
    • Bán tài khoản quảng cáo Facebook bao lên camp
    • Dịch vụ
      • Cho thuê tài khoản quảng cáo Invoice Facebook
      • Dịch vụ 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
      • Khóa học quảng cáo Facebook chuyên sâu
      • Khóa học Tiktok Shop và Livestream Ads
No Result
View All Result
No Result
View All Result
Lucid Gen

Lucid Gen › Website › WordPress › 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)
18/08/2021
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

10
CHIA SẺ
860
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ì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

Lấy số điện thoại từ Facebook chỉ 2 giây
Facebook

Lấy số điện thoại từ Facebook chỉ 2 giây

25/07/2022
165

Tool lấy số điện thoại từ Facebook trong 2 giây. Tặng 50 lần lấy SĐT từ Facebook. An toàn, dễ...

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

11/04/2022
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

22/05/2022
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
23
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ố

22/05/2022
6
Khóa học Tiktok Shop và Tiktok Livestream Ads

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

30/06/2022
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

Đề xuất cho bạn

  • Đề xuất
  • Mới nhất
Cách cài đặt trọn bộ Adobe cho Mac vĩnh viễn - How to download Adobe on Mac for free for life

Cách cài đặt trọn bộ Adobe cho Mac vĩnh viễn

28/02/2023
511
Lọc dữ liệu trùng lặp Google Sheets - How to find duplicates in Google Sheets

Lọc dữ liệu trùng lặp trong Google Sheets

10/07/2021
29
Cách cài đặt Camtasia trên Macbook vĩnh viễn - How to get Camtasia on Mac lifetime free

Cách cài đặt Camtasia trên Macbook vĩnh viễn

26/11/2022
35
3 cách tắt tính năng bài niêm yết trên Facebook - How to turn off marketplace on Facebook simply

3 cách tắt tính năng bài niêm yết trên Facebook

20/07/2021
47
Cách tạo tài khoản ChatGPT và OpenAI chi tiết - How to create a ChatGPT (OpenAI) account

Cách tạo tài khoản ChatGPT (OpenAI) chi tiết

19/02/2023
22
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
Download Navicat Premium for Mac free for life - Tải Navicat Premium cho Mac miễn phí

Tải Navicat Premium cho Mac miễn phí

14/02/2023
2
How to create Service Account and enable Google Cloud API - Cách tạo Service Account và bật API Google Cloud

Cách tạo Service Account và bật API Google Cloud

20/11/2022
8

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ó 254 Bài viết và 4647 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

  • Hoc nguyen trong Cách gỡ thẻ visa khỏi tài khoản quảng cáo Facebook
  • Hoc nguyen trong Cách gỡ thẻ visa khỏi tài khoản quảng cáo Facebook
  • Thiện trong Cách tắt thông báo cập nhật WordPress toàn diện
  • Thuận Khang trong Cách chèn Google Analytics vào mọi website
  • A trong Cách tạo tài khoản ChatGPT (OpenAI) chi tiết

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
    • Facebook Marketing
    • Google Marketing
    • Zalo Marketing
    • Content Marketing
    • Email Marketing
    • Marketing tools
    • SEO
    • Website
      • Hướng dẫn WordPress
  • Công nghệ
    • Điện thoại
    • Máy tính
    • Tải video mạng xã hội
  • Sản phẩm
    • Tool quét SĐT Facebook
    • Tìm bài quảng cáo trên Facebook theo từ khóa
    • Bán tài khoản Grammarly Premium
    • Bán tài khoản quảng cáo Facebook bao lên camp
    • Dịch vụ
      • Cho thuê tài khoản quảng cáo Invoice Facebook
      • Dịch vụ 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
      • Khóa học quảng cáo Facebook chuyên sâu
      • Khóa học Tiktok Shop và Livestream Ads

© 2019 Lucid Gen with by Tran Ngoc Minh Hieu DMCAProtected

Click to Copy