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>

JS 時間差で一回だけ実行する

https://www.javadrive.jp/javascript/webpage/index4.html

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>

CSS 画像をマスクで切り抜き

css

<div class="masked"></div> .masked { width: 100px; height: 100px; background-color: #8cffa0; -webkit-mask-image: url(star.svg); mask-image: url(star.svg); mask-repeat: no-repeat; mask-position: 0 0; mask-size: 100%; } 変幻自在なグラフィック表現!CSS, SVG, Canvasで…

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

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

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

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

scssでfont sizeをcompで計算するとき

変数を#{}で囲んで使います。 font-size: clamp(10px, #{$mobile-font-size-vw * 1vw}, 20px);

役立つcssサイト

https://qiita.com/taqumo/items/7df0c4dfaca6bd6436a3

VS code PHPとSCSSのコード整形

1.scssのコード整形「Prettier』、phpのコード整形『PHP Intelephense』を入れる 2.Default Formatterに『Prettier』を選択 3.PHPファイルを開いてshit + option + fを押して、既定のフォーマットを構成する 4.構成をクリックして『PHP Intelephense』を選択…

vs code ftp接続

https://nicoiworks.com/vscode-3/ 使い方 新しいサイト作成に入ったら、sftp.jsonを作成する 「Shift + command + P」を入力して「sftpconf」で「SFTP:Config」を選択し、 sftp.jsonを作成 ファイルをアップする 「Shift + command + P」を入力して「sftpc…

比率計算

https://subarashi-tools.vercel.app/ratiocalculator

Mac nasに接続

https://kb.synology.com/ja-jp/DSM/tutorial/access_nas_from_mac

JS ふわっと表示

https://bloosh.jp/tips/4308/

WP Instagram Feed

webst8.com

FileZilla上書き設定

https://blog.imagewave.jp/post-129

css リボン

https://coliss.com/articles/build-websites/operation/css/css-ribbon-shapes.html

js チェックボックス 2段階 フィルター

html <div id="select" class="bl_selectBlock"> <div class="el_searchResult"> <span class="el_searchResult_nume js_numerator"></span>件/全<span class="el_searchResult_deno js_denominator"></span>件 </div> <div class="bl_selectBlock_wrapper"> <div class="bl_selectBlock_wrapper_wrapper"> </div></div></div>

JS関数内でthisのような値

https://qiita.com/watarunto006/items/1375bc7e6312f65d635b

複数を同時にスクール

https://qiita.com/R-Az/items/7a1c5cc1c3d5ed355be7

ワードプレス バージョンとらPHPの確認

https://www.onamae.com/column/wordpress/53/#

ワードプレスバックアップ

https://takuweb1.com/2019/10/25/filezilla-backup/

cssで文章が長くなった時の省略

https://zenn.dev/halu/articles/cc3d6e51e4fe88

jQuery リセットボタン

https://www.webantena.net/javascriptjquery/jquery-clearform-button/

ラジオボタンの値取得

https://www.ipentec.com/document/javascript-jquery-get-radiobutton-value

ラジオボタンチェックしたら表示

https://www.torat.jp/css-radiobotton

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

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