Jxiub 3ピース補給3-IN-1 HEPAフィルターフィットPartu BS-08空気清浄機槍部品アクセサリーファミリーバックアップ (Color : Green) B09QT1W1G4-29556-qtG 空気清浄機用フィルタ

wpカスタマイズ
小雪

こんにちは。上賀茂ブロガーの小雪()です。

 

本日は、cocoonの「あわせて読みたい」の使い方を説明します。

本日は、先日追加になったcocoonの新機能、ボックス(タブ)を使わせていただき「あわせて読みたい」のタブを作ってみた記録です。ほんまシンプルな「あわせて読みたい」が出来ました。こんな感じです。私がcssに書き足したものです。

coconnの仕様変更があったため、私がつくったcssが反映されなくなってしまいました。」::

その代わり、公式に「あわせて読みたい」のタブボックスが実装されました。

cocoonをお使いの方は、そちらで対応できると思います。

よって、この記事はボツになりました。残念💦

気を取り直して、cocoonの「あわせて読みたい」の使い方を説明しようと思います。

「あわせて読みたい」の使い方。その1

投稿画面

→ビジュアルエディタ

→スタイル

→囲みブログガードラベル

→あわせて読みたい を選択します。

そのように進んでいくだけで「あわせて読みたい」を表示させることができます。

 

Jxiub 3ピース補給3-IN-1 HEPAフィルターフィットPartu BS-08空気清浄機槍部品アクセサリーファミリーバックアップ (Color : Green) B09QT1W1G4-29556-qtG 空気清浄機用フィルタ

次に囲みの左端にカーソルを置きます。

リンクの挿入をします。

URLを入れます。タイトルを入れ込むと、「あわせて読みたい」には反映されないので注意です。

プレビューで見るとこんな感じになります。

以上になります。

「あわせて読みたい」の他にも

  • 関連記事
  • 参考記事
  • 人気記事
  • 詳細はこちら
  • チェック
  • ピックアップ
  • 公式サイト

国産スパークリング6本セット(京都山城青谷産城洲白梅わいん 青森弘前市産シードル 奥の松酒造 スパークリング日本酒 純米大吟醸(福島県) 山元酒造 薩摩スパークリングゆずどん(鹿児島県) おたる微発泡ナイアガラ白ワイン(北海道)

 

●cssに追加する記述

.bb-link::before {
content: “\f24a あわせて読みたい”;
}

 

↓コピペして使ってください↓
((Ctrl+C)/貼り付け(Ctrl+V)/切り取り)

<del>.bb-link::before {
content: "\f24a あわせて読みたい";
}</del>

この3行です。

●この3行を追加するファイル

wp管理画面のサイドバーのある

「外観」→「css編集」→「追加css」です。

●htmlに書くタグ

私は、下のような赤色のタブの「あわせて読みたい」を使おうと思いました。
hitmlに書くタグはこちらです。
↓コピペして使ってください↓
((Ctrl+C)/貼り付け(Ctrl+V)/切り取り)
<del><div class="blank-box bb-tab bb-link bb-red"></div></del>

 

もちろん他の背景色も出来ます♪

<div class=”blank-box bb-tab bb-link bb-red“></div>

地鎮祭用奉献酒 兵庫県日本酒2本セット(本田酒造 山田錦 五百萬石特別純米1800ml×2本)デザイン書道家 榮田清峰作一デザイン2番(金銀水引・文化タイプ)bb-redこの部分を書き換えるだけです。

↓コピペして使ってください↓
((Ctrl+C)/貼り付け(Ctrl+V)/切り取り)
<del><div class="blank-box bb-tab bb-link">灰色だよ。</div></del>
↓コピペして使ってください↓
((Ctrl+C)/貼り付け(Ctrl+V)/切り取り)
<del><div class="blank-box bb-tab bb-link bb-yellow">黃色だよ。</div></del>
↓コピペして使ってください↓
((Ctrl+C)/貼り付け(Ctrl+V)/切り取り)
<del><div class="blank-box bb-tab bb-link bb-red">赤色だよ。</div></del>
↓コピペして使ってください↓
((Ctrl+C)/貼り付け(Ctrl+V)/切り取り)
<del><div class="blank-box bb-tab bb-link bb-blue">青色だよ。</div></del>
こんな感じです。

wpプラクインのAddQuickTagインストールしてはる方は登録しておくと楽ですね😃

https://ja.wordpress.org/plugins/addquicktag/

素人のカスタマイズです。この記事を参考にcss等に手を加えられ、wpが表示されなくなった😣となっても、責任は取りかねます。ご了承ください(˹ᆺ˺;)✿
注意↓コピペして使ってください↓((Ctrl+C)/貼り付け(Ctrl+V)/切り取り)
ちゃんとコピペできてるでしょうか?ちと、不安(˹ᆺ˺;)✿
もしできていないようだったら、別の方法をまた試してみますので、「できへんでぇ~」とコメントで教えてください(˹ᆺ˺;)✿
小雪

では、またね。see ya٩( ᐛ )و

コメント

error:6脚セット!パイプ椅子 パイプイス 折りたたみ椅子 会議椅子 簡易椅子 折りたたみチェア 折り畳みいす 事務椅子 スチール製
タイトルとURLをコピーしました
SMOKINGUNWORX.COM RSS