SEOの基本

2025/01/06 / SEOの基本

構造化データ・パンクズとFAQの合体

/body（bodyの終了タグ）より前に入れる。 パンクズとFAQの合体 ●●内を書き換え <script type="application/ld+json"> { "@context": "https://schem...

続きを読む

2024/12/15 / javascript

slick sliderで逆にすると画像が表示されなかったり途中で切れる場合

HTMLに記載 HTML側に dir="rtl" という記載が必要 <div class="slider" dir="rtl"> 　<div></div> 　<div></div> 　<div>&...

続きを読む

2024/12/13 / wordpress設計術

カテゴリーをパラメーターとして使用するtag.phpを分岐

テンプレートに記載 よく使用されるtagを表示 カテゴリースラッグのパラメーターをworks、column、その他のカテゴリーとして、それぞれのテンプレート（single.phpやcategory.php）に使用頻度の高いtagを呼び出す...

続きを読む

2024/12/09 / html+css

before・afterをcssで画像にする

HTML <p class="fvframe">テキスト</p> ::beforeと::afterのアイコン .fvframe::before { content: ' '; display: inlin...

続きを読む

2024/12/08 / wordpress設計術

wpカテゴリーcategory.phpとその子、孫カテゴリーページで同じ内容を出力

親のcategory IDが5の時 <?php if(is_category('5') || cat_is_ancestor_of(5, intval(get_query_var('cat')))): ?> カテゴリーで表示さ...

続きを読む

2024/06/22 / wordpress設計術

WPでSNSシェアボタンを手動でつける・HTML+PHPコード

X（旧twitter） <a href="https://twitter.com/share?url=<?php echo get_the_permalink();?>&text=<?php echo ge...

続きを読む

2024/06/20 / wordpress設計術

category.phpアイキャッチ優先順位

アイキャッチ画像で、投稿記事のアイキャッチが設定してあればアイキャッチ画像 無ければ投稿記事の最初の画像無ければnoimages_01.phpを表示 <?php // アイキャッチ画像があるかどうか...

続きを読む

2024/05/23 / html+css

ハンバーガーメニュー・左から出て右へ消える

HTML <div class="panelmenu"></div> CSS .panelmenu { position: fixed; z-index: 2; top: 0; left: 0...

続きを読む

2024/05/18 / wordpress設計術

contactform7 Enter・returunキーで送信させない

contactform7 Enter・returunキーで送信させない jsに記載 document.onkeydown = function (event){ if( event.target.tagName == 'INPUT'...

続きを読む

2024/05/13 / wordpress設計術

ACFを使用すると通常のカスタムフィールドが消えるので両方表示させる

add_filter('acf/settings/remove_wp_meta_box', '__return_false'); // ACFのフィールドと通常のカスタムフィールドが共存するように設定 add_action('init'...

続きを読む

2024/05/13 / wordpress設計術

wpトピックパス（パンクズ）を作成2

function custom_breadcrumb() { // パンくずリストの開始タグとホームリンク echo '<div id="topicpath"> <div id="topicpath-i...

続きを読む

2024/04/22 / wordpress設計術

Yoast SEO でtitleが出ない時にチェックするところ

Yoast SEOを入れたらheadにtitleとdescriptionを入れない。 その際にtitleが表示されない場合は下記をチェックする。 wordpressの左→Yoast SEO→設定 →一般→サイトの基本→（中央までスクロール...

続きを読む

2024/04/22 / html+css

WEBサイトが開いたときにムービーが動いている

<video id="video" webkit-playsinline playsinline autoplay loop muted src="../images/movie.mp4"> iPhone12でも動く ...

続きを読む

2024/03/20 / wordpress設計術

wordpressの記事内にショートコードでphpテンプレートを呼び出す

functions.phpに記載 function my_php_Include($params = array()) { extract(shortcode_atts(array('file' => 'default'), $p...

続きを読む

2024/03/14 / html+css

headerを固定した時のページ内リンク。Chrome、Firefox、Safari対応

headerを固定した時のページ内リンク HTML <a href="#release">ここをクリックでID releaseにページ内リンク</a> <div id="release" class="pageli...

続きを読む

2024/02/09 / html+css

都道府県一覧

HTMLで使える都道府県一覧 <select> <option value="" selected>選択してください</option> <option value="北海道">北海道</option> ...

続きを読む

2024/02/09 / wordpress設計術

Contact Form 7でチェックボックスを設置すると見入力必須項目に「入力してください。」が出る

<p class="novalidate"> [checkbox* your-check "選択肢1" "選択肢2" "選択肢3"] </p> 上記のように、class="novalidate"　で囲むと解決...

続きを読む

2023/12/08 / wordpress設計術

wordpressカスタム投稿のsingle-カスタム.phpのページナビ（ターム分類内）

カスタム投稿 newsターム cate のsingle-news.phpのページナビをタームcateに登録したカテゴリーごとに回るようにする。 <?php $taxonomies = get_object_taxonomi...

続きを読む

2023/12/07 / html+css

画像の縦横比を固定してレスポンシブHTML+CSS

HTML <span> <img src="" alt=""> </span> CSS span { padding-bottom: 66.67%; // 横3 縦2 の比...

続きを読む

2023/11/10 / EC-CUBE4

EC-CUBE4.2.2で購入者にthanksメール（購入確認メール）が届かない

Xサーバー（スタンダードプラン）に搭載したEC-CUBE4.2.2で、購入者にthanksメール（購入確認メール）が届かない ▼解決 .envファイルのデフォルトの記述 MAILER_DNS=smtp://localhost:25...

続きを読む