WordPress(ワードプレス)

ワードプレスのテーマ編集で直接CSSを変更しないですむプラグインを導入!

目安時間 9分
ワードプレス関連

ワードプレステーマ編集のために直接CSS
変更すると・・・ちょっとおかしな事になったら

ギャアァァァァ━━━━━━(|||゚Д゚)━━━━━━!!!!!!

ってなるので。
プラグインの力を借りようと思います。
マジ頼むわ(笑)





今回・・・力を借りるプラグインとは「Simple Custom CSS
このプラグインを入れることでテーマを直接書き換える必要がなくなります。


Simple Custom CSSとは?


このSimple Custom CSSというプラグインは、
本来ならワードプレスのテーマ(テンプレート)を
あれこれ編集して装飾しようとすると、


CSSを書き換えなければなりません。


でもこのCSSを書き換えると・・・テーマ自体を
書き換えているのですから、もしこんな事が起きる・・・カモ?


CSSを編集して起きるトラブル・・・


[char no="21" char="沙月姐さん"]あああぁぁあああぁ!!!
ナニコレナニコレなんなの、これ!![/char]
[char no="26" char="椎名さん"]な、なんだ?
どうした!?

いきなり叫ぶなよ![/char]
[char no="21" char="沙月姐さん"]叫ぶわよ!
叫ぶに決まってるでしょ!!

私のブログが急に
おかしくなっちゃったんだから!!
ウワァァ-----。゚(゚´Д`゚)゚。-----ン!!!![/char]
[char no="26" char="椎名さん"]だから叫ぶなっつーに。
・・・・どれどれ?

ああ、テーマ編集してたんだな。
バックアップは取ってるのか?

元に戻してみろ。[/char]
[char no="20" char="沙月姐さん"]そんな事したら・・・
今までなにをどう変更したか
わかんなくなるじゃないーっ![/char]
[char no="29" char="椎名さん"]元に戻すほうが先だろが!
いいからつべこべ言わず
元に戻せって![/char]
[char no="25" char="沙月姐さん"]バックアップなんて・・・
取ってないもん!!
( ゚皿゚)キーッ!![/char]
[char no="28" char="椎名さん"]取っておけよ・・・_| ̄|○[/char]


とまあ・・・沙月姐さんはあまり得意ではない分野で頑張ったけど、
うっかりやらかしたみたいです。

テーマ自体を直接編集するとブログのデザインが崩れて・・・

私が以前実際に体験したパターンだと


「サイドバーがメインの下に落ちていた」


という感じですかね。
変更した何かが間違ってたのか、競合したとかそんなとこですが。

何はともあれ元通りすれば戻ります(笑)
なので、編集する前には元もとのプログラムを
まずはコピペして保存しておきましょう。

テラパッドがオススメです(;´Д`)



もちろんバリバリのブログのデザインを手がけて
テーマの編集どころかテーマ作っちゃうぞ!?

そんなレベルの人はガツガツ直接編集しちゃうのですが、
私をはじめとりあえず英字が連続して並ぶと目が滑っちゃうのよね(笑)


苦手な人は・・・テーマを編集するのはちょっとドキドキしますよね。

自分で編集するというよりは・・・
誰かが紹介している構文をそのまま貼り付ける感じですが、
それすら何か合わないとさっきみたいに
サイドバーが下に落ちたりして慌てて元に戻したり。


直接テーマをいじるのは・・・元々組まれている構文に
書き込む事になるので・・・間違えて消したり、
余計な空白とか入れちゃったりとか・・・

ちょっとした事でデザインは崩れたり下手すると
表示しなくなったり。


過去何度かひやひやした事があったので
テーマを直接編集する時には注意が必要です。


Simple Custom CSSを使った理由とは?


私はcgiの編集ぐらいならしますが、
ワードプレスを構成するPHPを理解するほどの知識はないです。

なので私が自分でテーマの編集の為の
構文の書き換えをするほどの知識はまだありません。
(勉強中ですが)


そんな私が現在・・・どうにかしてここをなんとかしたい!
そんな風に思った時に力を借りるのが。

すでにこのPHPの知識を持っている人が公開している
コードをコピー&ペーストで貼り付けるだけwww


そう。
○○をしたい場合はこれを張り替えるだけ!
って感じで公開されているコードを活用させてもらいます。


それでも時々直接テーマに貼り付けるのは・・・
危険なことがあります。

実際何度かデザインが崩れた事があります。
その理由はよくわかりませんが、


・私の貼り付けた場所がおかしい
・新たに貼り付けたコードが現在のコードとケンカしてる


などなど。
真実のほどは知識が足りずにわかりませんが。

テーマ自体を変更すると崩れたときに
元に戻す為にバックアップしてる最初の状態に戻せばいいんですが。

そうすると、それまでの変更も消えますね(笑)
そして何したのかわかんなくなる。


どうしようかな~(;・∀・)
と、考えた時このプラグインが紹介されていたので
飛びついたのでした(笑)


賢威7のデザイン変更にはbase.cssを
編集する事になるのですが・・・。


元々あるコードを消さないように気をつけて
貼り付けたのですが・・・なぜかおかしくなってしまって。

相性が悪かったんでしょうか。



でもどうしてもデザイン変更したくて諦められなくて。
あれこれ調べてSimple Custom CSSを使ったら

テーマ自体をつつかなくてもデザインの変更が
出来るのではないか!?

と思い切って導入してみたら・・・


キタ━━━━━━━━m9( ゚∀゚)━━━━━━━━!!


無事デザインの変更が出来ましたww
ありがとうございまーーーーーーす!!

実際に何をどう変更したのはまたお話させて頂きますね。


Simple Custom CSSの導入方法とは?


そんなわけで、実際にSimple Custom CSSを
ワードプレスブログに導入していきましょう!

まずはプラグインですので・・・



左端のメニューから「プラグイン」⇒「新規追加」をポチッと



メニューの新規追加でもいいし、プラグインをクリックすると
上のほうに「新規追加」ボタン出てくるのでこっちでも大丈夫♪



新規追加ボタンを押すと、右端にプラグイン名を検索する
ボックスが出てくるので「Simple Custom CSS」と入れてエンターポチッと



はい、出てきた!
「今すぐインストール」をポチッと!



続いて「有効化」ボタンをポチッと♪
さて、何が変わったのかというと・・・まずは今回入れた
Simple Custom CSSはテーマを直接いじらなくても
CSSの変更が出来るというプラグインなので・・・

専用の変更の為の場所があるはず・・・それは?



ここですーっ!!
外観に何か増えてますね(笑)

え?
元がどんなのか覚えてないって?
ですよねー(笑)

これです




ねっ!何か増えてますよね(笑)
「カスタムCSS」をポチッと!



四角で囲んだ部分にCSSのコードをぺたりと貼り付けて保存するだけ。
テーマ自体をいじるわけではないので楽チンです。

まあでも本当に初心者の方には敷居は高いですが(;・∀・)
私もそんなに詳しいわけではないんですが。

他の詳しい方の力を借りて、なおかつ出来るだけ安全に
デザインを変更する為にこのプラグインの力を借りました♪

この記事に関連する記事一覧

コメントは8件です

  1. ゆき より:

    ミオさん、こんにちは(*´▽`*)

    どんどんブログが変わってて可愛いです~♪
    以前のブログではコメント出来なかったので、
    コメントできることが嬉しいですし(*´ω`*)

    賢威バンザーイ(笑

    こんなプラグインがあるんですね~!!
    直接触るのがコワイ方は良いかもしれません。

    あ、base.phpではなくてbase.cssですよ~|д゚)コッソリ
    ↑全然コッソリじゃない・・・。
    ミオさん側でココ消して頂てもOKですのでヾ(o´∀`o)ノ笑

    では、また訪問させていただきますねー♪

    • 咲月ミオ より:

      ゆきさん、こんばんわ(´∀`)

      ワーイヽ(゚∀゚)メ(゚∀゚)メ(゚∀゚)ノワーイ
      コメントありがとうございます。

      これはやはりワードプレスブログならではですね。
      シリウスブログでは普通は無理ですし。

      賢威様のあのクセの強さに時々うぼぁってなります(笑)
      賢威6と7の見出しタグの差とか(;・∀・)

      いや、よりいいものを求めたらそうなったのかもしれませんが。
      賢威が好きで使ってて新しいの出たから
      変えたいってのは自然の流れだと思うんですけど。

      ちょっと躊躇する変更も普通にありますよね。


      `;:゙;`;・(゚ε゚ )ブッ!!

      ちょww待とうか、自分!!
      何そこ間違ってどーする(笑)

      ワーイヽ(゚∀゚)メ(゚∀゚)メ(゚∀゚)ノワーイ
      出来たよーって浮かれて記事を書くとこうなるという
      ある意味いい例題という事で(笑)

      そーいやそうですね。
      本体はPHPですけど、その辺は別物でした・・・(;・∀・)

      今日の朝、記事を書いたのですが。
      多分・・・確実に脳みそ寝てますね・・・_| ̄|○


      通常運転といえば・・・否定もしませんが(笑)


      とりあえず記事中はそっと編集しておきました(笑)
      いいんです、いいんです。

      私だって人間だもの(たぶん)
      間違う事だってある・・・!だって人間だもの(多分そう)

      アフィリエイターだって普通の人なのです(笑)
      ちょっと居直りましてよ?(;´Д`)


      というのは半分冗談として(笑)
      突っ込みありがとうございます~!

      私このままだと確実に半永久的に気づきません。
      言われないとたぶん気づきません。

      読み返しても気づきません、だって読んでいるようでいて
      目が滑っちゃう人なので(笑)

      読み返しの修正が出来ないたちなんですよ・・・
      なんという致命的・・・!

      なのでゆきさんの添削が入って助かりました!!
      また何かありましたらぜひ突っ込みお待ちしてます(笑)

  2. より:

    |д゚)

    |д゚*)ミオさん、こんばんわ!星ですよ!

    いつもお世話になっております。

    CSSと聞いてすぐ読み始めましたよ^^♪

    おおー!私もやってみたいー!と思ったくらいわかりやすいです!^^
    カスタム慣れしていない方には最適ですね!

    私は、ほら、、それなりに習っているので・・・
    (´・ω・`)たまにページが真っ白になりますけどね、ええ。

    そんな私のようにならないための素敵なプラグインですね!
    反省して私も取り入れてみようと思います^^

    応援しております!

    • 咲月ミオ より:

      |゚Д゚)))コソーリ!!!!

      ・・・あっ!
      星さんだ!
      星さんだよ!!

      ←・・・・・・(・ω・。) ジーッ


      いや、観察してどーする(笑)m9(・∀・)ビシッ!!

      星さん、おはようございます(´∀`)
      コメントありがとうございます!!

      (´∀`*)ウフフ
      cssと連呼しておきながらうっかりbase.phpとか
      書いたのはこの私(笑)

      ゆきさん、突っ込みありがとう・゚・(つД`)・゚・


      このプラグインを入れたからなのかよくわからないんですが、
      同じような事をしてもなぜか表示されずに困ってたんです。

      そしたらこのプラグインで専用のコーナーが出現したので
      他のすでに存在するコードをうっかり消したり
      気づかず空白入れたり・・・(過去の経験から)


      そういうのがなくなりますね。
      だって完全に別の場所なので!

      うっかりした失敗が発生しにくくなってるので、
      詳しくない私にピッタリΣ(゚∀゚ノ)ノキャー

      ま・・・まあどっちみちCSS自体に関してはわからないので、
      自力で考えるのは出来ないんですが・・・(;´Д`)


      このプラグインをバリバリ生かすには、
      やっぱり知識がある人がピッタリですよね。

      自分であれこれ構築できてそれを安全に試せる。
      私も勉強しなくちゃ・・・!

      でもこの年で勉強って言っても右から左に
      流れちゃうんですよね・・・タダでさえ英字が滑るのに(笑)


      得意な人こそ活用できるプラグインだと思いますよ!

      応援ありがとうございます!!
      私も星さんのブログにまたお邪魔させて頂きますね!

  3. 秋山 より:

    ミオさん、こんにちは!

    「Simple Custom CSS」は便利ですよねー。
    私も導入しているプラグインのひとつです。

    サイドバーがメインの下に落ちるってあるあるネタかも(笑)
    3、4回くらい経験したかも・・・。

    やっぱりCSSは難しいのでコピペが基本ですよねー(^_^;)

    あ、ソーシャルボタンのデザイン変更されたのですね!
    カラフルになって目立つので、
    きっとこちらのほうがシェアされやすいと思います(*´ω`*)

    • 咲月ミオ より:

      秋山さん、こんにちわ。

      ややや。
      秋山さんもこのプラグインを導入されてるんですね。

      便利ですね、これ。
      もちろんCSSの知識があるか、よそからまるっと借りてくるか。

      本当の初心者がこのプラグインで何かができるようになる
      なんて代物ではないので・・・使う人は限られると思いますが(;´Д`)


      ああぁぁぁあぁぁああ!!・゚・(つД`)・゚・


      サイドバーずっこけは本当にあるあるですよね、あるある!
      またかい!!とかよくあります。

      今回のソーシャルボタンのデザイン変更ではどれを
      貼り付けてもなぜかなるので・・・賢威7で検索してるのに
      なんでだ!

      テーマの種類か!?( ゚皿゚)キーッ!!と叫んでました(笑)
      それがこのプラグインを使ったら


      ケロッと表示してくれたので・・・なんなの( ゚д゚)ポカーン

      ってなりましたが(笑)
      CSSだのPHPだの専門知識は本当に難しいです。

      そもそも英語自体が嫌いで学生時代先生が
      私を廊下で見かけて追いかけてくるぐらいですから(笑)

      プログラムになっても英字の羅列は目が滑ります。
      本当はきちっと勉強して理解できるようになると、
      アフィリエイターとしてかなりステップアップになるとは

      思うんですけど・・・!
      思うんですけど・・・!目は滑るんです(笑)


      なんとかデザインが変更できたので本当に心から
      Simple Custom CSS様様です(笑)

      ありがたや~ありがたや~と祈りを捧げる勢いです。

      シェアされても確かにありがたいんですが。
      何より賢威の初期のものが


      ・・・・・可愛くなかったので(笑)


      お絵かきするからか見た目のイメージに非常に左右される
      私です・・・(;´Д`)

  4. 大本 より:

    ミオさん、こんばんは。(*^^*)

    私も、ソーシャルボタンをかっこよく
    できましたよー!

    解説が分かりやすかったので、
    ホントにコピペで簡単にできました。

    こっちの方が確かに表示が早いです。

    少しずつですが、ブログのカスタマイズを
    もっと進めたいと思っています。

    次にカスタマイズしたいことがあるので、
    また記事の方などで紹介させて
    いただきたいと思います。

    それでは、応援して帰ります。
    (^^)

    • 咲月ミオ より:

      大本さん、おはようございます!
      コメントありがとうございます。

      おおおーっΣ(゚∀゚ノ)ノ

      無事ソーシャルボタンのお素敵チェンジ★
      完了しましたか!!

      おめでとうございます(´∀`)
      コピペだけなのでとっても助かりますよね。

      でも私はそのコピペが上手くいかずに結果としては
      某プラグインの力を借りないと実装出来なかったので。

      ささっと加減では大本さんの方が上・・・!
      ムゥ・・・負けた!


      そうなんです。
      実際に記事の確認なんかしていると表示スピードが
      段違いだと思います。

      他のブログはまだ変えてないので、表示の時間の差を
      ものすごく実感しています。

      表示スピードが遅いともういいやーって閉じられる可能性は
      確かにあるので、どうにか出来るならどうにかしたい。

      それを叶えてくれるカスタマイズですよね!
      大本さんのカスタマイズ記事楽しみにしてますね。

      私、今は某サービスの記事を書いているので(笑)
      それが落ち着いたらまたカスタマイズ系の記事も書きたいです。

      まあ他のブログをカスタマイズする時用の
      メモ代わりに書いてるようなもんなんですが(笑)

      少しでもお役に立てれば幸いです。
      またお邪魔させて頂きます~♪

コメントフォーム

名前  (必須)

メールアドレス (公開されません) (必須)

URL (空白でもOKです)

コメント

ブログと管理人について♪


にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村


管理人の咲月ミオです

元同人作家のお絵かきアフィリエイターです

■咲月ミオ作動画■


 ★動画第一弾( *´艸`)
 ★動画第二弾( ゚д゚)

自己紹介がてら作った動画です。
第一弾は一応自己紹介動画という事で作ったもの。
第二弾は会社で実際にあった
同僚との会話です…実話なんですよ?

★★★登場人物紹介★★★



管理人の咲月ミオです!

ここの責任者です。
お絵かきアフィリエイター

ツールをいじったりあれこれ小細工・・
もとい工夫するのが大好きです

沙月さん達とは知り合いで
あれこれ相談したりする仲

アフィリエイターであり
ゲームオタクであり、
お絵かきさんである。

得意技はマシンガントーク。

しゃべるのもチャットなどの
打ち込むのもマシンガントーク。

しゃべりだしたら止まらない系




瑠璃ちゃん。

ほわほわ天然系のご近所に引っ越してきた
初心者のアフィリエイター

まだ何もわからないままに
あれこれやってみるも
大体が泣いている

頑張っているけど空回り系
あれもこれもやってみたい事は
たくさんあるし、非常な頑張り屋さん。

だがそれが結果に伴わなくて
悩んでいることしばし

可愛い属性が沙月と咲月ミオに気に入られもっか 可愛がられ中である




沙月姐さん。

いつでもどこでも突撃★
機械に弱いご近所に住む中堅アフィリエイターさん

機械が苦手でツールなんて
無理言うなってレベル

豪快で大雑把で適当で
あまり細かい事は気にしない
正義感が強くて涙もろい世話好き姐さん

だがままならない部分のほうが多い
特に料理関係は致命的でお茶一つ出しても
救急車呼ぶレベル

関係者の間では彼女に包丁他は持たせるな、である




苦労性の椎名さん

沙月姐さんの幼馴染で
昔からあれこれ苦労している
なんだかんだと世話してしまう苦労人

ツールでも何でも効率的に事を進めるタイプ

沙月に付き合ってアフィリエイトを始めた
というか、沙月の世話係というのが
本当の所(主に暴走ストッパー)

役に立つかは別の話(たぶんムリ)


★★★咲月ミオにメールを送る★★★


質問・ご相談などお気軽に。

画像をポチッとクリックすると
別窓が開きますよ♪
  最近の投稿