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です)

コメント

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


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

管理人の咲月ミオです
元同人作家のお絵かきアフィリエイターです

■咲月ミオ作動画■

自己紹介動画
 ★自己紹介動画

自己紹介にと作った初めての動画です。
音声出ます。
初めてこういう形で自分の声聞きました(笑)


同僚の語る飛行機雲の真実?
 ★飛行機雲の真実?

会社で実際にあった
同僚との会話です…実話なんですよ?

登場人物紹介♪
★★★舞台設定★★★
田舎の会社
その辺によくありそうな中小企業の
地方の小さな事務所の仲間たち


会社の低迷により給与等がダウン。
社員は生活の為に副業を始めるが…?


新米アフィリエイターの明日を見守る

★★★登場人物紹介(主な人達)★★★



咲月ミオです。

お絵かき兼社員兼アフィリエイターの
三足わらじ生活も早10年以上!

最近の不景気とカス営業の負の連鎖で
会社の業績ただ下がりの給与・賞与も
ダウンやカットが折り重なる。

そんな危機感に会社の同僚たちが
アフィリエイトに参戦し、
気が付けばそのアドバイスをするハメに

マイペースにのんべんたらりと生きたい
それが身上だったのだが結局
なんだかんだと面倒を見ている様子。

しかし!!
うん十年以上も会社員根性で生きてきた
彼らの尻をぶっ叩いて行動を促すのは

想像以上に大変だった!
そんな咲月ミオと彼らとの攻防戦劇場。




同僚A子

冗談抜きで機械に弱く、職場で初めて
パソコンに触れる。


最低限の伝票入力は慣れたけど、
新しい事はなかなか習得できない。

やる気がないわけではないのでやるのだが、
覚えるのにかなり時間がかかる。

おじーちゃんやおばーちゃんに
インターネットとは?と教えるのに
苦労するのと同等の理解度(笑)

だがやる気がないわけではない



自称「できる男」ツモリくん

中堅どころのベテラン営業君。
口だけは達者でオレオレ詐欺を働く。

間違いを指摘されると

「言ってたんだけどな~もう~」


と、ちょっと言い方がおかまくさい。
結果が出ていない時点で出来てないのと
同意義なのだがそれは全部他のせい。

自分は出来る男だと信じて疑ったことが
過去一度もない。

会社の赤字はすべて時代のせいと
いいきる男。
余談だがそばによると非常に臭い



職場一のやられキャラ。

突っ込まれないとほぼ目立たない、
下手すると認識されないレベルの地味さ。


平穏を愛するゆえにそっとしておいて
もらいたいようだがそうするとたぶん

いたの?


と、素で問われる危険が非常に高い。
スイーツが好きで何気に女子力が高い。

手作りスイーツを時々作って食べている。
ふるまう人はいないらしい。


ちなみにスルーするというスキルは
持ち合わせていないらしい
(ご丁寧に返してくる)


その他の登場人物はこちらから

★★★ブログの登場人物について★★★

登場人物を増やしすぎて
あれこれ設定するだけで非常に時間食う。


ちょっと調子に乗り過ぎた感じ(笑)
まあ暇つぶしにはなりますww
咲月ミオにメールを送る♪
★★★咲月ミオにメールを送る★★★


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

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