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 タイトルタグ・ディスクリプションのカスタマイズ

タイトルタグ * タイトルタグのテキストを変更する */ add_filter('document_title_parts', 'my_document_title_parts'); function my_document_title_parts($title) { if (is_home()) { $title['title'] = 'コラムの記事一覧 | Acots'; unset($title['tagli…

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 テンプレート内で最新投稿を表示

hirashimatakumi.com

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

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

KAGOYA 共有サーバにWPをインストール

アップロードファイルサイズを上げる .htaccessでもwp-config.phpでもなく.user.iniを作成してルートにアップする(アップするファイルサイズより大きくする) upload_max_filesize = 128M post_max_size = 128M memory_limit = 256M max_execution_time = 3…

gulpをプロジェクトで使う方法

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

gulp導入

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

anyenv,nodenvをMacに設定

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

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

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

sass baseサンプル fontサンプル

_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に記述する

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

WP ページ毎にmeta descriptionを変更 管理画面からディスクリプション登録

functions.phpに下記を追記します。 カスタムポストがある時にはadd_meta_box('my_sectionid', 'メタ設定', 'my_custom_fields', 'news-list'); //カスタムポストここをカスタムポスト名に変更します。 functions.php /** * 管理画面からディスクリプション…

VS Code ユーザースペニット登録

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

VS CODE ショートカット

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

jQuery タブ

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

jQuery 2回目以降のクリックイベントが効かない時

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

scss ファイル読み込み

@importを使用していたものを@use,@fowardに変更 ファイル読み込み @use "../foundation" as f; @use "sass:math"; 使う時:読み込み先を指定する必要がある background-color: f.$bg-room; @include f.media-pc { padding-top: f.get_vw(164, 1536); }

vs code便利機能・初期設定

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

vs codeライブビュー

https://hakoirioyaji.com/blog/live-preview-extension-for-vscode/