記事下に表示される著者紹介、このメディアについて、お問い合わせの各設定は以下にて設定できます。
著者紹介 | プロフィールカード |
---|---|
このメディアについて、お問い合わせ | 記事下(ソーシャルパーツ下)モジュール |
著者紹介の設定
著者紹介は、記事編集画面の右側にある編集サイドバーから [(1)プロフィールカード] > [(2)著者紹介を選択] > [(3)選択中のプロフィールカード] 項目に著者紹介が表示されたら設定完了です。
プロフィールカードは、各記事毎に設定する必要があるので注意して下さい。
編集サイドバーにプロフィールカードの項目がない場合は、追加をクリックすると選択出来ます。
プロフィールカードで実装された著者紹介は、記事本文末尾の最後に表示されます。
著者紹介のカスタマイズ方法
プロフィールカードの編集方法は「プロフィールカードを記事に設定する」を参考にしてください。
著者名
<div class="card-intro-heading">著者名 <span class="card-intro-id">xxxxxxxxxx</span></div>
xxxxxxxxxx の部分に記事を書いた著者名を記述します。
著者画像
<div class="card-intro-icon"><a href="#">
<img src="https://cdn.profile-image.st-hatena.com/default_profile_images/profile.png" alt=""></a></div>
https://cdn-ak.f.st-hatena.com/images/〜 の部分をアップロードした著者画像の画像URLに置き換えて著者画像を反映して下さい。
# の部分には、著者画像をクリックした時に遷移するリンク先を記述します。
著者画像にリンクを設定したく無い場合は <a href="#"> と </a> を削除してください。
<div class="card-intro-icon"><a href="#">
<img src="https://cdn.profile-image.st-hatena.com/default_profile_images/profile.png" alt=""></a></div>
↓
<div class="card-intro-icon">
<img src="https://cdn.profile-image.st-hatena.com/default_profile_images/profile.png" alt=""></div>
著者プロフィール
<p class="card-intro-description">自己紹介が入ります。自己紹介が入ります。自己紹介が入ります。自己紹介が入
ります。自己紹介が入ります。自己紹介が入ります。自己紹介が入ります。自己紹介が入ります。</p>
<p>〜</p>
内に著者のプロフィール自己紹介文を記述して下さい。
著者の記事一覧へのリンク
<div class="card-intro-more"><a href="#">過去記事を読む</a></div>
# 部分にこの著者が書いた記事一覧ページへのリンクURLを記述して下さい。
リンクURLは /archive/category/カテゴリー名
となります。
記事一覧ページが無い場合、上記のタグを全削除してライターさんの過去記事を読むボタンを消去。
記事一覧ページの作成は、記事編集画面の右側にある編集サイドバーから [(1)カテゴリー] > [(2)新しいカテゴリー]でカテゴリー作成後に選択 > [(3)にカテゴリー名が表示] で作成出来ます。
編集サイドバーにカテゴリーの項目がない場合は、追加をクリックすると選択出来ます。
このメディアについての設定
管理画面 > [デザイン] > [記事下(ソーシャルパーツ下)]にある「このメディアについて」より
各内容を調整します。
メディアロゴ設定
<div class="about-blog-logo">MEDIA JOURNAL</div>
企業名をテキスト表記にする場合は、MEDIA JOURNAL を企業名に書き換えます。
<div class="about-blog-logo">MEDIA JOURNAL</div>
↓
<div class="about-blog-logo"><img alt="企業名" src="画像URL"></div>
画像のロゴを使用する場合は、MEDIA JOURNAL の部分を <img alt="企業名" src="画像URL"> に置き換えます。
メディアの紹介文設定
<p class="about-blog-description">メディアの紹介文をここに記載いたします。テキストテキストテキストテキストテキストテキストテキストテキスト。</p>
メディアの紹介文を変更する場合は、メディアの紹介文をここに記載いたします。 を適切な紹介文に変更します。
読者になるボタン
<!-- 読者ボタン -->
<div class="hatena-follow-button-box btn-subscribe js-hatena-follow-button-box">
〜
</div>
<!-- 読者ボタン END -->
不要な場合は、<!-- 読者ボタン --> 〜 <!-- 読者ボタン END >までの記述を全て削除してください。
SNSのリンク設定
<div class="follow-sns">
<p class="follow-sns-title">フォローして更新通知を受け取ろう</p>
〜
</div>
</div>
不要な場合は、<div class="follow-sns"> 〜 </div>までの記述を全て削除してください。
Twitter設定
<a id="profile-card-about-twitter" href="#" target="_blank">
# を適切なリンクに置き換えてください。
Facebook設定
<a id="profile-card-about-facebook" href="#" target="_blank">
# を適切なリンクに置き換えてください。
LINE設定
<a id="profile-card-about-line" href="#" target="_blank">
# を適切なリンクに置き換えてください。
Instagram設定
<a id="profile-card-about-instagram" href="#" target="_blank">
# を適切なリンクに置き換えてください。
お問い合わせの設定
管理画面 > [デザイン] > [記事下(ソーシャルパーツ下)] にある「お問い合わせはこちら」より各内容を調整します。
説明文
<p>オウンドメディアに関して、ご検討の方はまずはお気軽にご相談ください。<br>
経験豊富なスタッフがお客様にあったご提案やアドバイスを行います。</p>
説明文を変更する場合は、<p></p>
内を適切な説明文に変更します。
お問い合わせ先へのリンク
<a id="hbm-contact-owner-button" href="#" class="btn-read-more">お問い合わせ</a>
# を適切なリンクに置き換えてください。