2023-01-01から1ヶ月間の記事一覧

WP テーマ作成手順

themesフォルダ内に作成したいテーマフォルダを作成 style.cssを作成(必須) /* Theme Name: BISTRO CALME Theme URI: http://example.com Description: BISTRO CALMEのテーマです。 Version: 1.0 Author: Nakashima Author URI: https://gihyo.jp */ index…

WP 投稿一覧ページ

投稿一覧ページを表示させる functions.phpで一覧ページのslug名を設定すると/slug/でリンク可能になる。 // 投稿のアーカイブページを作成する function post_has_archive($args, $post_type) { if ('post' == $post_type) { $args['rewrite'] = true; // …

js ページ上部へ戻るボタン

html <div class="scroll-top"> <button id="scroll-top"></button> </div> css /*=================================================================== フッター ===================================================================*/ .scroll-top #scroll-top { position: fixed; bottom: 10px; right: 10px; backgrou…

WP ページタイトル関数

ページタイトルの主な関数 the_title():ループの中で現在のページタイトルを表示 get_the_title():指定ページのタイトルを取得(ID指定無しの場合は現在のページ) the_archive_title():現在のアーカイブタイトルを表示 get_the_archive_title():現在の…

WP メガメニューMax Mega Menu

Max Mega Menuをインストール メニューからの設定 メニュー画面のEnableにチェックを入れて、設定可能に変更する メガメニューにしたい箇所はMega Menuをクリック クリックしてレイアウト設定やアイコン等の設定をする ※Mega MenuのEnableにチェックが外れて…

WP ナビゲーション

ナビゲーション有効化 functions.php // 外観 > メニュー有効化 function register_menu() { register_nav_menus( array( 'header_menu' => 'ヘッダーナビ', 'footer_menu' => 'フッターナビ', ) ); } add_action('after_setup_theme', 'register_menu'); 管…

WP 検索フォーム設置

デフォルトのサイト内検索フォーム設置 自作の検索フォームを設置する場合 1.searchform.phpを作成 最低限のルール formのmethod属性はGET action属性はWPのホームURL name属性がsのinputとlabelを用意 <form role="search" method="get" id="searchform" class="searchform" action="<?php echo home_url(); ?>"> <div> </div></form>

VSCodeを使ってAWS EC2にSSH接続

pemファイルはをユーザ配下の.sshフォルダに入れる pemファイルは鍵になることも証明書になること、両方になることも出来るファイルのこと。 VS codeでリモート接続 リモートエクスプローラーの リモート>SSHにカーソル合わせる +ボタンクリックでSSH接続…

WP カスタムフィールドSCF(繰り返し)とACF(必須)

投稿ページでカスタムフィールドを複製したい時に便利なのがスマートカスタムフィールドSCF。 SCFは必須指定ができないので、必須指定をしたい時はACF(アドバンスカスタムフィールド)を使用する。 Smart Custom Fields (SCF)の使い方 1.Smart Custom Field…

js ドロップダウンメニュー(複数)

<script> const hasChild = document.querySelectorAll('.menu-item-has-children'); const submenu = document.querySelectorAll('.sub-menu'); for (let i in hasChild) { if (hasChild[i]) { hasChild[i].addEventListener('mouseover', function() { submenu[i].…

WP all in one WP Migration extension の使い方

解凍したフォルダをwp-content/plugin/直下にフォルダごと入れる。(『all-in-one-wp-migration-multisite-extension』) WPダッシュボードからプラグインで有効化する 更新をする インポート画面でファイルサイズがunlimitになっているか確認

WP 投稿ページの関連記事から表示中の記事を除外

3, 'category' => $cats[0]->term_id, 'post__not_in' => array($post->ID) ); $posts = get_posts($args); foreach ($posts as $post) : setup_postdata($post); // 記事データの取得 ?>

WP 投稿IDからサムネイルを取得する関数

functions.php /** * 投稿IDからアイキャッチ画像のURLを取得 */ //no-img取得 define("DIRE", get_template_directory_uri()); //テンプレートディレクトリまでのURL define("NOIMG", DIRE . "/img/no_img.png"); //NoImage画像のURL //関数定義 function g…

WP Breadcrumb NavXTでリンクなしにする

Breadcrumb NavXTはパンクズリストを表示させたい箇所に下記を記述 <div class="breadcrumb"> <div class="breadcrumb__inner"> </div> </div> 本題のBreadcrumb NavXTでリンクなしにするのは 例えば、第3階層まであり、第2階層をリンクさせたくないときはfunctions.phpに下記を記述します。 functions.php ** * Breadcrumb Na…

WP タイトルタグ・ディスクリプションのカスタマイズ

タイトルタグ ディスクリプション 条件分岐で切り分け 条件で切り分けをfunctions.phpで関数作成 タイトルタグ * タイトルタグのテキストを変更する */ add_filter('document_title_parts', 'my_document_title_parts'); function my_document_title_parts($…

WP ナビメニューからURL、タイトル、スラッグを取得

object_id)->post_name; // ナビオブジェクトのIDと現在のページIDを比較 (同じならcurrentクラス付与) $current = ($menu_item->object_id == get_queried_object_id()) ?…