2016-11-21 5 views
0

私はプログラミングを始めていますが、私は助けが必要です。ワードプレステンプレートのバーガーメニュー

私はwordpressテンプレートから自分のサイトを構築しました。私自身で多くのカスタマイズを行いましたが、モバイルデバイスでBURGER MENUを作成することで問題があります。

選択したテンプレートナビゲーションバーメニューをバーガーに書き換える方法がわかりません。もし誰かが私を助けることができたら教えてください。

+4

スタックオーバーフローへようこそ。私たちがいくつかのコードを見る必要があるのを助けるために。あなたが何も表示する必要がない場合、これは答えられず、削除される可能性があります。しかし、オンラインでは多くのリソースがあります。「ハンバーガーメニューを作る方法」をグーグルで試してみてください。運が良かった。 –

答えて

0

あなたはそれにいくつかの異なった方法を行うことができますが、個人的に、それはJavaScriptでそれを置くとCSSでそれを非表示にする方が簡単です...

通常、あなたはjavascriptを持つ要素を作成し、場所に添付しますあなたのページに。バーガー自体には、ドロップシャドウ、3つのdiv、またはユニコード文字を使用するオプションがあります。あなたはここで、これらのオプションについての詳細を読むことができます:https://css-tricks.com/three-line-menu-navicon/

を最後に、あなたは(オープン/クローズのために)あなたのメニュー項目にアニメーションを追加したい場合は、ここであなたはそれを達成することが可能です方法を理解するために読むことができる何か:https://jonsuh.com/hamburgers/

+0

あなたの答えは本当にありがとう...私はどこから始めるべきか分かりません。どのようにjavascriptでそれを配置する。 –

+0

ちょうど ''をページの下部の近くに置いて始めてください。 jQueryを使用している場合、 ' ' –

+1

こんにちはアンドリュー、ありがとうございました。私は今それに取り組んでいます。あなたを助けてくれてありがとう! –

関連する問題