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

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

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

この記事では 商品管理プラグインの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の手順
外観
カスタマイズ
追加CSS
子テーマの手順
外観
テーマの編集
FTPソフトの手順
FTPソフト起動
自サイトに接続
style.cssを開く

追加CSSの使い方はこちら

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

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

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

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

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

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

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

手順まとめ

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

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

くま1号

いや、1個で十分やろ

   
ブログの執筆を減速させるソフト <イラストレーター・フォトショップ>
MENくん

記事を書くのに集中したいブロガーは絶対に買っちゃダメだよ☆

くま1号

もし買うなら、せめて安く買おうね

アドビの漫画 アドビの漫画2
フォトショ・イラレはこちら

1.お申込み方法をクリック

2.キャンペーンのバナーをクリック

3.お申込みはこちらをクリック