1.0.7

Author: opera7133

css/prism.css

@@ -1,8 +1,46 @@
 <footer class="footer">
     <script src="<?php echo get_template_directory_uri(); ?>/js/control.js"></script>
+    <script src="<?php echo get_template_directory_uri(); ?>/js/clipboard.min.js"></script>
     <script src="<?php echo get_template_directory_uri(); ?>/js/sweetalert2.min.js"></script>
     <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sweetalert2.min.css">
     <script>
+        <?php if (get_theme_mod("or_ads_id")): ?>
+        (function(window, document) {
+            function main() {
+                var ad = document.createElement('script');
+                ad.async = true;
+                ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=<?php echo get_theme_mod(
+                    "or_ads_id"
+                ); ?>';
+                ad.crossOrigin = "anonymous"
+                var sc = document.getElementsByTagName('script')[0];
+                sc.parentNode.insertBefore(ad, sc);
+            }
+
+            var lazyLoad = false;
+            function onLazyLoad() {
+                if (lazyLoad === false) {
+                lazyLoad = true;
+                window.removeEventListener('scroll', onLazyLoad);
+                window.removeEventListener('mousemove', onLazyLoad);
+                window.removeEventListener('mousedown', onLazyLoad);
+                window.removeEventListener('touchstart', onLazyLoad);
+                window.removeEventListener('keydown', onLazyLoad);
+                main();
+                }
+            }
+            window.addEventListener('scroll', onLazyLoad);
+            window.addEventListener('mousemove', onLazyLoad);
+            window.addEventListener('mousedown', onLazyLoad);
+            window.addEventListener('touchstart', onLazyLoad);
+            window.addEventListener('keydown', onLazyLoad);
+            window.addEventListener('load', function() {
+                if (window.pageYOffset) {
+                onLazyLoad();
+                window.setTimeout(onLazyLoad,3000)
+                }
+            });
+            })(window, document);
         function toggleNav() {
             var a = document.getElementById('hamburgerbtn'),
                 b = document.getElementById('overlay'),
@@ -13,9 +51,8 @@ function toggleNav() {
                 c.classList.toggle('scroll-lock');
             });
         }
+        <?php endif; ?>
         toggleNav();
-        hljs.initHighlightingOnLoad();
-        hljs.initLineNumbersOnLoad();
         new ClipboardJS('.url');
         function OnClickURL() {
             Swal.fire({
@@ -27,9 +64,9 @@ function OnClickURL() {
         }
     </script>
     <div>
-        <p>CopyRight &copy; <?php echo date('Y'); ?> <a href="<?php bloginfo(
-     'url'
- ); ?>"><?php bloginfo('name'); ?></a>.</p>
+        <p>CopyRight &copy; <?php echo date("Y"); ?> <a href="<?php bloginfo(
+     "url"
+ ); ?>"><?php bloginfo("name"); ?></a>.</p>
     </div>
 </footer>
 </body>

footer.php

@@ -11,6 +11,7 @@ function or_setup()
 add_action("after_setup_theme", "or_setup");
 
 include "inc/customizer.php";
+include "inc/toc.php";
 
 // SVG対応
 function custom_mime_types($mimes)

functions.php

@@ -9,23 +9,25 @@
     <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css" />
     <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/icon.css" />
     <?php if (is_front_page() || is_home()): ?>
-    <title><?php bloginfo('name'); ?></title>
+    <title><?php bloginfo("name"); ?></title>
     <?php elseif (is_singular()): ?>
-    <title><?php the_title(); ?> | <?php bloginfo('name'); ?></title>
+    <title><?php the_title(); ?> | <?php bloginfo("name"); ?></title>
     <?php elseif (is_category() || is_tag()): ?>
-    <title><?php single_cat_title(); ?> | <?php bloginfo('name'); ?></title>
+    <title><?php single_cat_title(); ?> | <?php bloginfo("name"); ?></title>
     <?php else: ?>
-    <title><?php the_title(); ?> | <?php bloginfo('name'); ?></title>
+    <title><?php the_title(); ?> | <?php bloginfo("name"); ?></title>
     <?php endif; ?>  
-    <?php if (get_theme_mod('or_main_design_googlefonts')): ?>
+    <?php
+    if (get_theme_mod("or_main_design_googlefonts")): ?>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=<?php
-    $values = get_theme_mod('or_main_design_googlefonts');
-    echo str_replace(',', ':wght@400;700&', $values . ',');
+    $values = get_theme_mod("or_main_design_googlefonts");
+    echo str_replace(",", ":wght@400;700&", $values . ",");
     ?>display=swap" rel="stylesheet">
-    <?php endif; ?>
-    <?php wp_head(); ?>
+    <?php endif;
+    wp_head();
+    ?>
 </head>
 
 <body>
@@ -38,14 +40,14 @@
                 echo '<a href="' .
                     home_url() .
                     '" rel="home">' .
-                    get_bloginfo('name') .
-                    '</a>';
+                    get_bloginfo("name") .
+                    "</a>";
             }
             ?> 
         </h2>
         <?php
         $args = [
-            'container' => false,
+            "container" => false,
         ];
         wp_nav_menu($args);
         ?>

header.php

@@ -4,7 +4,7 @@ function or_customize($wp_customize)
     include "control.php";
     $wp_customize->add_panel("or_design", [
         "title" => "デザイン",
-        "priority" => 300,
+        "priority" => 700,
     ]);
 
     // 全体
@@ -195,6 +195,15 @@ function or_customize($wp_customize)
         ])
     );
 
+    $wp_customize->add_setting("or_single_design_toc");
+    $wp_customize->add_control(
+        new WP_Customize_Control($wp_customize, "or_single_design_toc", [
+            "label" => "目次を表示しない",
+            "section" => "or_single_design",
+            "type" => "checkbox",
+        ])
+    );
+
     $wp_customize->add_section("or_mobile_design", [
         "title" => "モバイル",
         "panel" => "or_design",
@@ -280,7 +289,7 @@ function or_customize($wp_customize)
     // SNS
     $wp_customize->add_section("or_sns", [
         "title" => "SNS",
-        "priority" => 400,
+        "priority" => 750,
     ]);
 
     $wp_customize->add_setting("or_sns_services");
@@ -324,14 +333,23 @@ function or_customize($wp_customize)
     // 広告
     $wp_customize->add_section("or_ads", [
         "title" => "広告",
-        "priority" => 500,
+        "priority" => 800,
     ]);
 
+    $wp_customize->add_setting("or_ads_id");
+    $wp_customize->add_control(
+        new WP_Customize_Control($wp_customize, "or_ads_id", [
+            "label" => "サイト運営者ID",
+            "description" => "例：ca-pub-0000000000000000",
+            "section" => "or_ads",
+        ])
+    );
+
     $wp_customize->add_setting("or_ads_display");
     $wp_customize->add_control(
         new WP_Customize_Control($wp_customize, "or_ads_display", [
             "label" => "ディスプレイ広告",
-            "description" => "実装予定",
+            "description" => "例：<ins>...</ins>",
             "section" => "or_ads",
             "type" => "textarea",
         ])
@@ -345,10 +363,12 @@ function or_customize($wp_customize)
             [
                 "section" => "or_ads",
                 "label" => "配置箇所",
-                "description" => "広告の配置場所を選択（実装予定）",
+                "description" => "ディスプレイ広告の配置場所を選択",
                 "choices" => [
-                    "article_top" => "記事本文上",
-                    "article_bottom" => "記事本文下",
+                    "single_top" => "記事本文上",
+                    "single_bottom" => "記事本文下",
+                    "page_top" => "固定ページ本文上",
+                    "page_bottom" => "固定ページ本文下",
                 ],
             ]
         )
@@ -358,17 +378,29 @@ function or_customize($wp_customize)
     $wp_customize->add_control(
         new WP_Customize_Control($wp_customize, "or_ads_infeed", [
             "label" => "インフィード広告",
-            "description" => "実装予定",
+            "description" => "例：<ins>...</ins>",
             "section" => "or_ads",
             "type" => "textarea",
         ])
     );
 
-    $wp_customize->add_setting("or_ads_infeed_counts");
+    $wp_customize->add_setting("or_ads_infeed_counts", [
+        "default" => 3,
+    ]);
     $wp_customize->add_control(
         new WP_Customize_Control($wp_customize, "or_ads_infeed_counts", [
             "label" => "表示間隔",
-            "description" => "実装予定",
+            "section" => "or_ads",
+            "type" => "number",
+        ])
+    );
+    $wp_customize->add_setting("or_ads_infeed_max", [
+        "default" => 3,
+    ]);
+    $wp_customize->add_control(
+        new WP_Customize_Control($wp_customize, "or_ads_infeed_max", [
+            "label" => "最大表示数",
+            "description" => "1ページの最大表示数",
             "section" => "or_ads",
             "type" => "number",
         ])
@@ -401,6 +433,9 @@ function theme_customize_css()
   color: <?php echo get_theme_mod("or_header_design_color"); ?>;
   <?php endif; ?>
 }
+header nav .mobile span {
+  background: <?php echo get_theme_mod("or_header_design_bgcolor"); ?>;
+}
 footer.footer {
     <?php if (get_theme_mod("or_footer_design_bgcolor")): ?>
   background-color: <?php echo get_theme_mod("or_footer_design_bgcolor"); ?>;
@@ -433,6 +468,11 @@ function theme_customize_css()
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 <?php endif; ?>
+<?php if (get_theme_mod("or_single_design_toc")): ?>
+.content.article .toc {
+  display: none;
+}
+<?php endif; ?>
 <?php if (get_theme_mod("or_mobile_design_sidebar")): ?>
 .sidebar {
     display: none;

inc/customizer.php

@@ -0,0 +1,78 @@
+<?php
+function add_index($content)
+{
+    if (is_single()) {
+        $pattern = "/<h[1-6].*?>(.+?)<\/h[1-6]>/s";
+        preg_match_all($pattern, $content, $elements, PREG_SET_ORDER);
+
+        if (count($elements) >= 1) {
+            $toc = "";
+            $currentlevel = 0;
+            $i = 1;
+
+            foreach ($elements as $element) {
+                $regex = "/" . preg_quote($element[0], "/") . "/su";
+                preg_match(
+                    '/<(h[1-6] id="(.*)?")>(.+)?<\/(h[1-6])>/s',
+                    $element[0],
+                    $id
+                );
+
+                $id[2] = empty($id[2]) ? "chapter-" . $i : $id;
+
+                if (strpos($element[0], "<h2") !== false) {
+                    $level = 1;
+                } elseif (strpos($element[0], "<h3") !== false) {
+                    $level = 2;
+                } elseif (strpos($element[0], "<h4") !== false) {
+                    $level = 3;
+                } elseif (strpos($element[0], "<h5") !== false) {
+                    $level = 4;
+                } elseif (strpos($element[0], "<h6") !== false) {
+                    $level = 5;
+                }
+
+                while ($currentlevel < $level) {
+                    if (0 === $currentlevel) {
+                        $toc .= '<ol class="toc__list">';
+                    } else {
+                        $toc .= '<ol class="toc__list_child">';
+                    }
+                    $currentlevel++;
+                }
+
+                while ($currentlevel > $level) {
+                    $toc .= "</li></ol>";
+                    $currentlevel--;
+                }
+
+                $toc .=
+                    '<li class="toc__item"><a href="#' .
+                    $id[2] .
+                    '" class="toc__link">' .
+                    $element[1] .
+                    "</a>";
+                $i++;
+            }
+
+            while ($currentlevel > 0) {
+                $toc .= "</li></ol>";
+                $currentlevel--;
+            }
+
+            $index =
+                '<details class="toc" open><summary class="toc__title">目次</summary>' .
+                $toc .
+                "</details>";
+            $h2 = "/<h2.*?>/i";
+
+            if (preg_match($h2, $content, $h2s)) {
+                $content = preg_replace($h2, $index . $h2s[0], $content, 1);
+            }
+        }
+    }
+    return $content;
+}
+if (!get_theme_mod("or_single_design_toc")):
+    add_filter("the_content", "add_index");
+endif;