はてなブログPROでブログを2人で管理しているのですが、プロフィール欄に2人分のプロフ表示は可能でしょうか?

現在、ブログを立ち上げたアカウントのみ表示されています。カスタム方法などあれば、ご提示頂けると助かります。
よろしくお願いいたします。

回答の条件

1人5回まで
13歳以上

登録：2014/12/11 15:24:39
終了：2014/12/29 22:43:42

No.1

ぽけっとしすてむ5393002014/12/11 23:36:15

書いてみました。

<script src="//niyari.github.io/hatenablog-modules/add-username.js" charset="utf-8"></script>
<script>
Htnpsne.AddAuthor.init(["ユーザID1","ユーザID2","ユーザID3"]);
</script>

使い方
詳細ページのヘッダに、ブログメンバーのIDを入れて「変更する」ボタンを押します。

<script src="//niyari.github.io/hatenablog-modules/add-username.js" charset="utf-8"></script>
<script>
Htnpsne.AddAuthor.init(["ユーザID1","ユーザID2","ユーザID3"],1);
</script>

第二引数に「,1」を指定すると、縦に表示されます。

他5件のコメントを見る

なお、はてなブログは比較的自由にHTMLを挿入できます。
自己紹介用の記事を一つ書いて、そちらを読んでもらうという方法の方が充実したプロフィール欄を作る事ができます。

2014/12/11 23:55:12

「プロフィール欄」なので、「プロフィール」モジュールに追加されるようにするといいかもしれません。

2014/12/12 01:08:03

その可能性もあったのですが、スマホ表示の場合、全ての記事にプロフィールがある為、まずはこちらにまとめました。

さて、どの部分なのでしょう。

2014/12/12 01:14:55

両方に対応していると便利そうです。

※PC版でもすべてのページに表示されると思いますが・・・

2014/12/12 04:24:03

※PC版でもすべてのページに表示されると思いますが・・・

サイドバーのモジュールはすべて除去する事ができ、フッター部分は名前のみでしたので少し違うかなぁと。 :)
PC版はHTMLモジュールを利用して、直接埋め込んだ方がスマートに利用できると思います。

2014/12/12 17:08:10

すみません。スマートフォンは持っていないので分かりませんでした。
スマホ版では「プロフィール」モジュールを除去して、「about」ページでプロフィール紹介をすればいいというアドバイスでしょうか・・・

2014/12/12 21:28:28

スマホ版では、プロフィールモジュールの有無を問わずプロフィールが表示されるようです。
何処かの設定でブログメンバーも表示できるようになれば一番良いと思います。> id:hatenablog

2014/12/13 08:33:17

rouge_2008 2014/12/12 00:18:03

おそらくできないと思います。
「ダッシュボード」から目的のブログの「デザイン」→「カスタマイズ」タブにアクセスして、「サイドバー」をクリックしてみてください。
追加済みのモジュールが表示されていますから、その下の「モジュールを追加」をクリックして、「プロフィール」を選択して設定項目を確認してみてください。(※追加済みの「プロフィール」モジュールでもいいです。)
表示するはてなIDを選択する項目がなければ、現在はブログ開設者のプロフィール表示のみ対応していると判断していいと思います。(※私はPro未契約で、複数管理者未設定なので確認する事はできません。)
応急的対処として、「HTML」モジュールに自分でプロフィールを記述して表示してはいかがでしょうか。
HTMLやはてな記法等による記述が可能です。
一応、以下のように出力されますので、適当に表示したい内容を入力してみてください。


<div class="hatena-module hatena-module-xxxx">
<div class="hatena-module-title">
＊タイトル欄に設定したタイトル＊
</div>
<div class="hatena-module-body">




<img src="プロフィールアイコンのURL" alt="id:はてなID" class="profile-icon">
<span class="id">
<span data-load-nickname="1" data-user-name="はてなID">id:はてなID</span></a>
</span>
<div class="profile-description">
<p>自己紹介メッセージがあれば記述する</p>
</div>



</div>
</div>


後は、フィードバックを送信できますので、機能追加の要望を送って実装されるのを気長に待ってみてください。
※はてなブログのヘッダメニューのアカウント名をクリック→「ヘルプ」で開くダイアログの「フィードバックを送る」から送信できます。
バズ 2014/12/12 02:03:06

お二方様、早速のご返信ありがとうございます。
言葉足らずで、お手数おかけして申し訳ありません。
プロフィール欄につきましては、サイドカラムのモジュール部分を指していました。
たしかに、単純にモジュール追加で解決できたかもしれませんね。。
同じモジュール内に入れ込みたかった(モジュールタイトルが重複するため)ので彷徨ってしまいました。。
２つのモジュールを作って、CSSでタイトルを非表示にすることでも解決できるかもしれませんね。笑

スマホ画面ついては、認識できていませんでしたが、そちらも追加したほうが良さそうですね！

コーディングは素人に毛が生えた程度のレベルなので本当に助かりました。
まさか、コードまで提示していただけるとは。。汗

今晩はPCからアクセス出来る環境にいないのですが、週末には試させていただきますので、進捗があれば報告させていただきます。
rouge_2008 2014/12/12 04:43:27

「プロフィール」モジュールでも、追加モジュールごとに任意のタイトルを設定できます。
「aaaのプロフィール」「bbbのプロフィール」など、アカウント名をつけたタイトルにするか、あるいは「管理人プロフィール」「副管理人プロフィール」としてもいいと思います。
表示IDに別の管理人アカウントを選択できる場合に試してみてください。

※「HTML」モジュールを使う場合は、「<!-- ここから入力欄に～」から「<!-- ここまで入力欄に～」の間だけ入力します。
一例ですので、コメントの通りでなくても大丈夫です。

※「HTML」モジュールを使った場合、はてなIDのフォントサイズ等が「プロフィール」モジュールと同じ表示にはなりません。
利用しているデザインテーマのスタイルシートで「.hatena-module-profile .id」等に割り当てられているスタイルを確認して、「デザインCSS」で追加してみてください。
バズ 2014/12/29 23:17:00

ご返信が遅くなり申し訳ありません。
ようやくカスタム作業をすませましたので、ご報告させていただきます。

いろいろとご意見いただいておりましたが、
ぽけっとしすてむさん、rouge_2008さんの方法をどちらも使用させていただくことにしました。

サイドバーへのメンバープロフィールの追加については、
HTMLのモジュールを使用しております。（プロフィールモジュールでは、はてなID指定ができなかったため）
rouge_2008さんのコメントを参照。

aboutページにIDを表示させる場合は、ベストアンサーにさせていただいたぽけっとしすてむさんの書き込みを参考にさせていただきました。