Danh mục: Hướng dẫn học WordPress

Tự thêm Featured Image cho AMP HTML WordPress theme

1 Tháng Ba, 2016201 Lượt xem
Xem với phiên bản Google AMP, Vinhomes Thăng Long, Mua bán Piano, cửa nhôm xingfa
Tự thêm Featured Image cho AMP HTML WordPress theme
Đánh giá bài viết

Giới thiệu cách tự thêm ảnh tiêu biểu trong bài viết vào theme mặc định của WordPress AMP cho những người không chuyên

Công nghệ mới của Google Accelerated Mobile Pages (AMP) đã làm thay đổi đáng kể trong tốc độ load trang web đối với thiết bị di động và những nơi có đường truyền kém. Google cũng hứa hẹn sẽ có cache riêng cho chế độ này và khi người dùng tìm kiếm bằng thiết bị di động thì họ cũng ưu tiên xếp hạng các trang web có AMP theo cách riêng và thứ hạng cao hơn vì vậy sẽ tốt cho SEO.

Như các bạn đã biết ở các bài trước chúng tôi đã giới thiệu về AMP HTML và AMP cho WordPress:

  1. Hướng dẫn cài đặt Google AMP WordPress plugin
  2. So sánh sự khác biệt giữa AMP HTML và HTML, HTML5
  3. AMP HTML là gì

Nhưng đối với theme mặc định của AMP WordPress thì có nhiều hạn chế kể cả từ việc muốn thay logo, hay sửa tiêu đề, thay máu chữ cũng phải tuân thủ đúng theo các hàm mặc định của nó.

Xem thêm: Thay logo cho theme WordPress Accelerated Mobile Pages AMP HTML

Tự thêm Featured Image cho AMP HTML WordPress theme 2016-03-01_111727

Trong đó một hạn chế mà khiến nhiều người ngạc nhiên đó là theme AMP của WordPress mặc đinh không lấy Featured Image, do đó để có thể làm việc này các bạn cần phải code thêm như sau:

thêm vào file functions.php nhé

add_action( 'pre_amp_render_post', 'xyz_amp_add_custom_actions' );
function xyz_amp_add_custom_actions() {
    add_filter( 'the_content', 'xyz_amp_add_featured_image' );
}

function xyz_amp_add_featured_image( $content ) {
    if ( has_post_thumbnail() ) {
        // Just add the raw <img /> tag; our sanitizer will take care of it later.
        $image = sprintf( '

%s

', get_the_post_thumbnail() );
        $content = $image . $content;
    }
    return $content;
}

Ở đây chúng tôi thêm featured image vào đâu trang

About Vũ Thành Lâm

Tự thêm Featured Image cho AMP HTML WordPress theme 6c99874f75cccd390c6e4303a3653bda?s=100&r=gLamvt - Tên thật là Vũ Thành Lâm năm sinh 197x tại xã Đại Đồng - huyện Thạch Thất - Hà Tây quê lụa
Yêu Joomla, thích WordPress và đam mê SEO
Từng là GMOD của cộng đồng Joomla Việt, Admin của Thế giới SEO, thành viên tích cực trong Group WordPress Hà Nội
Liên hệ ĐT: 0169981 Năm Hai Ba Hai

Bài viết mới nhất

Tin được quan tâm

Bài viết cùng chủ đề

Ibmeduca.org: Viện Kinh Thánh truyền giáo
Ibmeduca.org là website của Viện Kinh Thánh truyền giáo  Trang web được thiết kế trên nền tảng mã nguồn SEO tốt nhất đó là hệ quản trị nội dung sử dụng Responsive Bootstrap version mới nhất, tăng tốc độ load một...
3 Cách tăng lượng truy cập Website giúp SEO lên Top Google
Bất cứ ai làm kinh doanh trên cũng muốn website của mình có được lưu lượng truy cập cao giúp tăng doanh thu đồng thời cũng giúp cho việc SEO lên Top Google. Điều đó có nghĩa là bạn muốn mỗi...
36 cách tối ưu hóa chiến dịch Google AdWords
Để trang web của bạn có được vị trí tốt trên bảng xếp hạng, bạn nên tối ưu hoá các chiến dịch Google AdWords vì vậy ở bài viết này tôi sẽ đưa ra danh sách các tối ưu hóa...
Kiếm 1.4 triệu USD Với Google AdSense và Facebook một cách đơn giản
Google AdSense và quảng cáo Facebook có giúp bạn kiếm ra tiền, tăng thu nhập cho một doanh nghiệp? Điều đó hoàn toàn có thể xảy ra nhé. Tôi sẽ chỉ cho bạn cách tôi đã kiếm được hơn $ 1.4...
Bootstrap Pagination Phân trang trong bootstrap
Trong bài trước, chúng ta đã tìm hiểu về bootstrap tabs và pills, giúp thu gọn một lượng lớn nội dung mà vẫn giữ được bố cục trang. Xem thêm: Bootstrap Tabs và Pills Trong bài này, chúng ta cùng tìm...