スクリプトのカスタマイズ

ロケーション：

カスタマイズしたいスクリプトを子テーマフォルダーにコピーし、テーマエディター等を利用して編集して下さい。編集結果を元に戻すには、コピーしたファイルを削除して下さい。（コピーには、テーマの編集権限が必要です。子テーマを使っていない時は、コピー機能は使えません。）

注意：テーマのバージョンアップにより、コピー元のスクリプトが変更される場合があります。エラーが発生する恐れがある時は、カスタマイズされたファイルを子テーマのバックアップフォルダー（backup/）に退避させることがあります。

analytics.php .. 子テーマフォルダーにコピーファイルが存在します。
<?php #アクセス解析のカスタマイズ # up:2021.12.18 # 例）google analytics 用のコードなどをこの下に、貼り付けて下さい。 /*  <script async src="https://www.googletagmanager.com/gtag/js?id=G-C8ZNER5E5Q"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-C8ZNER5E5Q'); </script> */
append_script.php
<?php # 追加スクリプトのカスタマイズ # up:2021.12.20 //ライトボックス TODO //メニューバー TODO
category-switch.php
<?php // カテゴリー毎に記事一覧の表示内容をカスタマイズします。 if (is_category('gallery')) { // メインビジュアル：カルーセル表示 //~ $a5main_visual = '[a5short fn=swiper-carousel]'; // インデックス表示形式：ギャラリー用 $a5index_type = 'flex-gallery'; //~ } elseif (is_category('')) { //~ } elseif (is_category(['','',''])) { //~ } else { }
footer-bottom.php
<?php // フッターウィジェットエリアが空の時に以下を表示 // フットメニュー echo include('a5sc/foot-menu.php'); // コピーライト echo include('a5sc/copy-right.php'); // ビューカウンター echo include('a5sc/view-counter.php');
footer.php
<?php // フッターウィジェットエリアが空の時に以下を表示 // フットメニュー echo include('a5sc/foot-menu.php'); // コピーライト echo include('a5sc/copy-right.php'); // ビューカウンター echo include('a5sc/view-counter.php');
header-bottom.php
<?php # ヘッダー下部ウィジェットエリアが空の時に表示する内容をカスタマイズします。 #up:2022.3.22 // 呼び出し元： ../header.php // メインメニュー（ヘッドメニュー） // 次行でも同じ（ウィジェットで実現する場合） // do_shortcode('[a5short fn=head-menu]'); echo include('a5sc/head-menu.php'); // メインビジュアル // 次行でも同じ（ウィジェットで実現する場合） // echo do_shortcode('[a5short fn=main_visual]'); if (! empty($a5main_visual)): ?> <div id="main-visual"> <?php $a5in_main_visual = true; echo do_shortcode($a5main_visual); $a5in_main_visual = false; ?> </div> <?php endif; // フロントページに通知メッセージを表示 // ウィジェットで実現する場合は、表示制限設定要 if (is_front_page()) { echo do_shortcode('[a5short fn=notify]'); }
header-top.php
<?php // ヘッダー上部ウィジェットエリアが空の時に表示する内容をカスタマイズします。 // 呼び出し元： ../header.php // サイトタイトルのみ // 次行でも同じ（ウィジェットで実現する場合） // do_shortcode('[a5short fn=site-title icon=reaf description=0]'); $a5short_atts = ['icon'=>'leaf','description'=>0]; echo include('a5sc/site-title.php');
home.php
<?php // 投稿ホームの表示内容をカスタマイズします。 // 呼び出し元： ../front-page.php, ../home.php // ページタイトルカスタマイズ用変数 $page_title = '新着記事一覧'; // メイントップコンテンツを指定：子テーマで！ $a5main_top_content = ''; // インデックス表示形式 // テーマ設定 > インデックス表示形式で選択して下さい。 if (! empty($a5options['index']['home'])) { // 投稿ホーム用の設定 $a5index_type = $a5options['index']['home']; } else { // サイトのデフォルト設定 $a5index_type = $a5options['index']['default']; }
htmlhead-bottom.php .. 子テーマフォルダーにコピーファイルが存在します。
<?php # html head内の後半部分のカスタマイズ用 # up:2021.12.19 //サイトアイコンのカスタマイズ /* <link rel="shortcut icon" href="/wp-content/themes/awa5next/an.ico"> */ ?> <?php //ウェブフォントのカスタマイズ /* <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&display=swap" rel="stylesheet"> <style type="text/css">html{font-family:'Noto Sans JP',sans-serif;}</style> */
htmlhead-top.php
<?php # html head内の先頭部分のカスタマイズ用 #up:2022.3.22 ?> <head prefix="<?=$a5htmlhead_prefix??''?>"> <?php // グーグルアクセス解析 include('a5part/analytics.php');?> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><?php wp_title(':',true,'right'); bloginfo('name')?></title> <meta name="description" content="<?=$a5meta_description??get_bloginfo('description');?>"> <?php //OGPの記述 echo $a5htmlhead_meta_propertis??'';
icon-font.php
<?php // 使用するアイコンフォントを選択して下さい。小テーマでのカスタマイズを推奨 //~ $a5icon_font="";//アイコンフォントを使わない //~ $a5icon_font="svg";//svgフォントを使うエディタ内はショートコードのみ $a5icon_font="icomoon-free";//アイコムーンフリーフォントを使うエディタ内でもクラス指定可 //~ $a5icon_font="google_material";//グーグルマテリアルアイコンエディタ内はショートコードのみ //アイコン描画ファンクション function a5i($id,$class='i') { global $a5icon_pattern; if(empty($id)) return; static $ids = [ 'category' => 'folder-open', 'page' => 'file-text2', 'post' => 'file-picture', 'section' => 'tree', 'links' => 'link', 'settings' => 'cog', ]; $id = $ids[$id] ?? $id; return sprintf($a5icon_pattern,$id,$class); } // 処理の分岐 if($a5icon_font=='icomoon-free'): $a5icon_style=A5_TPURI.'/icon/style.css'; $a5icon_pattern='<i class="icon-%s %s"></i>';//sprintf($a5icon_pattern,$id,$class); $a5default_menuicon='leaf';//'':デフォルトアイコンを表示しない elseif($a5icon_font=='google_material'): //参考： https://fonts.google.com/fonts $a5icon_style='https://fonts.googleapis.com/icon?family=Material+Icons'; $a5icon_pattern='<span class="material-icons %2$s">%1$s</span>'; $a5default_menuicon='';//'':デフォルトアイコンを表示しない elseif($a5icon_font=='svg'): $a5icon_style=''; $a5icon_pattern='<svg class="%2$s"><use href="'.A5_TPURI.'/i.svg#%1$s"/></svg>'; $a5default_menuicon='blog';//'':デフォルトアイコンを表示しない else: $a5icon_style=''; $a5icon_pattern=''; $a5default_menuicon='done'; endif;
light-box.php
<?php // ライトボックスを利用する場合は、 //~ return; // 以下はサンプルです。この行をコメント化するか、削除すれば有効になります。 if(!$a5in_footer): ?> <link rel="stylesheet" media="screen, projection" href="<?php echo A5_TPURI ?>/luminous/luminous-basic.css" /> <?php //cssは、ヘッダー内、スクリプトはフッター内に！ else: ?> <script src="<?php echo A5_TPURI ?>/luminous/Luminous.js"></script> <script> // ライトボックス（個別画像）.. luminous 2.3.2 var luminousImage = document.querySelectorAll(":not(.gallery-icon)>[href$='.png'],:not(.gallery-icon)>[href$='.jpg']"); luminousImage.forEach(function(image){ new Luminous(image); }); // ライトボックス（ギャラリー）.. luminous 2.3.2 var galleryItems = document.querySelectorAll(".gallery-icon>[href$='.png'],.gallery-icon>[href$='.jpg']"); new LuminousGallery( galleryItems, { arrowNavigation: true }, { caption: function(trigger){ return trigger.querySelector("img").getAttribute("alt"); } } ); </script> <?php endif;
main-bottom.php
<?php // メインボトムウィジェットエリアが空の時に表示するコンテンツ // 呼び出し元： ../header.php // メインボトムコンテンツ（仮） //~ $main_bottom = do_shortcode('[a5short fn=flex-tall-thumb.frame posts_per_page=4 tag=main-bottom]'); if (empty($main_bottom)) return; ?> <h4 class="title">メインボトムコンテンツ</h4> <?php echo $main_bottom;
main-top.php
<?php // メインボトムウィジェットエリアが空の時に表示するコンテンツ // 呼び出し元： ../header.php if (is_page('front')) { // 固定ページ（フロント）にトップニュースを表示（仮） //~ include('a5part/top-news.php'); } elseif (is_home()) { // ブログホームに３カラムの投稿グリッドを表示（仮） //~ echo do_shortcode('[a5short fn=flex-tall-medium posts_per_page=3 tag=main-top]'); } // パンくずリスト表示 $a5use_breadcrumb = true; // シングルの上部メタを非表示にする。 echo include('a5sc/breadcrumb.php');
page-children.php
<?php // 現在の固定ページの直近下位のページ一覧を表示 // 下位ページ一覧取得パラメータ $postsargs = [ 'post_type' => 'page', 'post_parent' => $post->ID, 'orderby' => 'menu_order', 'order' => 'asc', ]; if (!empty($a5restrict['page'])) { // 固定ページの閲覧制限有り // 閲覧が制限されたページを除外 $post__not_in = []; foreach ($a5restrict['page'] as $id => $restrict) { $caps = array_diff_key($a5uRoles, $restrict); if (empty($caps)) $post__not_in[] = $id; } if (!empty($post__not_in)) $postsargs['post__not_in'] = $post__not_in; } $child_entries = a5posts($postsargs, [ // 下位ページ表示形式のカスタマイズ 'class' => 'flex-wide min frame', 'image' => 'min_crop', 'date' => 'Y.n.j', 'excerpt' => 30, 'category' => 0, ]); if (empty($child_entries)) return; ?> <h2 class="title">下位ページ</h2> <?php echo $child_entries;
recaptcha-client.php
<?php // google reCAPTCHA v2 のサイトキーをセットし、子テーマにコピーして下さい。 // 必ず、a5part/recaptcha-server.php とセットで利用して下さい。 // 子テーマにコピー後、次の行をコメントアウトするか、削除して下さい。 return; $sitekey = ''; ?> <div class="g-recaptcha" data-sitekey="{$sitekey}"></div> <p style="color:red"><?php echo $errors['recaptcha'] ?></p> <br>
recaptcha-server.php
<?php // google reCAPTCHA v2 のシークレットキーをセットし、子テーマにコピーして下さい。 // 必ず、a5part/recaptcha-client.php とセットで利用して下さい。 // 子テーマにコピー後、次の行をコメントアウトするか、削除して下さい。 return; $secret = ''; if (empty($_POST["g-recaptcha-response"])) { $errors['recaptcha'] = 'ロボットで無いことを言明して下さい。'; } else { $response = $_POST["g-recaptcha-response"]; $result_json = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret={$secret}&response={$response}"); $result = json_decode($result_json, true); if (! $result['success']) exit('denied'); }
related-items.php
<?php // 現在の投稿の関連記事（同じカテゴリーに属する記事）一覧を表示します。 // 関連記事取得パラメーター $postsargs = [ 'posts_per_page' => 8, // 表示最大数 'category__in' => $catid, // 同一カテゴリー 'post__not_in' => [$post->ID], // 現在の記事を除く ]; // 関連記事の表示形式 $postargs = [ 'class' => 'flex-wide min frame', 'image' => 'min_crop', 'date' => 'Y.n.j', 'excerpt' => 30, ]; $post_entries = a5posts($postsargs, $postargs); if (empty($post_entries)) return; ?> <h2 class="title">関連記事</h2> <?php echo $post_entries;
section-children.php
<?php // 直近下位のセクション記事一覧を表示 // 直近下位の記事一覧取得 $children = a5get_section_children($current_slug); $child_entries = ''; foreach ($children as $post) { setup_postdata($post); // 表示形式のカスタマイズ $child_entries .= a5post([ 'class' => 'flex-wide min frame', 'image' => 'min_crop', 'category' => 1, 'date' => 'Y.n.j', 'excerpt' => 30, ]); } wp_reset_postdata(); if (empty($child_entries)) return; ?> <h2 class="title">下位セクション</h2> <div class="flex-wrapper"> <?php echo $child_entries ?> </div>
sidebar-bottom.php
<?php // サイドバー下部ウィジェットウィジェットエリアが空の時に以下を表示 // 新着記事一覧 echo '<h4 class="title">新着記事一覧</h4>'; echo do_shortcode('[a5short fn=post-entries]');
sidebar-middle.php
<?php // ヘッドメニューのクローンメニュー表示 // サブメニュー自動生成時以外は、1000px以上で非表示 // 以下の２行のどちらでも可、ウィジェットはshortcodeで！ //~ echo include('a5sc/head-menu-clone.php'); //~ echo do_shortcode('[a5short fn=head-menu-clone]'); ?> <nav id="menu-wrap-clone" class="menu-wrapper"> <script type="text/javascript"> let source = document.getElementById("menu-wrap-header"); if (source !== null) { document.getElementById("menu-wrap-clone").innerHTML = source.innerHTML; } </script> </nav> <?php // サイドメニュー表示 //~ echo do_shortcode('[a5short fn=side-menu]'); echo include('a5sc/side-menu.php');
sidebar-top.php
<?php // サイドバー上部ウィジェットウィジェットエリアが空の時に以下を表示 // 検索フォーム include('searchform.php');
single-page-title.php
<?php // 個別投稿ページのタイトルとフロント編集ボタン if (empty($a5use_breadcrumb)): // 上部メタデータ表示 ?> <span class="post-meta category">[カテゴリー：<?php the_category(', '); ?>]</span> <?php endif; ?> <h1 id="page-title"> <?php // 投稿タイトル echo a5i('post').$a5post_title; // 編集ボタン $authorID = get_the_author_meta('ID'); if ($post->post_type=='post' && !empty($a5options['use-frontpost']) && (isset($a5uCaps['edit_others_posts']) || // 編集者権限があるか $authorID == wp_get_current_user()->ID)) { // 又は、自分の投稿 echo '<input type="button" onclick="location.href=\'?op=editpost&postid='.$post->ID.'&author='.$authorID.'\'" value="この投稿を編集" />'; } ?> </h1>
single-prev-next-link.php
<?php // 前後投稿リンク表示 if (!isset($a5taxonomy)) $a5taxonomy = 'category'; ob_start(); previous_post_link('%link',a5i('arrow-left','i').'<span>%title</span>',true,'',$a5taxonomy); $prev = ob_get_contents(); ob_end_clean(); if (empty($prev)) $prev = a5i('arrow-left','i','color:#CCC'); ob_start(); next_post_link('%link','<span>%title</span>'.a5i('arrow-right','i r'),true,'',$a5taxonomy); $next = ob_get_contents(); ob_end_clean(); if (empty($next)) $next = a5i('arrow-right','i r','color:#CCC'); ?> <nav id="post-link" class="flex-wrapper"> <div id="prev-link" class="post-entry flex-wide min frame"><?php echo $prev; ?></div> <div id="next-link" class="post-entry flex-wide min frame"><?php echo $next; ?></div> </nav>
top-news.php
<?php // トップニュースやピックアップトピックスを表示します。 //~ $topnews = do_shortcode('[a5short fn=flex-tall-medium posts_per_page=1 tag=toopnews]'); //~ $topics = do_shortcode('[a5short fn=flex-wide-min posts_per_page=5 tag=topics]'); if (empty($topnews) || empty($topics)) return; ?> <div id="top-news" class="flex-wrapper"> <div class="flex-tall sidebar"> <h4 class="title">トップニュース</h4> <?php echo $topnews; ?> </div> <div class="flex-tall sidebar"> <h4 class="title">ピックアップ・トピックス</h4> <?php echo $topics; ?> </div> </div> <style>#top-news>*,#top-news .flex-wrapper,#top-news .flex-wrapper>*:last-child{margin-bottom:0}</style>
topbar.php
<?php // トップバーウィジェットエリアが空の時に以下を表示 // 呼び出し元： ../header.php // トップメニュー（非ログインユーザーのみ） if ($a5options['use-login-menu'] && empty($userdata)) { echo '<div id="a5topbar">'; $a5in_topbar = true; echo include('a5sc/top-menu.php'); $a5in_topbar = false; echo '</div>'; }
web-fonts.php
<?php // タイトルやメニューなどにウエブフォントを利用する場合は、 // https://fonts.google.com/ 等にアクセスし、必要なコードを取得して、貼り付けてください。 // 変更は、小テーマにコピー後行うことを推奨します。 return; // 以下はサンプルです。この行を削除すれば有効になります。 ?> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap" rel="stylesheet"> <?php // スタイルの記述は、font-family以下の部分を書き直してください。 // ウェブフォントを適用したいテキストのクラスに、a5wf を追加して下さい。 ?> <style type="text/css">.a5wf{font-family:'Noto Sans JP',sans-serif;}</style>