【SANGOを自分でカスタマイズ】Rinkerのデザインを変えてみる2

リンカーカスタマイズその2

カスタマイズは自己責任で!
ワードプレステーマ
SANGO
子テーマ
PORIPU

この記事では 商品管理プラグインのRInkerをシンプルにカスタマイズした方法を説明。
参考 商品リンク管理プラグインRinker(リンカー)の公式サイトおやこそだて
前のRinkerカスタマイズはこちら
Rinkerのカスタマイズ!デザインをシンプルにしてみる

こんな感じに変更(スマホ)

Before
rinker-カスタマイズ前スマホ
After
After 2
MENくん

めっちゃシンプルにしてみました!

くま1号

2番目を採用やな


こんな感じに変更(PC)

Before
rinker-カスタマイズ前
After
After2

ほんまもんのカード

ソニー(SONY)
¥9,685 (2019/02/22 21:46:24時点 Amazon調べ-詳細)
ソニー(SONY)
¥9,685 (2019/02/22 21:46:24時点 Amazon調べ-詳細)

使うソフトなどはこちら

必須

WordPressWordPress

グーグルクロームGoogle Chrome

推奨

ファイルジッラFile zilla

サブクライムテキストsublime text

カスタマイズをする準備

カスタマイズ方法

追加CSSの手順
外観
カスタマイズ
追加CSS
子テーマの手順
外観
テーマの編集
FTPソフトの手順
FTPソフト起動
自サイトに接続
style.cssを開く

追加CSSの使い方はこちら

カスタマイズを加速させる追加CSSブログのカスタマイズを加速させる「追加CSS」の使い方

カスタマイズのコードを追加

パターン1のカスタマイズ

style.css(追加するコード:リンカーカスタマイズ)

パターン2のカスタマイズ

style.css(追加するコード:リンカーカスタマイズ)
 
確認の手順
保存ボタンを押す
ブラウザでキャッシュを削除して更新
MENくん

長いコードで頭がおかしくなりそうです。

手順まとめ

追加CSSのまとめ
手順をザクッと説明
変更手順
  • リンカーの設定
  • FTPソフトとテキストエディタを開いて準備OK。
  • 追加のコードを書き込んで、保存。アップロード。
  • 更新して確認。
MENくん

もっとたくさん考えてたけど、コードを書くのが大変過ぎて、、、

くま1号

いや、1個で十分やろ