//titleタグをオフ
add_filter( 'aioseo_disable_title_rewrites', 'aioseo_disable_term_title_rewrites' );
function aioseo_disable_term_title_rewrites( $disabled ) {
  if ( is_singular('special') ) { 
    return true;
  }
  return false;
}

header.php で独自に

All in One SEO でタイトルを書き換えている場合は、All in One SEO のタイトルを取得して表示する

<?php
        if ( is_singular('special') ) { 
            $my_title = get_post_custom()['_aioseo_title'][0];
            if($my_title=='') {
    ?>
    <title><?php the_title() ?> | <?php bloginfo ( 'name' ); ?></title>
    <?php } else { ?>
    <title><?php echo $my_title ?></title>

    <?php
            }
        } 
    ?>

参考サイト

dubdesign.net

2023-08-10

カスタムウォーカーを使用して、カスタムメニューのsub-menuをdivで囲む

wordpress

function.php

class custom_walker_nav_menu extends Walker_Nav_Menu {
    function start_lvl(&$output, $depth = 0, $args = array()) {
        $output .= '<div class="nav-child"><ul class="nav-child-ul">';
    }
    function end_lvl(&$output, $depth = 0, $args = array()) {
        $output .= '</ul></div>';
    }
}

wp_nav_menu に以下を追加

'walker' => new custom_walker_nav_menu(),

01earth.jp

2023-07-26

カスタムメニューの階層 ul要素（.sub-menu）に独自のClass名を付けたい【カスタムウォーカークラス】

wordpress

デフォルトでは子要素、孫要素の場合もすべて sub-menu となる。
カスタムウォーカークラスを使用して独自のClass付けを行う。

functions.php

class My_Walker_Nav_Menu extends Walker_Nav_Menu {
  function start_lvl( &$output, $depth = 0, $args = array() ) {
    $indent = str_repeat("\t", $depth);
    $submenu = ( $depth > 0 ) ? 'sub-menu' : '';
    $output .= "\n$indent<ul class=\"menu-item__level sub-menu depth-$depth\">\n";
  }
}

header.php など

表示したいメニューに「''walker' => new My_Walker_Nav_Menu(),」を追加する

wp_nav_menu( array(
  'theme_location'=> 'メニュー名', 
    ''walker' => new My_Walker_Nav_Menu(),
  ));

参考サイト

カスタムウォーカークラスで、階層メニューにクラスを付ける。 – ウエブプレインズ
 【WP】カスタム Walker Nav Menus の作成 - イラ備忘録

2023-05-28

【youtube】スマホでも自動再生＆ループをさせる

jQuery

prythmworks.tokyo

HTML

<div class="main-title-wrap"></div>

jQuery

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

//iframeタグとプレイヤーを作成します
var player;
function onYouTubeIframeAPIReady() {
  player = new YT.Player('js-main-movie', { //js-main-movieはHTMLのid属性の値と同じ
    videoId: '2BkyGrx2F48',  //YouTubeの動画ID
    height: '1080',
    width: '1920',
    playerVars: {
      controls: 1,
      autoplay: 1,
      disablekb:1,
      enablejsapi: 1,
      iv_load_policy: 3,
      playsinline: 1,
      rel: 0,
      autohide:0,
    },
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });
}

//YouTube APIは↓の関数を呼び出す
function onPlayerReady(event) {
  event.target.mute();
  event.target.playVideo();
}

//プレイヤーの状態が変化するとYouTube APIは↓の関数を呼び出します
//プレイヤーが終了するとまた動画の再生をします
function onPlayerStateChange(event) {
  var ytStatus = event.target.getPlayerState();
  if (ytStatus == YT.PlayerState.ENDED) {
    player.mute();
    player.playVideo();
  }
}

制作備忘録

仕事でぶちあたった壁の備忘録です。Wordpressが多め。

「CF7 Google Sheet Connector」プラグインで連携ができない（くるくる読み込みのまま）

RSS読み込みで「media:thumbnail」と「コロン":"が入った項目」を読み込む方法【wordpress】

media:thumbnail を読み込みたい

コロン":"が入った項目を読み込みたい

外部サイトのRSS読みはこちらの内容

【ムームーDNS×Xserver】Gmailへ送信ができなかったのでSPFを追加した

XserverのサーバーパネルでSPFレコードを確認

ムームーDNSで、SPFを追加する

All in One SEO でカスタム投稿詳細の<title>タグが正常に出力されない

functions.php で

header.php で独自に

参考サイト

カスタムウォーカーを使用して、カスタムメニューのsub-menuをdivで囲む

function.php

wp_nav_menu に以下を追加

カスタムメニューの階層 ul要素（.sub-menu）に独自のClass名を付けたい【カスタムウォーカークラス】

functions.php

header.php など

参考サイト

【youtube】スマホでも自動再生＆ループをさせる

HTML

jQuery