WordPress AMP için özel CSS dosyası çağırma

Fırat Kaya 10 Haziran 2020 21:57

Hepinize merhabalar bugün kendi blogumda AMP için özel CSS yazarken biraz araştırma yaptım ve farklı yöntemlerin olduğunu gördüm. Bu yöntemleri bir kenara bırakıp daha sade ve basit bir yöntem arayışına girdim ve anlaşılır bir kod bloğu oluşturdum.

Öncelikle bir css dosyası oluşturun ve bunu temanızındaki CSS dizinine yükleyin. Ben temamın içine /assets/libs/amp/css klasorü oluşturdum ve içine amp.min.css adında bir CSS dosyası ekledim.

Artık bu oluşturduğumuz CSS dosyasını AMP içine çağırabiliriz.

Aşağıda vermiş olduğum kodu temanızdaki functions.php içine giriniz.

function benfiratkaya_amp_css($amp_template) {
  $theme_uri = get_template_directory_uri();
  echo "@import '$theme_uri/assets/libs/amp/css/amp.min.css';";
}
add_action('amp_post_template_css', 'benfiratkaya_amp_css');

Not: Bu yöntem AMP for WordPress eklentisi için geçerlidir.

wordpress amp css ekleme wordpress amp custom css wordpress amp özel css