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

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…

WP MW WP Formエラーメッセージ変更

MW WP Formの必須項目のバリデーションメッセージを英語に変更する | スカラヴィジョン

SVGアニメーション作成ツール

css

SVG Artista - SVG Drawing Animation Generator SVGアニメーションジェネレーターを使って簡単に動きをつける

ブラウザの判定jquery

ryu-ya.jp

SNSシェアボタン

tech.arms-soft.co.jp

iframeがAndroidだけ崩れる時の対応

高さではなく、paddingで調整する! 親要素に position: relative; padding: calc(200 / 355 * 100%) 0 0; //padding-topに(高さ/幅*100%) 子要素(iframe)に position: absolute; top: 0; left: 0; width: 100%; height: 100%; アイフレームをスマホ対応さ…

SVGで円のラインをCSSアニメーションする

togetoge.work

計測タグの通信ができるかを検証ツールで確認する方法

計測タグ確認ツール4つと使い分けを徹底紹介 | アユダンテ株式会社

デスクトップのリキッドをjsで対応する方法(windowサイズで可変する)

賢明な方法ではないのですが、cssでbodyをトランスフォームします。 1.bodyにid="body"を記述 2.cssでどの画面幅でも表示させたいwidthを設定、height、transform を設定 css @media screen and (min-width: 768px) and (max-width: 1280px){ html{ margin-t…

WP ページネーション WP-PageNaviと自作

WP-PageNaviプラグイン 1.WP-PageNaviプラグインをインストール 2.ページネーションの設定 3.設定したい箇所に下記を記述 WP_Queryを使う場合 自作の場合 1.テンプレートファイル作成 2.ページネーションを読み込みたい箇所で読み込み WP-PageNaviプラグイン…

タブの中でページネーション(js プラグイン:

github.com 前後ボタンはdisableクラスがつくので、cssで制御する publish; if ($custom_posts > 2) : //2ページ目からページネーションが出現するように ?> <script> $(".tabs").tabpager({ items: 2, contents: 'study-list', //time: 300, previous: '', next: '…

WP テーマ作成手順

themesフォルダ内に作成したいテーマフォルダを作成 style.cssを作成(必須) /* Theme Name: BISTRO CALME Theme URI: http://example.com Description: BISTRO CALMEのテーマです。 Version: 1.0 Author: Nakashima Author URI: https://gihyo.jp */ index…

WP 投稿一覧ページ

投稿一覧ページを表示させる functions.phpで一覧ページのslug名を設定すると/slug/でリンク可能になる。 // 投稿のアーカイブページを作成する function post_has_archive($args, $post_type) { if ('post' == $post_type) { $args['rewrite'] = true; // …

js ページ上部へ戻るボタン

html <div class="scroll-top"> <button id="scroll-top"></button> </div> css /*=================================================================== フッター ===================================================================*/ .scroll-top #scroll-top { position: fixed; bottom: 10px; right: 10px; backgrou…

WP ページタイトル関数

ページタイトルの主な関数 the_title():ループの中で現在のページタイトルを表示 get_the_title():指定ページのタイトルを取得(ID指定無しの場合は現在のページ) the_archive_title():現在のアーカイブタイトルを表示 get_the_archive_title():現在の…

WP メガメニューMax Mega Menu

Max Mega Menuをインストール メニューからの設定 メニュー画面のEnableにチェックを入れて、設定可能に変更する メガメニューにしたい箇所はMega Menuをクリック クリックしてレイアウト設定やアイコン等の設定をする ※Mega MenuのEnableにチェックが外れて…

WP ナビゲーション

ナビゲーション有効化 functions.php // 外観 > メニュー有効化 function register_menu() { register_nav_menus( array( 'header_menu' => 'ヘッダーナビ', 'footer_menu' => 'フッターナビ', ) ); } add_action('after_setup_theme', 'register_menu'); 管…

WP 検索フォーム設置

デフォルトのサイト内検索フォーム設置 自作の検索フォームを設置する場合 1.searchform.phpを作成 最低限のルール formのmethod属性はGET action属性はWPのホームURL name属性がsのinputとlabelを用意 <form role="search" method="get" id="searchform" class="searchform" action="<?php echo home_url(); ?>"> <div> </div></form>

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…