筋トレ資格の証明書をブログのトップページに表示する方法

ブログサービス

筋トレインストラクターの資格を取得し、その証明書をブログのトップページに表示したいと考えている方は多いでしょう。資格証明書を掲載することで、信頼性の向上や専門性のアピールに役立ちます。本記事では、WordPressを使って証明書をブログに掲載する方法を詳しく解説します。

1. 証明書の画像を用意する

まずは、証明書の画像を用意しましょう。

◆ スキャンまたは撮影

証明書をスキャナーで取り込むか、スマートフォンで高画質な写真を撮影します。歪みや光の反射を避け、できるだけ綺麗に撮影しましょう。

◆ 画像の加工(必要に応じて)

個人情報を伏せる場合は、画像編集ソフト(Canva、Photoshopなど)で加工しましょう。サイズ調整もここで行うと、ブログに適した形で表示できます。

2. WordPressに証明書画像をアップロードする

次に、証明書画像をWordPressにアップロードします。

◆ メディアライブラリを使用

  • WordPressの管理画面で「メディア」→「新規追加」をクリック。
  • 証明書の画像をアップロード。
  • 画像のURLをコピー(後で使用)。

3. トップページに証明書を表示する方法

証明書画像をトップページに表示する方法はいくつかあります。

◆ 方法1: 画像ウィジェットを使用(簡単)

  • WordPress管理画面の「外観」→「ウィジェット」に移動。
  • 「画像ウィジェット」を選択し、サイドバーやフッターに配置。
  • アップロードした証明書画像を選択し、保存。

◆ 方法2: 固定ページに画像を追加(トップページが固定ページの場合)

  • 「固定ページ」→「編集」でトップページを開く。
  • 「画像を追加」ボタンをクリックし、証明書画像を選択。
  • 画像を中央揃えし、適宜キャプションを追加。

◆ 方法3: HTMLコードを使って直接追加(より自由度の高い方法)

トップページのカスタムHTMLブロックに以下のコードを追加します。

<img src="画像URL" alt="筋トレ資格証明書" style="max-width: 100%; height: auto; display: block; margin: 0 auto;">

これにより、画像が適切なサイズで表示されます。

4. 証明書をクリックで拡大表示する方法

証明書画像をクリックすると拡大表示されるようにすることで、閲覧しやすくなります。

<a href="画像URL" target="_blank">
    <img src="画像URL" alt="筋トレ資格証明書" style="max-width: 100%; height: auto; display: block; margin: 0 auto;">
</a>

この方法を使えば、ユーザーがクリックした際にフルサイズで画像を確認できます。

5. まとめ

筋トレ資格の証明書をブログのトップページに表示することで、信頼性を高めることができます。表示方法は、画像ウィジェット、固定ページへの追加、HTMLコードの活用など、用途に応じて選びましょう。証明書を適切に掲載し、ブログの権威性を向上させましょう!

ツイッターのフォローはこちらから出来ます!

コメント

タイトルとURLをコピーしました