[2ページ目] 加藤電業社　色々と検証サイトですよ。 | 日々やＩＴ関係や日々の事を書いてますよ。

とあるテーマのBootstrap化その１まずは読み込ませて部分的にテスト

2017年6月15日 kato Bootstrap, WordPress コメントを残す

某サイトで既にカスタマイズされたテーマがある。で、これをCSSのフレームワークのBootstrap化したい。単純に呼び込むだけなら、問題ないが、当然レスポンシブになるし、１から作りたいが既に運用しているのでそうもできな

続きを読む »

メモ：キーボード・マウス共有 Synergy

2017年6月15日 kato Windows コメントを残す

https://github.com/afzaalace/synergy-stable-builds/releases 設定の躓きホスト側でConfigure Server→サーバーボタンをドラッグで配置、その上で、

続きを読む »

MySQL「AUTO INCREMENT」の値の確認と変更

2017年4月1日 kato MySQL, データベースコメントを残す

SHOW TABLE STATUS LIKE 'テーブル名';

ALTER TABLE 'テーブル名'AUTO_INCREMENT = 数値;

1

2

3

SHOW TABLE STATUS LIKE 'テーブル名';

ALTER TABLE 'テーブル名'AUTO_INCREMENT = 数値;

続きを読む »

1からBootstrapを学ぶ

2017年3月30日 kato Bootstrap, WEB デザイン, 未分類コメントを残す

どうもBootstrap基本を覚えてないので、再度勉強。現在のバージョンは2017年3月17日 v3.3.7 まずは基本のサイト構成公式サイトの基本を書いて保存してみる。デモ [crayon-5adab64dac

続きを読む »

テスト

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

続きを読む »

WordPress　編集バーが表示されなくなる

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

上のナビバーが出なくなったので確認原因 wp_head()とwp_footer()を入れるこれね。これ今回はがっちりカスタマイズしたので出ないしかたないので出す。余計なタグを消す作業……どうしようか

続きを読む »

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

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 トップの全画面の部分 22:5

続きを読む »

テスト

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

続きを読む »