[3ページ目] 加藤電業社　色々と検証サイトですよ。 | 個人的な実験したり検証したり、備忘録な場所です。

jQuay アニメーション連打の対応

2017年3月20日 kato 未分類

ボタンがあり、hoverでアニメーション実行を実装すると、連打されたりすると、何もしてなくても、その後に動作がどんどん繰り返される。原因はアニメーション動作は、全てqueue(キュー)に溜まるので、動作中に新たに溜まった

もっと読む

mouseoverとmouseoutは子要素でもイベントが発生

2017年3月17日 kato jQuery, WEB デザイン

@See https://iwb.jp/jquery-mouseover-mouseout/ mouseoverとmouseoutではなくmouseenterとmouseleaveを使用することでこの問題を

もっと読む

the_excerpt();　が効かないので自分で関数を作る

2017年3月15日 kato 未分類

the_excerpt(); うごかないので、

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

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/ &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);    
        }
    
});

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で

もっと読む

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

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;
}

1

2

3

4

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)をチョイス [cr

もっと読む

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

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

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 再インストールと環境設定

2017年3月12日 kato Atom, 環境

コントロールパネルからアンインストール続けて、フォルダごと削除 C:\Users\username\.atom C:\Users\username\AppData\Local\atom C:\Users\usernam

もっと読む

「jQueryで余韻をつけたイージングスクロール

2017年3月9日 kato 未分類

http://black-flag.net/jquery/20140312-5031.html http://www.webopixel.net/javascript/435.html file:///C:

もっと読む

備忘録

2017年3月7日 kato 備忘録

Chromeのブラウザキャシュを簡単に削除する2つの方法＋普通の方法 Chromeのブラウザキャッシュを簡単に削除する2つの方法＋普通の方法

もっと読む

WordPress STINGER8 メニュー文字が入りきらない修正

2017年3月6日 kato CMS, WordPress, テーマ

STINGER8 のメニューのドロップダウン、文字が多いと幅に入りきらない。早速修正。 <?php get_template_part( ‘st-header-menu’ ); //カスタム

もっと読む

WordPress　固定ページ一覧を見やすく

2017年3月6日 kato plugin, WordPress, 未分類

この記事は書きかけ…… しかし、CMS Tree Page View　を入れた。今のところ問題ない模様。

もっと読む

とあるサイトのリニューアル　0２

2017年3月5日 kato 未分類

前回 : とあるサイトのリニューアル　01 の続き 22:00 SNSの連携はコードは個別なのか？ Simplicity2を参考に見てみる。 22:54 問題なくできるよう。 22:55 トップの全

もっと読む

テスト

2017年3月3日 kato 未分類

テスト

もっと読む

スマホテスト引き続き

2017年3月1日 kato 未分類

もっと読む

スマホからアプリ経由で投稿テスト

2017年3月1日 kato 日常

これはスマホのアプリでの投稿テストです。

もっと読む

とあるサイトのリニューアル　01

2017年2月28日 kato 未分類

ちとリニューアルの記録を記述 Webルートにindex.php用意 php バージョン確認 PHP logo PHP Version 7.1.1 NetBeansアップデート下層のwp-load.phpを読み込む最低

もっと読む

URLを書き換える

2017年2月27日 kato jQuery, WEB デザイン

var urlPram = ‘表示させるURL’; history.replaceState(”,”,urlPram); history.pushState(”

もっと読む

WordPress 年でフィルターしつつ、現在の年を表示させる

2017年2月27日 kato WordPress

デモ http://kato.space/wp/wordpress/ 上のデモで、2013年 http://kato.space/wp/wordpress/2013/ の2013をページに表示させたい。問題は、page

もっと読む

WordPress パーマリンクをカテゴリー/年/で表示させる

2017年2月27日 kato WordPress

パーマリンクが、/%category%/%year%/%post_id%/の場合、 function.phpに

//　年代別一覧のリンクを吐き出す
function years_li_links($string){
$sql = "SELECT DATE_FORMAT( `post_date` , \"%Y\" ) AS y, COUNT( id ) AS count\n"
    . "FROM `wp_posts` \n"
    . "GROUP BY DATE_FORMAT( `post_date` , \"%Y\" ) ";
	global $wpdb;
$rows = $wpdb->get_results($sql);

foreach( $rows as $key => $value) {
echo '<li>';
$li_link = site_url().'/'.$string.'/'.$rows[$key]->y.'/';
echo "<a href='{$li_link}'>";
echo $rows[$key]->y;
echo '</li>';
  }
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

//　年代別一覧のリンクを吐き出す

function years_li_links($string){

$sql = "SELECT DATE_FORMAT( `post_date` , \"%Y\" ) AS y, COUNT( id ) AS count\n"

. "FROM `wp_posts` \n"

. "GROUP BY DATE_FORMAT( `post_date` , \"%Y\" ) ";

global $wpdb;

$rows = $wpdb->get_results($sql);

foreach( $rows as $key => $value) {

echo '<li>';

$li_link = site_url().'/'.$string.'/'.$rows[$key]->y.'/';

echo "<a href='{$li_link}'>";

echo $rows[$key]->y;

echo '</li>';

}

}

使う場所に、 // http://kato

もっと読む

WordPress パーマリンクを取得　get_permalink();

2017年2月26日 kato CMS, WordPress

the_post();の中身を取り出せないものか、あれ？として、 @See https://www.tecking.org/archives/2830 the_permalink();でリンク先を取得するが、純粋に文字

もっと読む

WordPress パーマリンクをカテゴリー/年/で表示させたい　検証

2017年2月25日 kato 未分類

実際の実装はこちらここは検証のページです。パーマリンクは/%category%/%year%/%post_id%/　となっているが、要望として、カテゴリー一覧ページに年代出せる機能 URLがhttp://kato.

もっと読む

Googleアナリティクス

2017年2月25日 kato SEO, WEB デザイン

真面目に使う(´・ω・) ｽ https://analytics.google.com/analytics/ @See https://www.adminweb.jp/analytics/setup/index4.htm

もっと読む

:before, :after擬似要素

2017年2月25日 kato css, WEB デザイン

指定した要素の前後に入れる。サンプル選択できないように文字としては認識されないので、SEO的にはあまり意味がない。応用としてH1とかH2タグの前に【１】とか入れる。画像も入れることができる。ただ画像

もっと読む

トマ・ピケティ

2017年2月25日 kato 経営

トマ・ピケティ – Wikipedia https://ja.wikipedia.org/wiki/トマ・ピケティトマ・ピケティ（Thomas Piketty、1971年5月7日 – ）は、フラ

もっと読む

jQuery 日時を表示

2017年2月25日 kato jQuery, WEB デザイン

$(function(){
	$("要素").text(new Date());
});

1

2

3

$(function(){

$("要素").text(new Date());

});

@See http://www.webdlab.com/guide/jquery-new-date/ [crayon-5e580396752

もっと読む