どうもBootstrap基本を覚えてないので、再度勉強。 現在のバージョンは2017年3月17日 v3.3.7 まずは基本のサイト構成 公式サイトの基本を書いて保存してみる。 デモ [crayon-5c68156e43
もっと読む月別: 2017年3月
テスト
もっと読むWordPress 編集バーが表示されなくなる
上のナビバーが出なくなったので確認 原因 wp_head()とwp_footer()を入れる これね。これ今回はがっちりカスタマイズしたので出ない しかたないので出す。 余計なタグを消す作業……どうしようか
もっと読むjQuay アニメーション連打の対応
ボタンがあり、hoverでアニメーション実行を実装すると、連打されたりすると、何もしてなくても、その後に動作がどんどん繰り返される。原因はアニメーション動作は、全てqueue(キュー)に溜まるので、動作中に新たに溜まった
もっと読むmouseoverとmouseoutは子要素でもイベントが発生
@See https://iwb.jp/jquery-mouseover-mouseout/ mouseoverとmouseoutではなくmouseenterとmouseleaveを使用することでこの問題を
もっと読むthe_excerpt(); が効かないので自分で関数を作る
the_excerpt(); うごかないので、
1 2 3 4 5 |
add_filter('the_excerpt', 'my_the_excerpt'); function my_the_excerpt($postContent) { $postContent = mb_strimwidth($postContent, 0, 70, "…","UTF-8"); return $postContent; } |
@See http://www.cloudot.co.jp/blog/1963/  
もっと読む備忘録 コード表示
https://jsfiddle.net/
もっと読む画面サイズが変更されたら、出すとか出さないとか
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
$(function() { var w = $(window).width(); var x = 959; if (w > x) { $('#top_slider').fadeIn(1000); $('.top_serveice_list').fadeIn(1000); } }); /*画面サイズが変更されたら*/ $(window).resize(function(){ var w = $(window).width(); var x = 959; if (w > x) { $('#top_slider').fadeIn(100); $('.top_serveice_list').fadeIn(100); }else{ $('#top_slider').fadeOut(100); $('.top_serveice_list').fadeOut(100); } }); |
この場合、#top_sliderと.top_serveice_listに対して、 すこしコードが汚いが、画面サイズが959pxで
もっと読むスライダー読み込まれるまで待つ
@See http://resocia.jp/column/4463/ 結局 $(function(){ $(‘#top_slider’).fadeIn(1000); });で あとで精査
もっと読む「max-width: 100%」が指定されたimg要素を縦横比を維持して縮小する方法
何もない基本のWordPressのDIVとか見てみる。
まずは色々消す。 @See http://denno-sekai.com/wordpress-head-cleanup/ <link rel=”profile” href=”h
もっと読むSCSS
便利だという変数から試してみる。 すこし前のレスポンシブのデモから引き継いでみる。 出力先は分かった。 Dreamweaverの場合、サイト設定から可能のよう。 出力名まで指定できれば最高なんだが、出力ファイル名も管理で
もっと読むSass の確認(´・ω・) ス
@See http://creator.dwango.co.jp/9668.html http://rubyinstaller.org/downloads/ Ruby 2.3.3 (x64)をチョイス [crayon-
もっと読むレスポンシブの基本、メディアクエリの書き方 再確認
どうも挙動がいまいちなので、確認 記述の方法を再確認 例
1 2 3 4 5 6 |
<strong><link rel="stylesheet" href="small.css" media="screen and (max-width:480px)"></strong> /*画面サイズが480pxまでこのファイルのスタイルが適用される。*/ <strong><link rel="stylesheet" href="medium.css" media="screen and (min-width:480px) and (max-width:1024px)"></strong> /* 画面サイズ480pxから1024pxまではこのファイルのスタイルが適用される。 */ <strong><link rel="stylesheet" href="wide.css" media="screen and (min-width:1024px)"></strong> /* 画面サイズ1024px以上はこのファイルはスタイルが適用される |
media=の指定のあとに、 “screen and (min-wid
もっと読むAtom 再インストールと環境設定
コントロールパネルからアンインストール 続けて、フォルダごと削除 C:\Users\username\.atom C:\Users\username\AppData\Local\atom C:\Users\usernam
もっと読む「jQueryで余韻をつけたイージングスクロール
http://black-flag.net/jquery/20140312-5031.html http://www.webopixel.net/javascript/435.html file:///C:
もっと読む備忘録
Chromeのブラウザキャシュを簡単に削除する2つの方法+普通の方法 Chromeのブラウザキャッシュを簡単に削除する2つの方法+普通の方法
もっと読むWordPress STINGER8 メニュー 文字が入りきらない修正
STINGER8 のメニューのドロップダウン、文字が多いと幅に入りきらない。早速修正。 <?php get_template_part( ‘st-header-menu’ ); //カスタム
もっと読むWordPress 固定ページ一覧を見やすく
この記事は書きかけ…… しかし、CMS Tree Page View を入れた。 今のところ問題ない模様。
もっと読むとあるサイトのリニューアル 02
前回 : とあるサイトのリニューアル 01 の続き 22:00 SNSの連携はコードは個別なのか? Simplicity2を参考に見てみる。 22:54 問題なくできるよう。 22:55 トップの全画面の部分 22:5
もっと読むテスト
テスト
もっと読むスマホテスト引き続き
スマホからアプリ経由で投稿テスト
これはスマホのアプリでの投稿テストです。
もっと読む