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

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

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

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

hirashimatakumi.com

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

LocalでWP themeで使う場合 1. testテーマ作成 2.gulpfile.js, package.json, package-lock.jsonをコピー 3.各ファイル変更 gulpfile.js(browserSyncOption の proxyを変更） const browserSyncOption = { proxy: "test.local", //環境によって変更する open…

ディレクトリ作成 mkdir gulp 作成したディレクトリに移動 cd gulp package.json作成 pakage.jsonとはプロジェクト情報を記載するファイル。package.jsonを作成するコマンドはnpm initです。作成の際に質問されるので全てイエスで回答する場合は-yをつけます…

anyenv,nodenvをMacに設定するときにパスでだいぶはまった時に下記のサイトに助けられました！ 感謝です！ Mac > anyenv,nodenvをMacに設定 - Qiita

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

_base.scss @use "color" as c; @use "font" as t; //mean type // base layout variables $width_pc: 1536px; $sideMargin_pc: 80px; $width_sp: 768px; $sideMargin_sp: 20px; // tablet width $width_tab: 900; // margin size $margin_s: 40; $margin_m-…

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

ファイル → 基本設定 → ユーザースニペット 拡張子ごとに登録をしていきます。（例：scss) scss.json "media query": { "prefix": "mq", "body": [ "@include mq($1){", "\t$2", "}", ], "description": "メディアクエリポイントの設定" }, prefix: 入力する…

行コピー Alt(option) + Shift + ↓ ユーザースペニット登録はこちら

html <ul class="tab_list"> <li class="active"><a href="#"></a></li> <li><a haref="#"></a></li> <li><a haref="#"></a></li> </ul> <div class="tab_content"> <div class="ac_content active"></div> <div class="ac_content"></div> <div class="ac_content"></div> </div> js function tab() …

$('#navi li a').click(function() { $('html,body').animate({scrollTop:0}, 'fast'); }); ↑ この書き方だと２回目以降のクリックイベントが発生しない場合、下記のように記述します。 $(document).on('click', '#navi li a', function(){ $('html,body').a…

便利機能 https://skillhub.jp/blogs/235 phpの自動フォーマット shuu1104.com 上記で設定の後に下記を設定したら保存時に整形してくれるようになりました。 qiita.com

html:リンク元 <a href="<?= get_page_link( 7 ) ?>#tab2">タブ2を開いて</a> html:リンク先 <ul class="tab_list"> <li class="active" data-tab="tab1"><a id="tab1">タブ１</a></li> <li data-tab="tab2"><a id="tab2">タブ２</a></li> </ul> <div class="tab_content"> <div class="ac_content active">タブ１コンテンツ</div> </div>

特定の場所をhover（click）したら、指定の箇所に画像を表示させる（下記の参考はワードプレス用になっていますが、htmlでも同じです。） html <p class="studio"> <a class="studio_map_img" href="<?php the_permalink(); ?>" data-img="<?php the_field('studio-floor_map'); ?>"></a> </p>

下記サイトを参考に $ ssh -vT git@github.com で確認したら、 StrictHostKeyChecking ask # IdentityFile ~/.ssh/id_rsa # IdentityFile ~/.ssh/id_dsa id_rsa出ないとダメだよと言われているのかなと思い、 この名前で鍵を作り直したらいけました。 ormcat…

投稿ページで特定のカテゴリだけで記事の前後リンクを作成したい場合 previous_post_link()とnext_post_link（）を使います。 デフォルトの使い方 //前の記事リンクを取得・出力 //次の記事リンクを取得・出力 //または //前の記事リンクを取得・出力 //…

https://osyu-web.com/jquery/jquery-tab-in-tab-switching/

1.固定ページを作成 ダッシュボードから固定ページを作成して、URLスラッグ名を設定 （例：staff） 2.専用のページテンプレートを作成 page-◯◯.phpを作成 （◯◯はURLスラッグ名 例：page-staff.php） page-◯◯.php( WP_Query( $args ) でカスタム投稿slagを指…

funnctions.phpに記述していきます。 管理画面の固定ページや投稿ページからテーマフォルダ内の画像パスをショートコードで記述する ※注意点：クラシックエディターにするか（プラグイン：Classic Editor（表示オプションでスラッグを表示する））カスタムHT…

Custom Post Type UIプラグインでカスタム投稿タイプを作成 1.Custom Post Type UIの設定をする 管理画面のメニュー →『CPT UI』→『投稿タイプの追加と編集』 スラッグ名：WPデフォルトで設定されているものは設定できない(ダメな例：post,page,attachment,r…

https://junpei-sugiyama.com/slick-dot/

親セレクタのクラスが違う時にスタイルを変更したい時は、 scssのネストの外のセレクタを指定した後に、&をつける。 ※ネストの中のセレクタを指定すると、ネストの中に入ってしまうので注意！ <div> <p>文字は青色</p> </div> <div class="txt_red"> <p>文字は赤色</p> </div> <section> <p>文字は緑色</p> </section> //scss p{ color: blu…

1.Wordpressのダッシュボードの設定 設定 → 一般設定 サイトアドレス（URL）を変更（Wordpressアドレスは変更なし） 2.Wordpressをインストールしたフォルダ直下のindex.phpを編集 修正前： require DIR . '/wp-blog-header.php'; 修正後： require DIR . '/…

HTML <ul class="mainMenu"> <li>aaa</li> <li>bbb</li> <li>ccc</li> </ul> CSS .mainMenu li.active{ color: red; } JQuery $(function(){ //Mainナビ $('.mainMenu li').click(function () { $('.mainMenu li').removeClass('active'); $(this).addClass('active'); }); }); $(document).on('click', function(e…

このように出来るだけパーツ化すると良さそう