悩んでる人アフィンガー6でプロフィールカードを作成する方法を教えてください。おしゃれなカスタマイズ方法もセットで知っておきたいです。こんな疑問を解決します。記事の信頼性この記事を書いている僕はブログ歴1年3ヶ月のブロガーです。『AFFINGER6』を使いつつ、ブログで月8万円ほどの収入を得ています。今回は、アフィンガー6でプロフィールカードを作成する方法を解説していきます。プロフィールカードの完成形としては、以下のとおり。上記のとおりでして、超簡単に設置できます。アフィンガー6でプロフィールを設置してから、カスタマイズ法もセットで解説していますので、あなたの色を出してみてくださいね。結論、以下の4ステップで作成できます。アバター画像の設定プロフィールへの記載情報を入力プロフィールカードをサイドバーへ移動プロフィールカードにボタンを設置では、順に説明していきますね。手順1:アバター画像の設定まずは、アバター画像の設定です。「外観」→「カスタマイズ」→「オプションカラー」→「サイト管理者紹介」へと進んでください。「アバター画像」をクリックして、プロフィールカードで表示させたい画像を選べばOKです。※アバター画像は、正方形の方が綺麗に表示されます。縦長or横長の場合は、事前にトリミングをしておきましょう。注意点:見栄えをよくしようとはいえ、このままだと上記のような感じでして、少し見栄えがわるいな、、、と思います。以下のように設定をしましょう。「プロフィールカードに変更」にチェックを入れるだけ。手順2:プロフィールへの記載情報を入力お次は、プロフィール情報を入力します。「ユーザー」→「自分のアカウントをクリック」の手順で進んでください。上の画像の赤枠で囲っている箇所にプロフィール情報を入力していきましょう。※入力が終わったら、必ず「プロフィールを更新」をクリックしておきましょう。しておかないと、入力した情報が保存されませんので。質問:何を書いたらいいのか、わからない場合は?結論、以下の3点を書けばOKです。誰に向けて発信をしているのかあなたの経歴・職歴これまでの実績こんな感じですかね。いえ、「書けるような経歴や実績がないよ...」という方は、発信している情報だけで問題なしですよ。SNSの情報をセットで入力しようプロフィール情報の入力が終わったら、使用しているSNSもセットで登録しておきましょう。「Twitter」や「Instagram」など、あなたが使用しているSNSのURLを入力すればOKです。次は、サイドバーへと移動させる作業です。「外観」→「ウィジェット」をクリックしましょう。※ゴチャゴチャしたものが出てきましたが、心配しなくてOKです。動かすのは「1つだけ」なので。「11_STINGERサイト管理者紹介」というタブをクリックしたまま、「サイドバートップ」のグループに入れてください。※当ブログは「検索窓」→「11_STINGERサイト管理者紹介」→「アーカイブ」→「カテゴリー」といった順番でサイドバーを表示させていますが、順番は適当でOKです。最後は、ボタンを設定しましょう。「外観」→「カスタマイズ」→「オプションカラー」→「サイト管理者紹介」をクリックしてください。ここでは以下の4点を設定できます。基本的には、自己紹介記事を設置する場合が多いですね。自己紹介記事を設定する場合だと、記事のURLを「ボタンのURLリンク」へと入力すればOK。アフィリエイトリンクの場合は、同様にアフィのURLを入力すればOK。ボタンの色などはサイトカラーによって違ってきますので、自分でいじりつつ、サイトに合った色を選ぶといいかもです。補足:うまく管理者画面が表示されない場合の対処法とはいえ、ここまで手順ごとに操作をしたけれど、うまく管理者画面が表示されない場合があります。そのような時は、まずは「情報を入力した後に、保存できているか?」を確認してみてください。(昔の僕もそうだったのですが、保存を押さずに、進んでしまって焦っていたので)また、保存をしているのに表示されない場合は、「WordPressからログアウトして、ログインし直す」or「キャッシュを消す」の2つで解決される場合が多いですよ。次に、プロフィールカードをカスタマイズしていく方法を3つ解説しておきますね。「自分のブログに必要だな。」と思った箇所だけ読んでいただければOKです。順に説明していきます。その1:SNSボタンの色を変える方法まずは、SNSボタンの色を変えてみましょう。「外観」→「カスタマイズ」→「オプションカラー」→「SNSボタン」をクリックしてください。ここでカスタマイズできる箇所は、以下の2つです。それぞれをカスタマイズしてみましょう。こんな感じに、自分でいじりつつ色を変えられますが、メンドウな方は「カラーコード一覧表」を使用するといいですよ。好きな色のカラーコードがわかりますので。その2:プロフィールの文章の改行方法お次は、プロフィールに記載した文章を改行する方法です。上記のように、文章をそのまま打ち込んでしまうと、途切れてしまい、ちょっと見づらくなってしまいます。カスタマイズをして、文章に改行をさせていきましょう。この記事を書いた人」をクリックしてくださいね。上の画像の赤枠で囲っている「プロフィール情報にhtmlタグを許可する」にチェックマークを入れてください。※チェックを入れた後は、下へスクロールをして「save」もお忘れなく。次に、「ユーザー」→「自分のアカウントをクリック」の手順で進めてください。先ほど入力したプロフィール文章で改行をさせたいポイントに、<br>を入力すれば、改行されます。最後は、上の画像のようにテキストリンクを設置する方法です。この記事を書いた人」→「プロフィール情報にhtmlタグを許可する」にチェックを入れる必要ありです。プロフィール情報の文章内に、以下のHTMLコードを入力してくださいね。href="リンク先のURL">アンカーテキスト</a>※こちらコピペOK。打ちミスのないように。それぞれの説明は以下です。リンク先のURL:リンクでジャンプした先のURLアンカーテキスト:表示させたい文字。例)「>>お問い合わせはこちら」などテキストリンクの文章を改行させたい場合は、先ほどお話しした「その2:プロフィールの文章の改行方法」を参考にしてもらえるといいかもです。最後に、よく見る「この記事を書いた人」を記事下に表示させる方法を解説しておきます。ちなみに、こちらの完成形は以下です。「この記事を書いた人」を表示させる手順は以下の2ステップです。「この記事を書いた人」を有効化では、順に説明していきますね。ステップ1:アイコン画像の設定まずは、プロフィール情報やアイコン画像の設定です。プロフィール情報の入力に関しては「手順2:プロフィールへの記載情報を入力」にて解説していますので、まだの方はそちらからどうぞ。アイコン画像の設定ですが、こちらは以下の2つのうち、どちらか1つの作業が必要です。前者の場合、プラグインを導入するので、サイトの速度が落ちてしまうかもです。今回は後者の「Graverでアイコン画像を設定」の方法で解説していきます。Graverの設定に関しては、バズ部さんの「5分で完了!WordPressのアバター画像を設定する方法」にて画像付きで解説されていますので、そちらを参考にどうぞ。「この記事を書いた人」を表示させます。この記事を書いた人」へと進んでください。「この記事を書いた人を有効化する」にチェックを入れたら完成です。補足程度ですが、「この記事を書いた人」の各種カスタマイズ方法もセットでご紹介しておきます。最新記事を表示させる固定ページでも表示させるアバター画像を丸くする上記の3つです。1つずつ順に解説していきますね。この記事を書いた人」にて、「最新記事を表示する」にチェックマークを入れると、表示されるようになります。2:固定ページでも表示させるお次は、トップページなどの固定ページにも設置する方法です。こちらも同様に「この記事を書いた人」にて、「固定ページでも表示する」にチェックマークを入力すればOKです。当ブログのようなトップページにしたい方はAFFINGER6のデザイン・カスタマイズを解説【画像付きです】にて1つずつ画像を使って解説していますので、そちらをどうぞ。3:アバター画像を丸くする最後は、上記のようにアバター画像を四角ではなく、丸くする方法です。こちらも先ほどと同じく「この記事を書いた人」にて、「アバター画像を丸くする」にチェックを入れたらOKです。まとめ:アフィンガー6でプロフィールカードを設置してみよう今回は、アフィンガー6でプロフィールカードを作成する方法を解説しました。アフィンガー6のカスタマイズ性は、かなり高いため、自分でいじりつつ、わからないところはググりつつ、自分好みのサイトにしていきましょう。実際にアフィンガー6を使用している僕が正直な感想を以下で暴露しています。AFFINGER6を導入しない方は、参考程度に読んでみてくださいね。>>AFFINGER6の感想を『正直に』レビュー【評判+口コミ】さて、アフィンガー6でプロフィールを設置した後は、コンテンツを増やしていきましょう。悩んでる人AFFINGER6の購入を考えているブログ初心者です。WordPressの操作に自信がないため、できるだけ初心者でも使いやすいWordPressテーマを探しています。悩んでる人AFFINGER6(アフィンガー6)を導入しようか迷っています。AFFINGER6ってSEOに強いのでしょうか?実際にアフィンガー6を使用している人の声が聞きたいです。悩んでる人ブログ初心者です。本格的にブログを収益化したいので有料テーマのAFFINGER6の導入を検討しています。そこで、実際にAFFINGER6を使っている方の感想が聞きたいです。悩んでる人AFFINGER6の使い方に少しずつ慣れてきたブロガーです。サイトの上の方に流れるような表示(インフォメーションバー)の出し方がわかりません。...AFFINGER6AFFINGER6(アフィンガー6)の使い方を1から10まで徹底解説する悩んでる人最近、アフィンガー6を購入したブログ初心者です。AFFINGER6の使い方がまったくわかりません。そこで、アフィンガー6の使い方を初心者でもわかるように教えてください。【保存版】ブログを書く手順を10ステップで解説【初心者に届け】Searchたつつぶ24歳。新卒でGAFAに就職しました。500記事/「ゆるく生きる」が人生のモットーです。当サイトへのリンクについて当サイトへのリンクは完全フリーです。リンクを掲載する際の許可などは、一切必要ありません。リンクの設定や引用をする際は、当サイト(たつつぶ)へのリンクであることを必ず記載してください。