ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマVOGUE:ページビルダー「スタッフリスト」のRSSアイコンを任意のアイコン・テキストに変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.「スタッフリスト」でTikTokへのリンク・テキストリンクを表示したいです。

▼変更後イメージ  →変更前:デモサイト「STAFF」ページ
変更箇所イメージ

A.下記の方法で対応してください。

外観>TCDテーマオプション>基本設定のカスタムCSS(サイト全体に反映)、または記事編集画面のカスタムCSS(その記事だけに反映)に入力してください。

・FacebookアイコンをTikTokアイコンに変更する

.pb_staff_list-social-facebook a:before {
    font-family: 'tiktok_x_icon' !important;
    content: "\e900";
}

リンク先のURLは各スタッフの「FacebookのURL」で設定します。

・RSSアイコンを任意のテキストに変更する

.pb_staff_list-social-rss a:after {
    content: "テキスト";
}
.pb_staff_list-social-rss a:before {
  display: none;
}

リンク先のURLは各スタッフの「RSSのURL」で設定します。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事