埋め込んだGoogleフォームをレスポンシブに設定
Googleフォームの埋め込みコードをそのままコピーしたままだと、スマホ表示のときに横幅が切れてしまう。コードのwidthを以下に変更することで解決する。 width=100%
WordPressをカスタマイズするための備忘録
Googleフォームの埋め込みコードをそのままコピーしたままだと、スマホ表示のときに横幅が切れてしまう。コードのwidthを以下に変更することで解決する。 width=100%
ブロックエディタの標準でもっている「テーブル」の幅は、通常の設定画面だと任意で変えられないのでCSSで設定。 例えば1列目だけを幅20%にしたい時は以下。
以前は以下で対応できたが、2022年7月現在、これだけでは背景が白くなるだけだった。 .site-header {background:none;} 実際には透過できているようだが、ファーストビューのスライダー画像が上ま…
ヘッダー 右上にボタン表示 ①ブログパーツでボタンを作成②「ウィジェット」→「ヘッダー内部」に「ブロック」を挿入③ブログパーツの呼び出しコードをコピペ ハンバーガーメニュー下にボタン表示 ①ブログパーツでボタン作成②ウィ…
ヘッダー モバイルで検索ボタンを非表示 「カスタマイズ」→「詳細設定」→「モバイルのヘッダー」で「検索ボタンを非表示にする」にチェック ハンバーガーメニューが表示されないとき ※デフォルトでは表示されない 「ウィジェット…
トップページ ページタイトルを非表示 固定ページをフロントページに設定したときのタイトルを表示にする ①「カスタマイズ」→「フロントページ設定」→「記事セクション設定」 ②対象の固定ページの「テンプレート」を「フロントペ…
ほぼ必須で入れているプラグイン All-in-One WP Migration(作者: ServMask)サイトをデータベースごと移設できるバックアップとしても利用 SEO SIMPLE PACK(作者: LOOS,In…
選択肢のチェックボックスにチェックを入れると、チェッす数をカウントしてくれる仕組み※JavaScriptやjQueryを読み込まない設定のテーマ等では動きません。
手順 ①toastrライブラリーをダウンロード https://codeseven.github.io/toastr/ zip file をダウンロード ②展開してフォルダ名を toastr に変更 ③FTPで子テーマの…