Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › 複数人で運営する場合のauthorアイコンについて
- このトピックには7件の返信、2人の参加者があり、最後に
hideにより9年、 1ヶ月前に更新されました。
-
投稿者投稿
-
-
2017年7月23日 8:15 PM #54141
hide
ゲストWordPress 4.7.3
バージョン: 2.4.8bいつもsimplicity2を利用させていただいております。
以前、SNSボタン下のauthorアイコンを指定の画像に変更する方法をご教授いただきましたが、
複数人で運営する場合の投稿するユーザによってauthorアイコンを方法をご教授いただきたいです。現在は、auther link phpに
<span class=”post-author vcard author”>

と記載してauthorアイコンを指定の画像に変更しています。
よろしくお願いいたします。
-
2017年7月23日 8:18 PM #54142
hide
ゲスト質問が具体的ではなかったので補足させていただきます。
http://ima-present.com/student710
上記ページのSNSボタン上のauthorリンク隣のアイコンを、投稿するユーザによって変更したいです。
また、authorリンク下のプロフィールも投稿するユーザによって変更したいと考えています。お忙しい中、大変恐縮ですが、ご回答よろしくお願いいたします。
-
2017年7月24日 12:06 AM #54146
かうたっく
ゲスト.post-author img {・・・}
post-authorの領域にある img画像。と指定されているようですが、ほかのページをチェックしても、post-author以外にどのページもpost-author vcard author3つの指定方法があるようです。ユーザーさんがかわると、別の指定が入るようになっていたら
『投稿するユーザによって変更』こちらが可能です。
ですが、その指定が見当たらないので、現状ではユーザーさんごとに変更する方法は見当たりません・・・
-
2017年7月24日 8:28 AM #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
するとアドレスがでてくる。それをコピーして確認できます。
他にも確認方法があるかも知れませんが。 -
2017年7月24日 11:13 AM #54153
わいひらキーマスター以前の方法が、どんなだったかは申し訳ないですが、ちょっと僕は覚えていません。
ただ、投稿者情報表示のカスタマイズをするには、以下あたりを参考にするとある程度思い通りのものが作れるかと思います。
WordPress 記事の投稿者情報を取得する方法まとめ
WordPressでユーザー情報を表示するためのコードまとめ ? SABURO DESIGN -
2017年7月24日 12:12 PM #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で対応するか、わいひらさんが教えてくれたページでファイルを編集するかなどで、対応できるかと思います^^
-
2017年7月30日 1:05 PM #54520
hide
ゲストみなさま、丁寧にご回答くださりありがとうございます!
まだ試せていないので、後日試させていただいて報告いたします(3~4日後)。
よろしくお願いいたします。 -
2017年8月2日 8:42 PM #54659
hide
ゲストみなさまありがとうございます!
無事解決できました!
今後も利用させていただきますので、よろしくおねがい致します。
-
-
投稿者投稿
- トピック「複数人で運営する場合のauthorアイコンについて」には新しい返信をつけることはできません。