じゅんぺい

WordPressサイトでメンテナンス中にメンテナンスのお知らせって出来ない？ ホームページやブログでデザインの修正などをしている時、メンテナンス中とお知らせしたい時があると思います。 今回はそんな時に便利なプラグイン、WP Maintenance Modeの使い方をご紹介していきます。 メンテナンスモードに出来るプラグイン、WP Maintenance Modeの使い方 まずは最低限の設定をしてみます。 プラグインをインストール＆有効化した後、メンテナンスモードのステータスを有効化すればOKです。 &n ...

Smart Custom Fields(SCF)って共通パーツでも使える？ Smart Custom Fieldsはカスタムフィールドのプラグインで、繰り返し機能が使えるとても便利なプラグインです。 同じく有名なカスタムフィールドのプラグインでAdvanced Custom Fields(ACF)がありますが、こちらは有料のアドオンを利用しないと繰り返し機能は使えません。 そんな便利なSmart Custom Fieldsですが、 固定ページや投稿ページ（管理画面に表示） ヘッダーや投稿一覧ページ（管理画 ...

画像の容量を小さくする良い方法ない？ TinyPNGってサイトがおすすめだよ！ ブログやサイト制作で問題になるのが様々な容量ですが、特に画像は容量が大きく、そのままアップロードしてしまうとページスピードやSEOにも悪影響を与えてしまいます。 今回は画像の容量を小さく圧縮できるサイト、TinyPNGをご紹介していきます。 こちらは無料でも十分使えますが、無料だと多少の制限があり、有料にすればそれらが全て解除されるので、大量の画像を圧縮する機会が多い人におすすめです。 TinyPNGとは？ TinyPNGとは ...

画像を圧縮できるいいプラグインない？ WordPressなどで画像をアップロードするとき、そのままアップロードしていませんか？ 一眼レフなどで撮影した画像は非常にサイズが大きく、そのままアップロードしていくとページがどんどん重くなってサイトスピードに影響が出てしまいます。 そしてサイトスピードはSEOにも関係してくるので、なるべく画像は適正サイズにした上で圧縮することが好ましいです。 例えば一眼レフで一番大きいサイズで撮影した場合は幅が5000pxを超えることもありますが、ブログで使うには1000pxくら ...

カスタムフィールドで未入力の時は項目ごと非表示に出来ない？ WordPressのカスタムフィールドは、固定ページなど通常編集しないページでも部分的に編集出来るように出来ます。 ただしテキストなど未入力にしたい時もあります。 そしてそのまま未入力にすると不都合が起きる事があるので、今回はそうならないように未入力の時は要素ごと非表示にする方法をご紹介していきます。 ※今回はAdvanced Custom Fieldsを使った例で解説していきます。 カスタムフィールドが未入力（空）の時は項目ごと非表示にする方法 ...

Adobe Creative Cloud年間プラン（月々払い）の解約手数料って結構高い コーディングをするにはデザインカンプを使いますが、カンプにはいくつか種類があります。 Photoshop Illustrator XD Figma 例外でPowerPointも1回だけありましたが、基本的には上記4種類のどれかになると思います。 どのデザインデータで来るかはコーダー側で指定はせず、基本的にデザイナーさんによります。 そしてお付き合いするデザイナーさんが決まっている場合は全然使わない物も出てきます。 私も ...

WordPressでページの上にある黒いバーの位置を変更出来ない？ WordPressサイトのページ上部にある黒いバーはツールバーと呼ばれるもので、簡単に管理画面やカスタマイズ画面に切り替える事が出来ます。 デフォルトでは表示されるようになっていて、前回はこれを非表示にする方法をご紹介しました。 【WordPress】ページ上部の黒いバー（ツールバー）を非表示にする方法 今回はこのツールバーを下に表示する方法をご紹介していきます。 WordPressでページ上部の黒いバー（ツールバー）を下に移動するプラグ ...

WordPressでページの上にある黒いバーって消せない？ WordPressサイトのページ上部にある黒いバーはツールバーと呼ばれるもので、簡単に管理画面やカスタマイズ画面に切り替える事が出来ます。 デフォルトでは表示されるようになっていますが、非表示にする事も出来るので今回はその方法をご紹介していきます。 ちなみに表示はさせたいけど下に移動させたい場合はプラグインを使えば簡単に出来ます。 【WordPress】ページ上部の黒いバー（ツールバー）を下に移動するプラグイン Admin Bar Positio ...

お名前.comでドメイン取得したけど、エックスサーバーで使えるようにするにはどうしたらいい？ 今回はこのような状態を想定します。 お名前.comでドメイン取得済み エックスサーバーを契約済み エックスサーバーでWordPressをインストールしたい それでは解説していきます。   なお、エックスサーバーで契約する時はエックスサーバーでドメインを取得した方が楽です（キャンペーンでドメインが永久無料の時もあります） 詳しくはこちらの記事を参照下さい。 初心者でも10分で出来る！WordPressブロ ...

画像をhoverしたら拡大するにはどうすればいい？ hoverしたら画像を拡大させるのは実務でも非常に良くある実装になります。 画像を表示させるにはimgタグとbackground-imageの2種類の方法があります。 今回は両方のケースで画像を拡大する方法を解説していきます。 hoverしたら画像を拡大する方法（imgタグ） まずはimgタグを使った場合です。 コードを見ていきます。 <div class="img-wrapper"> <img src="画像パス" alt=""&gt ...