WordPress

WP スマートスライダーの高さ変更

.n2-ss-slide-backgrounds { height: 80vw !important; }

カスタム投稿の表示

'interview', 'posts_per_page' => -1, ) ); ?> have_posts()) : ?> have_posts()) : $query->the_post(); ?> <p><a href="<?php the_permalink(); ?>"></a></p>

WP ACF PROで繰り返しの使い方

<div> <h3>メニュー</h3> <dl> <dt></dt> <dd>円</dd> </dl> </div> ACF PROの繰り返しフィールドの基本的な使い方と応用方法を紹介します | …

WP ギャラリー

WordPressでレスポンシブ対応のLightboxを追加したいときに便利なプラグイン「Responsive Lightbox & Gallery」 | webトレ

WP RSSで表示する

1つ目:Simple Pieを利用する 2行目のfeedurlには、RSSのURLを入れます。 そして、WordPressの関数、fetch_feed()に渡すことで、アイテムを取得してくれますので、ループで表示を行います。 get_item_quantit…

WP カスタム投稿 個別ページのパンクずリスト

<nav id="breadcrumbs"> <ul> <li><a href="<?php echo home_url(); ?>">HOME</a></li> <li class="separator">&nbsp;&gt;&nbsp;</li> <li> term_id, 'menu_cat', array( 'separator' => '<…</li></ul></nav>

WP ショートコードをテンプレートファイルで使う

ショートコードをWPの管理画面ではなく、phpなどのテンプレートファイルで使いときは下記を使います。 WordPress テーマの PHP テンプレート上でショートコードを呼び出す方法

WP カスタム投稿一覧にカスタムフィールド・アイキャッチ画像を表示させる

functions.phpに下記のコードを追加 // カスタム投稿の一覧にカスタムフィールドの項目を表示(商品の一覧に内容量を表示) function add_posts_columns($columns) { $columns['cf-product-vol'] = '内容量'; $columns['thumbnail'] = 'アイキャッチ'; retur…

WP form チェックボックスのチェックができない!

MW WP formでチェックボックスをしてもチェエクが入らない現象が起きました。 cssでcheckが入った時に疑似要素が入るように指定したら、 表示されるようになりました。 input[type="checkbox"] { width: 15px; height: 15px; border: solid 1px $black; posi…

WP MW WP Formエラーメッセージ変更

MW WP Formの必須項目のバリデーションメッセージを英語に変更する | スカラヴィジョン

WP ページネーション WP-PageNaviと自作

WP-PageNaviプラグイン 1.WP-PageNaviプラグインをインストール 2.ページネーションの設定 3.設定したい箇所に下記を記述 WP_Queryを使う場合 自作の場合 1.テンプレートファイル作成 2.ページネーションを読み込みたい箇所で読み込み WP-PageNaviプラグイン…

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; // …

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>

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

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

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()) ?…

WP head内でjQury読みこむならWPデフォルトのjQueryは削除

functions.phpに下記を記載 /** * デフォルトjQuery削除 */ function delete_jquery() { if (!is_admin()) { wp_deregister_script('jquery'); } } add_action('init', 'delete_jquery'); WordpressでデフォルトのjQueryを削除したいんだ! | へっぽこコーダ…

WP 記事IDからカテゴリ・タグを取得

ID); foreach ($cats as $cat) { echo $cat->name; } // タグ $tags = get_the_tags($post_obj->ID); foreach ($tags as $tag) { echo $tag->name; } ?> 記事IDからカスタムフィールドを取得したい時: main_imgというフィールドを取得したい時は、the_field(…

WP 人気記事ランキング

【2022年最新】WordPress Popular Postsの使い方・カスタマイズ方法 上記の記事を参考にしました。 ウィジェットで挿入ではなく、テンプレートに挿入する場合は挿入したい箇所に下記を記述 <aside class="archive"> <h2 class="archive_title">人気記事ランキング</h2> 'all', //集計する期間 {daily(1日), weekly(</aside>…

WP 投稿記事にテンプレートを使う

【2021年最新】TinyMCE Templatesの使い方!テンプレートを作成して記事投稿を効率化【WordPress】 - ブロガーの森 上記に従ってテンプレートを作成 テンプレートID確認 投稿画面でショートコードを選択 [template id="35"]

WP 特定カテゴリで使われているタグ一覧

タグ一覧を記述したいところに下記を記述

WP JSファイル内でget_template_directory_uri();を使う

例えば、modal.jsというjsファイル内で画像のパスを書きたいとします。 1. を変数に代入 jsコードの中でが使えないので、jsファイルの前でを変数に代入します。 <script> let path = '<?= get_template_directory_uri(); ?>'; </script>

WP キャッシュしたくないページのheadに記述する

WPでソートをランドにしたら、ブラウザによってキャッシュが強く残り、固定表示の様になってしまった時に下記をhead内に記述することで、対応できたことがあります。 head内 <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> 下記のサイトを参考にさせていただきました!感謝!! www.tagindex.com 上記で</meta></meta>…