ウェブデザイン– category –
-
jQuery
アンカーリンクをクリックしたらハンバーガーメニューを閉じる
//spメニュー $(function() { $("#panel-btn").click(function() { $("#panel").fadeToggle(500); $("#panel-btn-icon").toggleClass("close"); return false; }); $('.global-nav li a').on('click', function(){ $('#panel-btn').click(); }); }); -
WordPress
【Advanced Custom Fields】カスタムフィールドに入力がなければ非表示にする
<?php $value = get_post_meta($post->ID, 'カスタムフィールド名', true);?> <?php if(empty($value)):?> <!--カスタムフィールドに入力がない場合--> <?php else:?> <!--カスタムフィールドに入力が有る場合に表示... -
CSS
YouTubeの埋め込みコードをレスポンシブ化する
.youtube { position: relative; width: 100%; padding-top: 56.25%; } .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } -
WordPress
MW WP Form 編集画面のビジュアルエディタをオフにする
function my_off_ve_in_page(){ global $typenow; if( in_array( $typenow, array( 'page' ,'mw-wp-form' ) ) ){ add_filter('user_can_richedit', 'my_off_ve_filter'); } } function my_off_ve_filter(){ return false; } add_action( 'load-post... -
ウェブデザイン
WindowsからMacへ乗り換えた時に困ったこと
Windows歴20年、初めてMacのパソコンを買いました。 スマホはずーっとiPhoneを使っていたのですが、パソコンに関しては使い慣れたWindowsから抜け出すことができず、たまーにMacを使わせてもらうと検索すら苦戦するほどでした。 スマートでかっこい... -
jQuery
固定されたヘッダーのアンカーリンクに最適「smooth-scroll.js」
■GitHubでダウンロード https://github.com/cferdinandi/smooth-scroll html <script src="js/smooth-scroll.polyfills.min.js"></script> js <script> var scroll = new SmoothScroll('a[href*="#"]'); <script> &... -
jQuery
スライダ―を入れるとアンカーリンクがずれる
ページ内のアンカーリンクだと問題ありませんが、別ページからのアンカーリンクだと、アンカーの場所がおかしくなってしまうことがあります。 これは、スライダーで使っているjQueryやcssが読み込まれる前にアンカーリンクが着地するためです。 先にロード... -
ウェブデザイン
ページ内アンカーリンクにスクロールする
ページ内でアンカーリンクを貼った際にスムーズにスクロールするjQueryです。 $(function(){ $('a[href^="#"]').click(function(){ var speed = 500; var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var po... -
CSS
ヘッダー固定時にアンカーリンクがずれる
headerを固定しているとアンカーリンクがずれる場合い、headerに高さを指定してあげると解消する。 クロームも -
WordPress
WordPressで特定のカテゴリにベーシック認証をかける
指定カテゴリの一覧とシングルページにベーシック認証がかかります。 編集するファイルは header.php function.php そして、サーバーによっては .htaccess です。 header.php header.phpの一番上に下記を追加します。 カテゴリーIDのところにベーシ...