add amp

2024-06-16 20:33:37 +03:00
parent 5896a8d1c6
commit d7584deff0
3 changed files with 60 additions and 0 deletions
--- a/amp.css
+++ b/amp.css
@@ -0,0 +1,7 @@
+body {
+    font-family: Arial, sans-serif;
+    padding: 20px;
+}
+h1 {
+    color: #333;
+}
--- a/functions.php
+++ b/functions.php
@@ -988,3 +988,17 @@ function adddr_hash(){

 }

+
+// Пример замены изображений на AMP-изображения в контенте поста
+function convert_images_to_amp($content) {
+    if (function_exists('is_amp_endpoint') && is_amp_endpoint()) {
+        $content = preg_replace(
+            '/<img(.*?)src="(.*?)"(.*?)>/i',
+            '<amp-img$1src="$2"$3 layout="responsive" width="600" height="400"></amp-img>',
+            $content
+        );
+    }
+    return $content;
+}
+add_filter('the_content', 'convert_images_to_amp');
+
--- a/single-amp.php
+++ b/single-amp.php
@@ -0,0 +1,39 @@
+<?php
+// Включение стилей AMP
+function theme_amp_styles() {
+    wp_enqueue_style('theme-amp-style', get_template_directory_uri() . '/amp.css');
+}
+add_action('amp_post_template_css', 'theme_amp_styles');
+
+// Начало AMP страницы
+?>
+<!doctype html>
+<html amp>
+<head>
+    <meta charset="utf-8">
+    <script async src="https://cdn.ampproject.org/v0.js"></script>
+    <title><?php the_title(); ?></title>
+    <link rel="canonical" href="<?php echo esc_url(get_permalink()); ?>">
+    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+    <style amp-custom>
+        <?php 
+        // Включение стилей из amp.css
+        readfile(get_template_directory() . '/amp.css'); 
+        ?>
+    </style>
+</head>
+<body>
+    <article>
+        <header>
+            <h1><?php the_title(); ?></h1>
+        </header>
+        <div>
+            <?php
+            while (have_posts()) : the_post();
+                the_content();
+            endwhile;
+            ?>
+        </div>
+    </article>
+</body>
+</html>