日にち選択のみでフォーム入力に遷移したい カレンダーを作成 スケジュールタブで週間スケジュールテンプレートで曜日ごとに設定をする（この時に予約受付の終了時間を1440前にすると１枠になる） ゲストタブの機能をオフするか、削除 テストメールを送る時…

斜め背景はCSSのclip-pathで簡単に作れる - YCOMのホームページの制作・運営に役立つブログ

WPのTOPページは表示されるのに、下層ページが表示されない時の対処法 .htaccessの記述が正しくない時によく起こりますので、.htaccessを書き直します。 wp-adminフォルダ、wp-contentフォルダ、wp-includesフォルダと同じ階層にある.htaccessを開きます。 …

js /*=================================================================== タイトル英字にspanタグを設定 ===================================================================*/ $(document).ready(function () { // 文字列へのspan設定 $(".js-split"…

WPでクラスが○○だったらをよく使うので覚えておこうと思います。 <ul class="modal__list <?= $class_name ?>"> <li class="tab <?= $class_name ?>"></li></ul>

ACFにテーブルのフィールドタイプを追加できる便利プラグイン：Advanced Custom Fields: Table Fieldをインストールする tdに改行を挿入したい場合 nl2br関数が使えます。 <tr> <td></td> <td></td> //→より安全 </tr>``` なお、rowspan、colspanは無料版では出来ないみたい…

functions.phpに下記を記載して、使用したい箇所にの代わりにを記載する /*-------------------------------------------*/ /* the_category をカテゴリ毎にクラス付与 */ /* 使用する箇所にの代わりにを記載 */ /*----------------------------------------…

jsライブラリ「ajaxzip3」を設置 head内に下記を記載 <script src="https://ajaxzip3.github.io/ajaxzip3.js"></script> function.phpに下記を記載 function my_script_init() { wp_enqueue_script( 'ajaxzip3', get_stylesheet_directory_uri() . '/js/ajaxzip3.js', array(), '0.51', true ); wp_enqueue_script( 'my', ge…

.office { &__list { @include flex_box(); justify-content: space-between; li { @include w_percent(24); @include box-shadow(); @include padding-all(20); background-color: rgba(#ffffe6, 0.3); display: flex; // ★ flex-direction: column; // ★ .…

パスワードをかけたいページでパスワード公開にする テンプレートファイルでパスワードを求める表示・コンテンツ表示の条件分岐をする ID)) : ?> コンテンツ functions.phpにパスワードを求めるフォームを記載 /*---------------------------------------…

[select address_01 "北海道" "青森県" "岩手県" "宮城県" "秋田県" "山形県" "福島県" "茨城県" "栃木県" "群馬県" "埼玉県" "千葉県" "東京都" "神奈川県" "新潟県" "富山県" "石川県" "福井県" "山梨県" "長野県" "岐阜県" "静岡県" "愛知県" "三重県" "…

プロジェクト作成 ・プロジェクトタイプ：スライダー ・スライダータイプ：カルーセル ・全体幅・高さを設定、レイアウトは『Boxed』、slide Widthで各アイテムの幅高さ指定 各アイテムにリンク画像設定（ライトボックス） ・各アイテムの編集でコンテンツタ…

固定ページのIDを取得し、the_fieldで指定する ID; ?> フロントページの場合

WordPress固定ページ編集画面のコンテンツエディターを非表示にする方法 すべての固定ページ編集画面 コンテンツエディターを非表示にするには、テーマのfanctions.phpに以下のように記述します。 add_filter('use_block_editor_for_post',function($use_blo…

複数のカスタム投稿があり、一覧を作りたい時にarchiveで使う条件分岐 現在の投稿タイプが"chairman"かどうか 下記の記事を参考にさせて頂きました。 カスタム投稿タイプで使えるの条件分岐 #WordPress - Qiita

wp-content/uploadディレクトリまでのパスを取得する方法 画像を使いまわす際に、wp-content/uploadフォルダに画像を入れておいた方が、テーマフォルダに画像を入れておくよりも管理が楽だったりします。 その際、画像のURLをベタ打ちするよりも、下記のよう…

1.確認画面を固定ページで作成 2.問い合わせのアクションのリダイレクトを確認画面に変更 3.「Contact Form 7 Multi-Step Forms（プラグイン）」をインストール 4.問い合わせの複製をして、確認画面用のフォームを作成 5.ショートコードを確認画面に貼り付け…

html <div class="shutter"> <span class="logo"> <img src='<?php echo get_template_directory_uri(); ?>/img/mark.svg' alt=''> </span> </div> scss //------------------------------------------------------------------- // オープンシャッター //------------------------------------------------------------------- .shu…

$(function() { $('.js-inview').on('inview', function(event, isInView) { if (isInView) { $(this).find('li').each(function(i) { $(this).delay(100 * i).queue(function() { $(this).addClass('js-showed ').dequeue(); }); }); } }); }); qiita.com

switch.am

.f-news { &__list { height: 500px; overflow-y: scroll; &::-webkit-scrollbar-thumb { background: #82c582; border-radius: 8px; border-right: 4px solid transparent; /* 透明なボーダーをつける */ border-left: 4px solid transparent; /* 透明なボ…

PDF Image GeneratorプラグインをインストールしてUP 下記から最新をダウンロード PDF Image Generator – WordPress plugin | WordPress.org ACFのファイルの戻り値は配列で設定をします テンプレートファイルに記述 'lunch_post', 'posts_per_page' => 1, …

'lunch_post', 'posts_per_page' => -1, 'order' => 'DESC', 'tax_query' => array( array( 'taxonomy' => 'lunch_cat', 'terms' => array('kashinomi'), 'field' => 'slug' ), ), ); $the_query = new WP_Query($args); ?> have_posts()) : while ($the_qu…

線の幅を変更する - Illustratorの操作方法・使い方 | iPentec

一度、get_sub_field()でショートコードを取得し、echo do_shortcode($s);で表示させる

https://codepen.io/namho/pen/jEaXra

html <section id="home"> <div class="video-box overlay"> <div id="yt_player"></div> <div class="player-overlay"></div> </div> </section> youtube 動画ID確認 動画ID URLからの場合 youtubeの動画IDは埋め込みたい動画のURLのwatch?v=の後ろから&t=4sまでの数字です。埋め込みのURLとかじゃないので注意です。 watch?v=の後ろから&t=4sの前まで https://www.youtube.com/watch?v=Scxs7…

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

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

pdf.wondershare.jp