こめなべ

マンガ・アニメ・ドラマや映画の感想&声劇台本置いてます

初心者でも簡単に、WordPressへメニューをつけられました!

こめなべ-20160503

WordPress初心者でも、micataを見たら簡単にメニューがつけられました!

パソコンから見ていると、違和感なかったんですけれども。 スマホから見た時に、メニューが表示されないのが不便だなーと思ってました。 漢数字の「三」みたいなのを押すと、出てくるやつ。

WordPress(ワードプレス)初心者が、メニューをつけるなんて無謀だろうか?と検索してみたら…簡単にできました!! ホントに簡単過ぎて、なにがどうなっているのかサッパリわからないくらいです!

使っているテンプレート…テーマ?っていうほうがいいのかな?を作っておられる、ENJI(@ENJILOG)さんのブログに書かれているとおりにやったら、ひょこってメニューができてビックリ!!

「ここで、こうするとこうなる」という、丁寧な解説と画像つきなので、すごくわかりやすかったです! 読解力が無い私でも、簡単にできるなんてスゴイ!本当にスゴイ!! もっと早く挑戦してみたら、よかったー!!

ENJIさんのブログに、とてもとっても助けられました!! ありがとうございます!!!

スポンサーリンク

記事数が少ないのにカテゴリが多いから、2行にってしまう

「やったー!なんかわからんけど、メニューついた!!」 訳のわからんままに喜んでいたのも、束の間。 メニューが2行で表示されています。

このブログはまだ記事数が少ないのに、カテゴリを沢山作ってしまったから、2行になっちゃったんですね。 んー…このままでもいいのかもしれないけど。 スッキリと1行にならないかなぁ…と、検索を続けていたら、発見しました!!

当ブログのメニューの項目は9つと多めのため、初期設定の場合だと2列のメニュー表示になりますが、幅を狭く統一することによって、1列にすることが可能です。 >引用元:【STINGER7】メニュー幅や高さのカスタマイズ方法 - きになるnet

そう! まさに、2行になっちゃったメニューを、1行にしたかった!!

こちらも、CSSにどのように記載すればどうなるかが、丁寧に書かれていたのでページの手順通りにしたらできました!!

今回は、親テーマstinger7のstyle.cssを書き換えればてっとり早いのですが、子テーマを利用してカスタマイズしました。 >引用元:【STINGER7】メニュー幅や高さのカスタマイズ方法 - きになるnet

この「子テーマ」っていうのが、全くわからず…私は多分、親テーマ?に直書きしてるんだろうなぁ。 テーマのコピーのとり方も、よくわからないから「いいや、やってみよう!」と、そのまんまCSSの書き換えをやってしまいました←オイ

さっきPC、スマホと確認したら、外観が崩れているようなことはなかったので…だ、大丈夫なのかな? ダメなことがよくわかっていなので、今のところ怖いものなしです!←コラ

メニュー無しだったのが… こめなべ-20160503-2

メニューつきになりました!! こめなべ-20160503-3

スマホも「三」を押したら、メニューが「うにょっ」って出てきて感動しました! これ、憧れだったんですよー!!