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

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

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/12/11 15:24:39
  • 終了:2014/12/29 22:43:42

ベストアンサー

id:psne No.1

ぽけっとしすてむ回答回数499ベストアンサー獲得回数2742014/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」を指定すると、縦に表示されます。
f:id:psne:20141211232952p:image

他5件のコメントを見る
id:rouge_2008

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

2014/12/12 21:28:28
id:psne

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

2014/12/13 08:33:17
  • id:rouge_2008
    おそらくできないと思います。
    「ダッシュボード」から目的のブログの「デザイン」→「カスタマイズ」タブにアクセスして、「サイドバー」をクリックしてみてください。
    追加済みのモジュールが表示されていますから、その下の「モジュールを追加」をクリックして、「プロフィール」を選択して設定項目を確認してみてください。(※追加済みの「プロフィール」モジュールでもいいです。)
    表示するはてな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>
    <!-- ここまでモジュールによる自動出力 -->


    後は、フィードバックを送信できますので、機能追加の要望を送って実装されるのを気長に待ってみてください。
    ※はてなブログのヘッダメニューのアカウント名をクリック→「ヘルプ」で開くダイアログの「フィードバックを送る」から送信できます。
  • id:B2H
    お二方様、早速のご返信ありがとうございます。
    言葉足らずで、お手数おかけして申し訳ありません。
    プロフィール欄につきましては、サイドカラムのモジュール部分を指していました。
    たしかに、単純にモジュール追加で解決できたかもしれませんね。。
    同じモジュール内に入れ込みたかった(モジュールタイトルが重複するため)ので彷徨ってしまいました。。
    2つのモジュールを作って、CSSでタイトルを非表示にすることでも解決できるかもしれませんね。笑

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

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

    今晩はPCからアクセス出来る環境にいないのですが、週末には試させていただきますので、進捗があれば報告させていただきます。
  • id:rouge_2008
    「プロフィール」モジュールでも、追加モジュールごとに任意のタイトルを設定できます。
    「aaaのプロフィール」「bbbのプロフィール」など、アカウント名をつけたタイトルにするか、あるいは「管理人プロフィール」「副管理人プロフィール」としてもいいと思います。
    表示IDに別の管理人アカウントを選択できる場合に試してみてください。

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

    ※「HTML」モジュールを使った場合、はてなIDのフォントサイズ等が「プロフィール」モジュールと同じ表示にはなりません。
    利用しているデザインテーマのスタイルシートで「.hatena-module-profile .id」等に割り当てられているスタイルを確認して、「デザインCSS」で追加してみてください。
  • id:B2H
    ご返信が遅くなり申し訳ありません。
    ようやくカスタム作業をすませましたので、ご報告させていただきます。

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

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

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








この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません