スマホコーディング

WP css スマホ テンプレート コンタクトフォーム 7です。

<div class="contact"><div class="contact"> <ul> <li>貴社名・団体名<span class="nok">*</span>[text* text-kaisya placeholder "株式会社〇〇"]</li> <li>お名前[text text-name placeholder "貨物 太郎"]</li> <li>電話番号[tel tel-712 placeholder "03-0000-0000"]</li> <li>メールアドレス<span class="nok">*</span>[url* url-319 placeholder "ka…</li></ul></div></div>

WP メニュー から コンテンツへ スクロールアニメーション JS

functions.php --------- // スクロールアニメーション jsfunction scrollTop_script(){ wp_enqueue_script('scrollTop-script', get_template_directory_uri().'/link.js', array('jquery'));}add_action('wp_enqueue_scripts', 'scrollTop_script'); -----…

WP footer

footer.php ------ <footer> <div id="footer" class="clearfix"> <div class="footer_logo"> <img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="フッターロゴ"> </div> <div class="footer_contents"> <p>新潟本部/<br> 〒940-2023新潟県長岡市蓮潟5-5-17<br>TEL:0258-27-3310 FAX:0258-27-3320 </p> </div></div></footer>

jQUery メニュー スマホ 

index.html <html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></meta></head></html>

jQUery スマホ menu 右から

body { padding: 0; margin: 0; font-family: Verdana, sans-serif; background: #eee; padding: 8px; box-sizing: border-box; width:100%; height: 100%; overflow-x: hidden; } #cover { background: #000; opacity: 0.6; width: 100%; height: 100%; pos…

WP スマホ メニューボタン

header.php <header> <div class="sitenav"> <button type="button" id="navbtn"> <i class="fa fa-bars"></i><span>MENE</span> 'sitenav', 'container' => 'nav', 'container_class' => 'mainmenu', 'container_id' => 'mainmenu' )); ?> </div> </header> ------ style.cs…