youtubu全幅で表示

css

<section id="home"> <div class="video-box overlay"> <div id="yt_player"></div> <div class="player-overlay"></div> </div> </section> JS footerに入れる ※mKM62XwyNjE は動画ID、入れる動画によって変えて <script> // YouTube APIの読み込み var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; v…

css ページ内リンクズレ解消

css

よくある下記でページ内リンクのズレ解消が出来ない時は要素の上に空要素を追加して非表示にする #service { display: block; visibility: hidden; width: 100%; height: 100px; } #service { padding-top: 100px; margin-top: -100px; }

WP localでエラーが出る場合

「NONCE_SALT constant is missing from the wp-config.php file」というエラーは、WordPressの設定ファイル「wp-config.php」に「NONCE_SALT」定数が含まれていないことを示しています。 このエラーは、WordPressのセキュリティを強化するために使用される…

Gogle driveでPDFから文字を抽出

pdf.wondershare.jp

WP single.phpで特定のカテゴリ除外したpagenation(サムネ付き)

<nav class="page-nav"> <div class="prev-link"> ID)) : // 前の投稿に画像があ…</div></nav>

WP 年月のアーカイブをカテゴリで絞る方法

sidebar.phpに下記を記載する $cat_slug, 'posts_per_page' => -1 ); $archive_query = new WP_Query($args); while ($archive_query…

WP 特定のページにbasic認証をつける(カスタムフィールドでパスワードを設定)

ACFでオプションページの設定 functions.php にオプションページの記載をする if( function_exists('acf_add_options_page') ) { acf_add_options_page(array( 'page_title' =&gt; 'テストオプションページ', 'menu_title' =&gt; 'テストオプションページ', …

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