2017年3月 | 加藤電業社　色々と検証サイトですよ。

add_filter('the_excerpt', 'my_the_excerpt');
function my_the_excerpt($postContent) {
    $postContent = mb_strimwidth($postContent, 0, 70, "…","UTF-8");
    return $postContent;
}

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/ &nbsp

備忘録　コード表示

2017年3月15日 kato 備忘録コメントを残す

https://jsfiddle.net/

画面サイズが変更されたら、出すとか出さないとか

2017年3月15日 kato jQuery, WEB デザインコメントを残す

$(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);    
        }
    
});

$(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で

スライダー読み込まれるまで待つ

2017年3月15日 kato jQuery コメントを残す

@See http://resocia.jp/column/4463/ 結局 $(function(){ $(‘#top_slider’).fadeIn(1000); });であとで精査

「max-width: 100%」が指定されたimg要素を縦横比を維持して縮小する方法

2017年3月14日 kato css, WEB デザインコメントを残す

img {
	max-width: 100%;
	height: auto;
}

img {

max-width: 100%;

height: auto;

}

画像に以上を。

何もない基本のWordPressのDIVとか見てみる。

2017年3月13日 kato 未分類コメントを残す

まずは色々消す。＠See http://denno-sekai.com/wordpress-head-cleanup/ <link rel=”profile” href=”h

SCSS

2017年3月13日 kato 未分類コメントを残す

便利だという変数から試してみる。すこし前のレスポンシブのデモから引き継いでみる。出力先は分かった。 Dreamweaverの場合、サイト設定から可能のよう。出力名まで指定できれば最高なんだが、出力ファイル名も管理で

Sass の確認(´・ω・) ｽ

2017年3月13日 kato css, WEB デザインコメントを残す

@See http://creator.dwango.co.jp/9668.html http://rubyinstaller.org/downloads/ Ruby 2.3.3 (x64)をチョイス [crayon-

レスポンシブの基本、メディアクエリの書き方再確認

2017年3月12日 kato css コメントを残す

どうも挙動がいまいちなので、確認記述の方法を再確認例

<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以上はこのファイルはスタイルが適用される