jQuery 領域外をクリックしてクラス削除

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…

scss 設計サンプル

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

クッキー使用導入

https://itblogger-note.blogspot.com/2021/06/cookie-consent-popup.html?m=1

jQuery 多階層メニュー

https://b-moon.net/slide-down-and-aaccordion-menu/

WP カテゴリにアイキャッチ カスタムフィールド

https://ryunosuke1.com/category-eye-catch/

WP カテゴリ一覧 親のみ、特定カテゴリ複数削除

'name', 'parent' => 0, //第一階層 'exclude' => array(8,9), // '8,9'でもよい ); $categories = get_categories( $args ); foreach ( $categories as $category ) { echo '<a href="' . get_category_link( $category->term_id ) . '">' . $category->name . '</a><br/>'; } ?> 参考は下記 【WP】親カテ…</br/>

WP 投稿編集画面で不要な項目削除

https://hirashimatakumi.com/blog/4341.html/amp

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

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

WP 口コミを固定ページに設定

https://tcd-theme.com/2021/12/site-reviews.html

WP 月別アーカイブ 合計表示

https://recooord.org/wordpress-archives-month/

WP 投稿数が多い順

https://hacknote.jp/archives/5622/

WP タームの取得

https://hirashimatakumi.com/blog/164.html/amp

WP 投稿画面の項目を必須にしたり注釈のテキストを入れたりする。

https://qiita.com/a_ChAn/items/c9b500b8e9afdf249310

Github リポジトリの複製 フォーク

git

GitHubはリポジトリを複製するフォークという機能があります。 フォークを活用することで、複製元となるオリジナルのリポジトリに影響なく、ファイル変更できます。 一般的には共同開発をしたいリポジトリをフォークし、フォークした先で変更を加えた後、 最…

Git Hubに公開鍵を設定

git

SSH Keyを作成 1. SSH Keyを生成する $ ssh-keygen -t ed25519 -C "メールアドレス" -t : 鍵の種類を選択。安全面と性能面で最強なEd25519アルゴリズム -c:コメントを指定 実行結果 Generating public/private ed25519 key pair. Enter file in which to sav…

Git 管理しないファイルを設定 .gitignore

git

Gitで管理すべきでないファイル 自動生成されるファイル ログファイル パッケージファイル バックアップファイル OSのファイル Windowsの Thumbs.db macOSの.DS_Store Dreamweaverを利用しているとできる_notesフォルダ(生成されたフォルダを削除する方法は…

Git ファイルとステージングリアへの登録の両方を削除するgit rmコマンド

git

1.ファイル削除する git rm (フォルダ削除は git rm -r フォルダ名) $ git rm remove.txt rm 'remove.txt' 2.状態を確認 git status $ git status On branch master Changes to be committed: (use "git restore --staged <file>..." to unstage) deleted: remove.</file>…

ローカルリポジトリでの操作の取り消し git checkoutとgit reset

git

ファイルの変更を取り消す(直前のコミットの状態に戻る) git checkout ファイルを変更 git statusで確認するとworking treeにmodified(変更済み) ファイルが出る git checkoutコマンドでワークツリーの変更を取り消す(ファイルは直前のコミットの状態に…

Git 利用するエディターを指定・ファイル編集(コマンドライン)

git

VS codeをコマンドラインから呼び出せるように設定 VS code立ち上げる Shift + Command + P を押す 『shell』と入力 『シェルコマンド:PATH内に'code'コマンドをインストールします』をクリック Gitで使用するエディターをVS Codeに指定する $ git config -…

Git ローカルリポジトリでの操作(コマンドライン)

git

ディレクトリにローカルリポジトリ作成 $ cd ichiyasa //ディレクトリに移動 $git init //ローカルリポジトリ作成 Macの場合、コマンドの実行結果にhintが表示されることがありますが、特に操作は必要ありません。 標準のブランチ名をgit configコマンドを使…

Mac gitを最新バージョンにする

git

MacデフォルトのGitを確認する Gitは、Macにデフォルトでインストールされています。 バージョンの末尾に、(Apple Git-xxx)と付くのがMacにデフォルトで入っているGitとなります。 $ git --version git version 2.30.1 (Apple Git-130) gitのサイトで最新…

WP よく使うコードを関数にする

よく使うコードを関数にしておくと保守性が高まりますし、コードもスッキリします。 <a href="<?php the_permalink(); ?>"></a> <a href="<?php the_permalink(); ?>"></a>

WP get_permalink() the_permalink()の違い

https://thewppress.com/libraries/get-the-permalink/

WP カテゴリーに画像を追加して、そのカテゴリー画像を表示させる

カスタムフィールドでカテゴリーに画像を追加 1.カテゴリーに追加するようにする 2.フィールドの詳細を入力 カテゴリー画像を取得・表示 cat_ID; // カテゴリのIDを取得 $post_id = 'category_'. $cat_id; // カテゴリIDを付けて、category_1 の様な形にす…

スクロールすると途中で表示される「トップへ戻るボタン」

See the Pen スクロールすると途中で表示される「トップへ戻るボタン」 by seiko-takamori (@seiko-takamori) on CodePen.

WP カスタム投稿含めたループ

array('wat', 'design_lab','post'), 'posts_per_page' => 5); $news_posts = get_posts($args); if ( !empty($news_posts) ): ?> <ul> <li></li> <li></li></ul>

WP カスタム投稿含めたループ

array('wat', 'design_lab','post'), 'posts_per_page' => 5); $news_posts = get_posts($args); if ( !empty($news_posts) ): ?> <ul> <li></li> <li></li></ul>

WP 月別アーカイブにカスタム投稿も含める

functions.php /** * 月別アーカイブにカスタム投稿も含める */ function my_pre_get_posts( $query ) { if ( $query->is_month() && $query->is_main_query() ) { $query->set( 'post_type', array('post','wat','design_lab') ); } } add_action( 'pre_get…

WP カスタム投稿タイプでカテゴリーとタグを追加して一覧でも表示させる方法

296.co.jp

ワードプレス カテゴリーに画像表示

https://monochrome-design.jp/blog/357