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

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

カスタマイズは自己責任でやろう!

「自己責任」の意味がわからない方、初めてカスタマイズする方はこちら

カスタマイズは自己責任。ぼくはこんな風に思っています。


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

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

Before
rinker-カスタマイズ前スマホ
After
After 2
MENくん
めっちゃシンプルにしてみました!
くま1号
2番目を採用やな

こんな感じに変更(PC)

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

ほんまもんのカード


使うソフトなどはこちら

必須

WordPressWordPress

グーグルクロームGoogle Chrome

推奨

ファイルジッラFile zilla

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

カスタマイズをする準備

追加方法難しさ
追加CSS
テーマエディター
FTPソフト

はじめてカスタマイズをする方におすすめなのは追加CSSです。

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

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

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

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

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

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

確認の手順

  1. カスタマイズコードを保存
  2. カスタマイズしたページを開く
  3. cntrl+F5を押す

いわゆるキャッシュ削除ですね。詳しい手順はこちらの記事で書いています。

カスタマイズはキャッシュ削除をマスターしてからです

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

手順まとめ

追加CSSのまとめ
手順をザクッと説明
変更手順
  • リンカーの設定
  • FTPソフトとテキストエディタを開いて準備OK。
  • 追加のコードを書き込んで、保存。アップロード。
  • 更新して確認。
MENくん
もっとたくさん考えてたけど、コードを書くのが大変過ぎて、、、
くま1号
いや、1個で十分やろ
 

コメント( ˶ˆ꒳ˆ˵ )

avatar