筋トレインストラクターの資格を取得し、その証明書をブログのトップページに表示したいと考えている方は多いでしょう。資格証明書を掲載することで、信頼性の向上や専門性のアピールに役立ちます。本記事では、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コードの活用など、用途に応じて選びましょう。証明書を適切に掲載し、ブログの権威性を向上させましょう!
コメント