複数人で運営する場合のauthorアイコンについて

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など 複数人で運営する場合のauthorアイコンについて

  • このトピックには7件の返信、2人の参加者があり、最後にhideにより9年、 1ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #54141
      hide
      ゲスト

      WordPress 4.7.3
      バージョン: 2.4.8b

      いつもsimplicity2を利用させていただいております。

      以前、SNSボタン下のauthorアイコンを指定の画像に変更する方法をご教授いただきましたが、
      複数人で運営する場合の投稿するユーザによってauthorアイコンを方法をご教授いただきたいです。

      現在は、auther link phpに

      <span class=”post-author vcard author”>

      と記載してauthorアイコンを指定の画像に変更しています。

      よろしくお願いいたします。

    • #54142
      hide
      ゲスト

      質問が具体的ではなかったので補足させていただきます。

      http://ima-present.com/student710

      上記ページのSNSボタン上のauthorリンク隣のアイコンを、投稿するユーザによって変更したいです。
      また、authorリンク下のプロフィールも投稿するユーザによって変更したいと考えています。

      お忙しい中、大変恐縮ですが、ご回答よろしくお願いいたします。

    • #54146
      かうたっく
      ゲスト

      .post-author img {・・・}
      post-authorの領域にある img画像。と指定されているようですが、ほかのページをチェックしても、post-author以外にどのページもpost-author vcard author3つの指定方法があるようです。

      ユーザーさんがかわると、別の指定が入るようになっていたら

      『投稿するユーザによって変更』こちらが可能です。

      ですが、その指定が見当たらないので、現状ではユーザーさんごとに変更する方法は見当たりません・・・

    • #54147
      かうたっく
      ゲスト
      .fn a[href^="ここにurl"]:before {
      }

      を使うと行けそうですねっ!

      .fn a[href^="http://ima-present.com/author/ima-pre"]:before {
      
      }

      下記リンク見出し『マークを画像にしたいとき』のコードを参考にどうぞ。
      https://bibabosi-rizumu.com/internal-link-mark/

      URLの確認は、ima-preさん、その他のユーザーさんのそれぞれのリンクを確認してください。
      PCからでしたら、要素の検証で確認できます。

      右クリックし、要素の検証をクリック

      右サイドか下側、別ウィンドーが出てくるので、矢印マークをクリックし青くなった時、『ユーザーのリンク』をクリック。

      要素の検証でリンクをチェックする方法:画像:http://netakiri.net/uploader/src/up0287.png

      するとアドレスがでてくる。それをコピーして確認できます。
      他にも確認方法があるかも知れませんが。

    • #54153
      アバター画像わいひら
      キーマスター

      以前の方法が、どんなだったかは申し訳ないですが、ちょっと僕は覚えていません。
      ただ、投稿者情報表示のカスタマイズをするには、以下あたりを参考にするとある程度思い通りのものが作れるかと思います。
      WordPress 記事の投稿者情報を取得する方法まとめ
      WordPressでユーザー情報を表示するためのコードまとめ ? SABURO DESIGN

    • #54154
      かうたっく
      ゲスト

      朝は雑な説明でしたが、CSSで実装してみました。

      .post-author .fa {
      	display: none;
      }
      .fn a[href^="https://twitter.com/kautakku"]:before {
      	content: "";
      	background: url(https://画像のパス.png) no-repeat;
      	line-height: 2;
      	display:inline-block;
      	height: 3em;
      	padding-left: 3.2em;
      	background-size: 3em auto;
      }

      https://twitter.com/kautakku』この部分は、該当のリンク先を置く感じ。

      上のリンク先でしたら

      .post-author .fa {
      	display: none;
      }
      .fn a[href^="http://ima-present.com/author/ima-pre"]:before {
      	content: "";
      	background: url(http://ima-present.com/wp-content/uploads/2017/02/ico2.jpg) no-repeat;
      	line-height: 2;
      	display:inline-block;
      	height: 3em;
      	padding-left: 3.2em;
      	background-size: 3em auto;
      }

      このCSSで対応するか、わいひらさんが教えてくれたページでファイルを編集するかなどで、対応できるかと思います^^

    • #54520
      hide
      ゲスト

      みなさま、丁寧にご回答くださりありがとうございます!

      まだ試せていないので、後日試させていただいて報告いたします(3~4日後)。
      よろしくお願いいたします。

    • #54659
      hide
      ゲスト

      みなさまありがとうございます!
      無事解決できました!
      今後も利用させていただきますので、よろしくおねがい致します。

7件の返信スレッドを表示中
  • トピック「複数人で運営する場合のauthorアイコンについて」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)