MH purity liteのメニュー編集

投稿者:

今回、メニュー表示を

「Navigation」から「Menu」へと変更成功!

ヽ(´ー`)ノ

htmlくらいしか知識がない凡人の僕にしてみたらスッゴイ大変だったので、忘れないよーに、ちょっと残しておこう…

 

このテーマ「MH purity lite」のレスポンシブレイアウトのメニューが「Navigation」ってなっててイマイチ分かりづらかったんで、表示を変えたいと思ってたんです。

 

そんで、初めは色んなところをググったりしてヒントを探しまくったけど…

cssとかphpとか全然わけわからナス…(;・∀・)

 

で、そこまでで1週間以上は試行錯誤して、

試しに誰かが作ったであろうコードを、「外観」→「テーマの編集」→「style.css」にコピペ〜♪

ルン(・∀・)ルン♪

なんてしてたら、サイト自体が表示されなくなって涙目

( ;∀;)ヤッテモータ…

あらかじめバックアップ取ってたからギリセーフ

(*´Д`)ハァハァ

なので、初心者の皆様、いじる時は面倒でもバックアップとっておきましょー

( T∀T)b

 

で、もーダメだーって思った時に、ちょっと前にプログラマーの友達の作業を見せてもらってた時のことを思い出して…

ブラウザで表示させて、そのソースを見て、フン(・ω・)フン♪とチョイチョイいじってたのを思い出したわけですよ。

で、僕もソース開いてメニューらしきところを探してたら…

アッタ-.∵・(゚∀゚)・∵. -ッ!!

この「MH purity lite」のテーマのレスポンシブレイアウト(画面のサイズが変わると表示が変わるやーつ)のメニューには

「tinynavi」っちゅーのを使ってるらしい!

 

ほいで、また色んなところをググったりして勉強してたら…

サーバー内のheaderとかのデータを書き換えれば〜?

的な文面を発見ハヶ━m9( ゚д゚)っ━ン!!

 

で、FTP繋いでサーバー内色々探してたら

wordpress/wp-content/themes/mh-purity-lite/js

にscripts.jsってのがあったのぉ!(゚∀゚)♪

 

そいつを開いて編集しよーとしたら…

僕はMac使ってるんで、テキストエディタでいけると思ったら…

ダメだった…(;・∀・)javascriptで保存出来ナス

 

またググったら

Macなら「mi」てソフトがイイヨ〜

て記事を見つけて、ソッコー落として書き換えて保存の時に「scripts.js」って名前付けて保存!

 

で同じ場所に置き換えでアップしたら…

レスポンシブレイアウトでメニューが小さくならなくなった…

ガ━━(;゚Д゚)━━ン!!

 

コレはおかしい…と思い、またバックアップから置き換え前のファイルをアップして元に戻して…

(;・∀・)

↓ ↓ ↓

ε-(´∀`*)ホッ

 

でもうワケが分からなくなった時に

tinynavi」のサイトを見てたら…

英語だからよくわからねーって思ったけど

自分の持ってる貧弱英語能力を引き出して解読して見てたら…怪しいの見っけ!

「5. Options you can customize」

↑コレって…オプション?ユーがカスタマイズをキャン出来ちゃうっちゃことじゃね!?!?

( ゚д゚)

 

てことで、バックアップとってあるし、もう何回か表示をバグらせちゃってるの慣れちゃったし♪と思ってここのところに書いてあるコードをコピー♪

そしてFTPで突入した中の

wordpress/wp-content/themes/mh-purity-lite/js

ってフォルダのscripts.jsの一番下の方の「/***** TinyNav *****/」より下の部分へとコピペ〜♪って思ったけど、そのままコピペせずに、元から書いてあった部分「$(“.main-nav .menu”).tinyNav({」とかってのは書き換えて…

(;´∀`)

あと、’Navigation’を→’メニュー’と書き換えて…保存!

…ってやったらまた文字化け(;・∀・)

色々調べてたら、全体的に文字コードを日本語が対応するモノに書き換えなきゃならん的なことが書いてあったんで…メンドクセーって思って日本語は断念w

 

だから仕方なく’Navigation’を→’Menu’にしたら文字化けしなかったんで…

保存してアップロード!

m9( ゚Д゚) ドーン!

 

で、自分のホームページを表示させて画面を縮小してみたら………

 

キタ━━(゚∀゚)⌒Y⌒(。A。)⌒Y⌒(゚∀゚)⌒Y⌒(。A。)⌒Y⌒(゚∀゚)━━!!

 

ほんとココまで長かった…

_| ̄|○

 

こんなクソな脳でも凡人でも、理解出来なくて挫折しそうになったけどでも諦めず、無理矢理にでも理解しようと努力し諦めなかった甲斐がありやした!

人間、頑張れば何でも出来るんだ…って改めて実感しましたよまったく…

(;´∀`)

言語が分からなくても、本人の努力で次第にコミュニケーション取れるようになるんだ…ね。

全く言葉が分からない国に行ってもなんとかやってイケル!…くらいの自信がつきました…。

ただ、知らない事を必死こいて覚えるのって…めっちゃエネルギー使うわ。

やっぱり教えてくれる環境って大切よな…。

自分も講師やってるけど、こういう仕事って大切なんだな…って実感。

教えてもらえず自己流で色んなことを覚えようとするのって効率悪い…。だから英会話教室とか学校とかスクールってのが存在するんだね…。必死こいて疲れる時間を金で買えちゃうんだから…教える場ってスゲー素敵な環境なんじゃん…♪

と、ホームページ編集で自分の職の素晴らしさを実感した1週間でありました。

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA