WEB TIPS～ホームページ制作の覚え書き

CSS

HTMLのrubyがイマイチと感じた時にCSSでフリガナを付ける方法

2023年1月24日

htmlにrubyってのがありますよね。漢字にフリガナを振ったりするアレです。でも、こいつがなかなかイマイチなやつで。。最近…つづきを読む

WordPress カスタマイズ

ワードプレスの管理画面メニューのラベルテキストを変更する方法

2022年6月13日

ワードプレスサイトを制作しているとカスタマイズする事も少なくない管理画面サイドメニュー。今回はラベルテキストを変更していきます。…つづきを読む

WordPress テンプレートタグ/関数

【初心者向け・目的別】ワードプレスでURLやパスを取得する関数まとめ

2022年5月24日

WordPressのテンプレートをいじっていると使用する事の多い、URLや各ディレクトリまでのパスを取得するためのワードプレス独…つづきを読む

WordPress プラグイン MW WP Form

MW WP Formで郵便番号から住所を自動入力させる方法

2022年5月18日

今回はMW WP Formで作成したフォームの郵便番号を入力した時に住所を自動入力させる方法です。ご紹介する方法ではYubi…つづきを読む

WordPress プラグイン MW WP Form

MW WP Formで動的にフォームのデフォルト値を設定する方法

2022年5月17日

今回は、前回に引き続きMW WP Formのカスタマイズについてです。デフォルト値はフォーム作成画面で簡単に指定できますが、…つづきを読む

WordPress プラグイン MW WP Form

MW WP Formのセレクトボックス・チェックボックス・ラジオボタンを動的に設定する方法

2022年5月16日

さて今回は、ワードプレスのメールフォームプラグインMW WP Formについて。セレクトボックス・チェックボックス・ラジオボ…つづきを読む

Diary

掛け算・九九の練習用ミニゲーム（ブラウザアプリ）をリリースしました

2022年5月13日

掛け算の基本「九九」の練習用のミニゲーム（ブラウザアプリ）をリリースしました。ダウンロード不要でプレイできますので、九九の勉強中…つづきを読む

WordPress エディター WordPress カスタマイズ

ブロックエディタ（Gutenberg）の編集画面にeditor-style.cssを読み込ませる方法【WordPress】

2021年8月13日

以前にワードプレスの旧エディタ向けのeditor-style.cssの設置・適用方法の記事を書いたことがありました。私も毎回忘れ…つづきを読む

WordPress プラグイン Bogo

Bogoでワードプレスサイトを多言語対応してみた私の個人的な感想とレビュー

2021年7月1日

久しぶりの記事になりますが、今回はワードプレスの多言語化プラグイン”Bogo”について。使ってみた感想や良いところ悪いところ…つづきを読む

WordPress プラグイン BuddyPress

新規ユーザー登録後に何かする方法【BuddyPress】

2021年2月2日

前回につづき、BuddyPressのカスタマイズについての記事です。今回は、BuddyPressの会員登録後（新規ユーザー作…つづきを読む

WordPress プラグイン BuddyPress

友達ユーザーのID・フォロー中ユーザーのIDを取得する方法【BuddyPress】

2021年2月1日

今回はBuddyPressというプラグインのお話の第１回。 ”BuddyPressという…”なんて書きましたが、ワードプレスで…つづきを読む

CSS

【CSS初心者向け】均等割付を使ってテキストを両端揃えにして綺麗にみせるサンプルコード

和文におすすめのtext-align : justifyを使った両端揃えにして綺麗にみせるサンプルコード

2020年12月25日

今回は、細かいけどサイトの印象を大きく左右するポイントのうちの１つ「テキストの端っこを綺麗に揃える」方法です。text-alig…つづきを読む

WordPress カスタマイズ

ワードプレスで管理画面やログイン画面にもファビコン・サイトアイコンを設定する方法

2020年12月10日

ワードプレスで、ファビコンや各種サイトアイコンを設定する際、いつもheader.phpに直書きしてしまいたくなってしまいます。 …つづきを読む

WordPress トラブルシューティング

カスタム投稿タイプのクイック編集が無効にならない時に確認してみること【ワードプレス】

2020年12月3日

ワードプレスの投稿一覧や固定ページ一覧にあるクイック編集機能。いちいち編集画面を開かずに済み便利なものです。ですがクライアント向…つづきを読む

WordPress プラグイン

旧バージョンのワードプレスやプラグインが必要になったらここでダウンロード！！

2020年10月7日

コロナウィルスの影響もあり（実際にはあまり関係ないが…）しばらく更新をサボっていました。文才が無いせいか特にネタも無いのです…つづきを読む

CSS

Flexを使用した間隔（マージン）をとった横並びレイアウトの指定方法まとめ【CSS初心者向け】

2020年5月22日

最近ではボックスの横並びレイアウトは、Flexを使用するのが一般的になってきています。いまさらな感じもする今回のタイトルです…つづきを読む

WordPress

ワードプレスで選択したカテゴリーが動いてしまって見づらい時の対処法

2020年3月23日

「動いてしまう」って、なんだかアバウトな表現をしてしまいましたが、ワードプレスの投稿や固定ページの編集画面のカテゴリーを選択した…つづきを読む

WordPress

ワードプレスのフックとは何？アクション/フィルターフックの基本を理解する

2020年3月22日

ワードプレスを使い始めて、初心者の方がすぐに引っかかるポイントの１つにアクションフックとフィルターフックという言葉があります。馴…つづきを読む

WordPress プラグイン Contact Form 7

コンタクトフォーム7でreCAPTCHA V3を導入する方法

2020年3月14日

先日、コンタクトフォーム7でreCAPTCHAを使おうとしたら、以前はあったreCAPTCHAのタグが無くなっていました。あ…つづきを読む

WordPress プラグイン Advanced Custom Fields

ACFのカスタムフィールドをクイック編集できるプラグイン「ACF Quick Edit Fields」

今回はAdvanced Custom Fieldsで作成したカスタムフィールドを、クイック編集できるようにするプラグインACF …つづきを読む

HTMLのrubyがイマイチと感じた時にCSSでフリガナを付ける方法

ワードプレスの管理画面メニューのラベルテキストを変更する方法

【初心者向け・目的別】ワードプレスでURLやパスを取得する関数まとめ

MW WP Formで郵便番号から住所を自動入力させる方法

MW WP Formで動的にフォームのデフォルト値を設定する方法

MW WP Formのセレクトボックス・チェックボックス・ラジオボタンを動的に設定する方法

掛け算・九九の練習用ミニゲーム（ブラウザアプリ）をリリースしました

ブロックエディタ（Gutenberg）の編集画面にeditor-style.cssを読み込ませる方法【WordPress】

Bogoでワードプレスサイトを多言語対応してみた私の個人的な感想とレビュー

新規ユーザー登録後に何かする方法【BuddyPress】

友達ユーザーのID・フォロー中ユーザーのIDを取得する方法【BuddyPress】

和文におすすめのtext-align : justifyを使った両端揃えにして綺麗にみせるサンプルコード

ワードプレスで管理画面やログイン画面にもファビコン・サイトアイコンを設定する方法

カスタム投稿タイプのクイック編集が無効にならない時に確認してみること【ワードプレス】

旧バージョンのワードプレスやプラグインが必要になったらここでダウンロード！！

Flexを使用した間隔（マージン）をとった横並びレイアウトの指定方法まとめ【CSS初心者向け】

ワードプレスで選択したカテゴリーが動いてしまって見づらい時の対処法

ワードプレスのフックとは何？アクション/フィルターフックの基本を理解する

コンタクトフォーム7でreCAPTCHA V3を導入する方法

ACFのカスタムフィールドをクイック編集できるプラグイン「ACF Quick Edit Fields」

記事の検索

MENU

人気の記事

Flexを使用した間隔（マージン）をとった横並びレイアウトの指定方法まとめ【CSS初心者向け】

Advanced Custom Fieldsでのチェックボックスの作成と値の利用方法【ワードプレス】

WordPressでオリジナルのeditor-style.cssを設置・適用する方法【子テーマ対応】

Advanced Custom Fieldsでラジオボタンを作成し値を出力する方法

コンタクトフォーム7で動的にデフォルト値や選択肢・送信先などを設定する方法

Advanced Custom Fieldsでセレクトボックスなどの選択肢を動的に設定する方法

ショートコードでWarning: Illegal string offsetエラーが出る時の解決策【ワードプレス】

CSSでobject-fitを使わずに特定の縦横比に画像をトリミングする方法

埋め込みグーグルマップの縦横比を固定してレスポンシブ対応にする方法

Advanced Custom Fields(ACF)でフィールドの表示位置が変更できない時の解決方法