WEB MEMO LOG

  • Web

【Web】日本語の無料(フリー)フォントをWebフォントとして使用する方法

【Web】日本語の無料(フリー)フォントをWebフォントとして使用する方法

日本語のフリーフォントをサーバにアップしてWebフォントとして使用する方法をメモメモ 【1】Webフォントとして使用可能な日本語フリーフォントを探す Webフォントとして使用するには使用ライセンスに従う必要があります。 ・サーバにアップしオンラインでの再配布・使用 ・ファイル形式変換 ・サブセット化 ・商用使用(商用で使用する場合) 良く使うフォントは ・もじワク研究 ・モダンな「コーポレート・ロ・・・

  • PHP

【PHP】指定した時間によって表示を変える方法

【PHP】指定した時間によって表示を変える方法

PHPが動作する環境やWordPressで指定した時間によって、表示する、しない方法をメモメモ ▼時間が経過することで内容を変更 ▼表示期間を指定 【参考】 Y:年(数値4桁/例: 1999 または 2003)  y:年(数値2桁/例: 99 または 03) m:月(数値2桁、先頭0埋めする/例:01 から 12)  n:月(数値1~2桁、先頭0埋めしない/例:1 から 12) d:日(数値2桁、・・・

  • WordPress

【WordPressプラグイン】「MW WP Form」のよく使う便利なTIPS(利用規約・日付ピッカー・URLパラメーター等)

【WordPressプラグイン】「MW WP Form」のよく使う便利なTIPS(利用規約・日付ピッカー・URLパラメーター等)

日ごろから大変お世話になっている「MW WP Form」。 言わずとも、柔軟にメールフォームを作成することがプラグインですが、よく使うTIPSをメモメモ。 ■セレクトボックスで「選択してください」を空欄とみなす方法 【JavaScript 使用】 ・MW WP Form管理画面 ・JavaScript 【JavaScript 非使用】 ・MW WP Form管理画面 ■「規約同意」のチェックを付け・・・

  • Web

【Web】リダイレクト設定等でよく使う「.htaccess」の書き方サンプルコードのまとめ

【Web】リダイレクト設定等でよく使う「.htaccess」の書き方サンプルコードのまとめ

ドメインが変更になった場合や、wwwありなしのURL統一やhttpからhttpsへのリダイレクト、Basic認証、.htmlのままでPHPが動くように設定する等、様々な設定ができる「.htaccess」ですが、よく使うサンプルをメモメモ。 ※「.htaccess」を変更するとサイトが見れなくなる場合もございますので、くれぐれも自己責任でお願いいたします。 ▼wwwありなしのURL統一 ・wwwあり・・・

  • JS

【JS】ブラウザの高さを自動で取得しCSSに設定する方法

【JS】ブラウザの高さを自動で取得しCSSに設定する方法

フル画面やファーストビューでブラウザの高さいっぱいにビジュアルを表示したい場合、幅は「width:100%;」で設定できますが、ブラウザの高さを取得して、その値をCSSに反映する方法をメモメモ。 【参考】【jQuery】表示しているブラウザの高さを取得してCSSのheightに指定 | Webデザインラボ

  • WordPress

【WordPress】Smart Custom Fieldsで作成したカスタムフィールドをMW WP Formの選択項目に使用する方法

【WordPress】Smart Custom Fieldsで作成したカスタムフィールドをMW WP Formの選択項目に使用する方法

普段よくお世話になっているWordPressプラグイン、繰り返しのカスタムフィールドを作成できる「Smart Custom Fields」、柔軟なカスタマイズが可能なフォームを簡単に作成できる「MW WP Form」。 クライアント側でフォームの選択項目を編集したいという要望があり、「Smart Custom Fields」で作成したカスタムフィールドの値を「MW WP Form」の選択項目で使用・・・

  • WordPress

【WordPress】httpからhttpsへ常時SSL化する方法(シングルサイト・マルチサイト対応)

【WordPress】httpからhttpsへ常時SSL化する方法(シングルサイト・マルチサイト対応)

Googleが常時SSLを推奨しており、ChromeのアドレスバーにおけるWebサイトの安全性表示の内容が変更になると発表しています。 それに伴い、WordPressで構築されているサイト(シングルサイト・マルチサイト)を常時SSL化することが多くなりまして、方法をメモメモ。 ■シングルサイトの場合 ●「設定」⇒「一般」の[WordPress アドレス (URL)][サイトアドレス (URL)]を・・・

  • WordPress

【WordPress】優先度付きのサムネイル画像の表示方法(アイキャッチ・記事の最初の画像)

【WordPress】優先度付きのサムネイル画像の表示方法(アイキャッチ・記事の最初の画像)

WordPressで記事のサムネイル画像を表示したいとき、アイキャッチがあれば、アイキャッチを表示、なければ記事の最初の画像(自動リサイズ・絵文字を除外)、それもなければあらかじめ設定した画像を表示する方法をメモメモ。 【優先度】 [1] アイキャッチ [2] 記事の最初の画像  ・画像サイズが大きい場合でも自動的にリサイズ  ・画像より先に絵文字(GIF)を使用した場合でも、絵文字をサムネイルと・・・

  • WordPress

【WordPress】プラグインなしでFacebook、TwitterのOGPを設定する方法

【WordPress】プラグインなしでFacebook、TwitterのOGPを設定する方法

今やSNSでの拡散等を考慮すると、必須設定事項のOGP(Open Graph Protocol)ですが、WordPressでプラグインを利用せずに設定する方法をメモメモ。 ▼下記のように表示(参考:Facebook・TwitterのOGP設定方法まとめ|ferret [フェレット]) ▼WordPressでのOGP設定 設定ができ公開が完了したら、どのように表示されるか確認してみましょう。 ■Fa・・・

  • WordPress

【WordPressプラグイン】「EWWW Image Optimizer」で使用する画像を自動で圧縮・リサイズ

【WordPressプラグイン】「EWWW Image Optimizer」で使用する画像を自動で圧縮・リサイズ

WordPressで画像を登録する際に毎回リサイズが面倒だったり、必要以上の画像サイズで登録されてしまったりとするケースがあるかと思います。 そこで、プラグイン「EWWW Image Optimizer」を使って画像を登録する際に自動でリサイズ、しかも圧縮してくれる方法をメモメモ。 【1】プラグイン「EWWW Image Optimizer」をインストール https://ja.wordpress・・・

  • Web

【XAMPP】任意のディレクトリをバーチャルホストにする方法

【XAMPP】任意のディレクトリをバーチャルホストにする方法

Cドライブ直下にXAMPPをインストールした場合は、 C:\xampp\htdocs にデータを保存するとPHP等の確認はできますが、 任意のディレクトリでも確認したい場合のメモメモ。 【手順1】 フォルダパスとドメイン名の設定 C:\xampp\apache\conf\extra\httpd-vhosts.conf 【手順2. アクセス権付与】 C:\Windows\System32\Drive・・・