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

CSS

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

2019年1月12日

お店や会社のアクセスマップをGoogleMapで設置するケースはとても多いと思います。個人で運営しているサイトでも、グーグルマッ…つづきを読む

CSS

CSSでセンタリングした複数行テキストの改行位置を揃えて綺麗に見せる方法

2019年1月9日

レスポンシブデザインが主流の昨今ですが、CSSでセンタリングしたテキストの改行位置って悩ましいものです。そのままだと、最後の行が…つづきを読む

WordPress プラグイン Contact Form 7

コンタクトフォーム7でフォームを判定して別々のサンクスページを表示する方法

2018年11月21日

ちょっとタイトルがわかりづらくなってしまいました。。。今回は少し前に書いた、”コンタクトフォーム7にサンクスページを追加する…つづきを読む

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

ワードプレスで外部CSSやjsの読み込みコードからtype属性を消す方法

2018年11月20日

最近は、外部CSSやjsの読み込み時にtype=”text/javascript”とか、type=”text/css”などとty…つづきを読む

WordPress プラグイン Contact Form 7

コンタクトフォーム7にサンクスページを追加する方法

2018年11月19日

言わずとしれたWordPressの人気プラグインのコンタクトフォーム7。デフォルトのままでも、お問い合わせを送信すると簡単な…つづきを読む

WordPress プラグイン Contact Form 7

コンタクトフォーム7で郵便番号から住所を自動入力させる方法

2018年11月13日

コンタクトフォーム7で一番よくやる（やれと言われる）カスタマイズの１つが、郵便番号からの住所自動入力ではないかと思います。前…つづきを読む

WordPress プラグイン Contact Form 7

コンタクトフォーム7の「ありがとうございます」の表示位置を変更する方法

最近、コンタクトフォーム7の事ばかり書いていますが、まとめておかないと、なんだかんだと使う時にググりまくる羽目になるので、今回も…つづきを読む

WordPress プラグイン Contact Form 7

コンタクトフォーム7に送信前の「確認」ステップを追加する方法

普段カスタマイズにプラグインは使わない主義ですが、そもそもプラグインのカスタマイズなので、今回はプラグインを使用します。 ”C…つづきを読む

WordPress プラグイン Contact Form 7

コンタクトフォーム7で選択項目にデフォルトでチェックを入れる方法

コンタクトフォーム7シリーズ第2回は、ラジオボタンやチェックボックスの好きな箇所にデフォルトのチェックを入れる方法です。ラジ…つづきを読む

WordPress プラグイン Contact Form 7

コンタクトフォーム7で入力例（プレースホルダー）を表示する方法

2018年11月11日

ワードプレスでブログやサイトを運営していて、「お問い合わせフォームが欲しいな…」と思ってググってみて最初に出てくるのは、やはりコ…つづきを読む

WordPress ウィジェット

ウィジェットIDの調べ方【ワードプレス】

2018年8月27日

ワードプレスでウィジェット操作をする時、ウィジェットのIDを知りたくなる事があります。ウィジェットの管理画面でサクッと確認できれ…つづきを読む

WordPress ウィジェット

特定のウィジェットを非表示にするコード【ワードプレス】

ワードプレスでとっても便利なウィジェットですが、特定の条件で特定のウィジェットだけを非表示にしたいという事はないでしょうか。私は…つづきを読む

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

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

2018年8月24日

先日、ショートコード関連の記事を書いていて、Warning: Illegal string offset なんちゃらかんちゃらと…つづきを読む

WordPress ショートコード

コピペで簡単！アイキャッチ画像を表示するショートコード【ワードプレス】

2018年8月22日

ワードプレスにはデフォルトのgalleryというショートコードがあり、アイキャッチ画像の表示ができない事はありません。ですが、元…つづきを読む

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

抜粋の末尾に付く&ltとか&nbsとか&gtやらを削除する方法【ワードプレス】

2018年8月21日

ワードプレスで抜粋表示ってよく使いますよね。最近の多機能なWordPressテーマでは、カテゴリーページで全文表示と抜粋表示を切…つづきを読む

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

the_title_attributeの使い方と引数を入れたら動かない時のメモ【ワードプレス】

2018年8月20日

the_title_attributeは、HTMLの属性で使いやすいクリーンな文字列でページタイトルを表示してくれるテンプレート…つづきを読む

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

remove_filterやremove_actionが効かない時に疑ってみるべき事【ワードプレス】

2018年8月19日

テーマのオリジナルの設定が邪魔になったり、初期状態でフックに登録されている関数を削除したい事って結構ありますよね。そこで使う…つづきを読む

WordPress カスタマイズ

WordPressでカテゴリーページのタイトルを親カテゴリー付きで表示する方法

2018年8月18日

WordPressのカテゴリーページのタイトル出力はthe_archive_title関数が便利です。しかし、この関数が表示して…つづきを読む

WordPress カスタマイズ

アーカイブページのタイトルから「カテゴリー：」を消す方法【ワードプレス】

2018年8月17日

多くのWordPressテーマで、アーカイブページのタイトル出力はthe_archive_titleという関数を使って行われてい…つづきを読む

Google Adsense

グーグルアドセンスのレスポンシブ広告を親要素のサイズに合わせる方法

2018年8月16日

グーグルアドセンスのレスポンシブ広告ユニットって、スマホで見ると自動的に画面幅いっぱいに広がりますよね。そんなの我慢ならない！親…つづきを読む

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

CSSでセンタリングした複数行テキストの改行位置を揃えて綺麗に見せる方法

コンタクトフォーム7でフォームを判定して別々のサンクスページを表示する方法

ワードプレスで外部CSSやjsの読み込みコードからtype属性を消す方法

コンタクトフォーム7にサンクスページを追加する方法

コンタクトフォーム7で郵便番号から住所を自動入力させる方法

コンタクトフォーム7の「ありがとうございます」の表示位置を変更する方法

コンタクトフォーム7に送信前の「確認」ステップを追加する方法

コンタクトフォーム7で選択項目にデフォルトでチェックを入れる方法

コンタクトフォーム7で入力例（プレースホルダー）を表示する方法

ウィジェットIDの調べ方【ワードプレス】

特定のウィジェットを非表示にするコード【ワードプレス】

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

コピペで簡単！アイキャッチ画像を表示するショートコード【ワードプレス】

抜粋の末尾に付く&ltとか&nbsとか&gtやらを削除する方法【ワードプレス】

the_title_attributeの使い方と引数を入れたら動かない時のメモ【ワードプレス】

remove_filterやremove_actionが効かない時に疑ってみるべき事【ワードプレス】

WordPressでカテゴリーページのタイトルを親カテゴリー付きで表示する方法

アーカイブページのタイトルから「カテゴリー：」を消す方法【ワードプレス】

記事の検索

MENU

人気の記事

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

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

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

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

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

【タクソノミー＆ターム編】WP_QueryのANDとORを併用した複雑な条件指定の書き方

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

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

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

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