じゅんぺい

    WordPress プラグイン

    2021/12/15

    【WordPress】メンテナンスモードに出来るプラグイン WP Maintenance Modeの使い方

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

    WordPress プラグイン

    2021/12/15

    【WordPress】Smart Custom Fields(SCF)をヘッダーなど共通パーツで表示させる方法

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

    ブログ運営 Web制作

    2021/12/10

    無料でも使える画像圧縮サイト TinyPNGの有料版の登録方法

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

    WordPress プラグイン

    2021/12/10

    【WordPress】画像圧縮プラグイン TinyPNG JPEG, PNG & WebP image compressionの使い方

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

    WordPress

    2021/11/30

    【WordPress】カスタムフィールドが未入力の時は項目ごと非表示にする方法

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

    ノウハウ

    2021/11/29

    Adobe Creative Cloud年間プラン(月々払い)の途中解約手数料を無料にする方法!

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

    WordPress プラグイン

    2021/11/28

    【WordPress】ページ上部の黒いバー(ツールバー)を下に移動するプラグイン Admin Bar Position

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

    WordPress

    2021/11/28

    【WordPress】ページ上部の黒いバー(ツールバー)を非表示にする方法

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

    Web制作 サーバー

    2021/11/25

    お名前.comで取得したドメインをエックスサーバーに紐付ける設定方法

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

    CSS アニメーション Web制作 コーディング

    2021/11/18

    【CSS】hoverしたら画像を拡大する方法

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