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

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

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

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

$(function(){

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

});

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

WordPress カテゴリー一覧を表示

2017年2月25日 kato CMS, WordPress コメントを残す

関数リファレンス/get categories 単純に表示するなら、

<?php

$args = array(
//    'order' => 'ASC', //昇順
//    'orderby' => 'count' //投稿数でソート とかオプション記述
);
$categories = get_categories($args);
foreach ($categories as $category) {
    echo '<a id="cat-' . $category->term_id . '-url" title="'
    . esc_html($category->cat_name) . 'の投稿一覧へ" href="'
    . get_category_link($category->term_id) . '" >'
    . esc_html($category->cat_name)
    . ' (' . $category->category_count . ')</a>';
}
?>

<?php

$args = array(

// 'order' => 'ASC', //昇順

// 'orderby' => 'count' //投稿数でソートとかオプション記述

);

$categories = get_categories($args);

foreach ($categories as $category) {

echo '<a id="cat-' . $category->term_id . '-url" title="'

. esc_html($category->cat_name) . 'の投稿一覧へ" href="'

. get_category_link($category->term_id) . '" >'

. esc_html($category->cat_name)

. ' (' . $category->category_count . ')</a>';

}

[crayon-5b057d610f6e14689551

食料自給率

2017年2月25日 kato 備忘録コメントを残す

食料自給率とは食料自給率とは、国内の食料消費が、国産でどの程度賄えているかを示す指標です。その示し方については、単純に重量で計算することができる品目別自給率と、食料全体について共通の「ものさし」で単位を揃えることによ

東京サプライ少女2017

2017年2月25日 kato WEB デザイン, 参考コメントを残す

東京マラソン2017年のキャンペーンサイト http://pocarigirl.jp/ トップページ、当日準備、レース本番、ムービー、ポカリ説明の５ページスクロールしてコンテンツ閲覧という感じで、jQuary系のアクシ

jQuary フォーム色々操作メモ

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

<h2>フォーム</h2>
<form id="form01">
<input type="text" name="name">
</form>

<script>
    $(function(){       
              
        $("#form01 [name='name']").blur(function(){
                $(this).after('<p>aaaaa</p>');
            });
    });
</script>

</form>

$(function(){

$("#form01 [name='name']").blur(function(){

$(this).after('<p>aaaaa</p>');

});

</script>

ーカスアウト時に文字を追加、これだと追加されてしまう。なので、フォーカス時に有れば消すという処理を入れる。 [crayon-

パルプ・マガジン

2017年2月22日 kato 備忘録コメントを残す

ロバート・E・ハワードヒロイック・ファンタジー

Bootstrap　スマホ用ナビゲーション

2017年2月21日 kato Bootstrap, WEB デザインコメントを残す

まずは、公式のGetting startedからサンプルコードをコピーしてみる。 @See https://codezine.jp/article/detail/8145 http://bootstrap3-guide.

Bootstrapを使ったレスポンシブを確認

2017年2月21日 kato Bootstrap, WEB デザインコメントを残す

Bootstrapのテスト、現在(2017/2/21)のバージョンは 3.3.8 まずは、CDNを使う。 https://www.bootstrapcdn.com/ [crayon-5b057d61101d3402857

Dreamweaver CC 検索結果一覧がでない

2017年2月21日 kato Dreamweaver CC コメントを残す

Dreamweaver CS4からCC切り替えたが、検索の一覧がでない？とアレアレと悩んだが、現在のドキュメントからドキュメントを開かないと一覧結果に表示されないと。ふむ……

AngularJS

2017年2月21日 kato 未分類コメントを残す

AngularJS（アンギュラージェイエス）ちと学ぶ(´・ω・) ｽ公式：https://www.angularjs.org/ 日本ユーザーグループ： https://groups.google.com/forum/

気になったプラグイン

2017年2月21日 kato CMS, plugin, WordPress コメントを残す

MW WP Form https://plugins.2inc.org/mw-wp-form/ メモね。

WordPress 投稿ページ　管理画面で設定した表示分表示

2017年2月21日 kato CMS, WordPress コメントを残す

 $posts = get_posts(array('posts_per_page' => 10,));

1	$posts = get_posts(array('posts_per_page' => 10,));

これだと１０だが、毎回は面倒(´・ω・) ｽ get_postsの配列内、posts_per_pageの値を get_option(‘post

jQuery　replaceWithで　2 変更とか

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

var sample = $('#sample p');
sample.replaceWith('<h1>sample</h1>');

 $("table").prev("p").replaceWith(<h1>sample</h1>');
//テーブルの前のＰタグを<h1>sample</h1>'に

var sample = $('#sample p');

sample.replaceWith('<h1>sample</h1>');

$("table").prev("p").replaceWith(<h1>sample</h1>');

//テーブルの前のＰタグを<h1>sample</h1>'に

jQuary 一度だけ実行されるクリックを設置するには

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

//例）フォームのsubmitを押されたら
$('form').submit(function(e){
　　　　　↓
$('form').one('submit',function(e) {

//例）フォームのsubmitを押されたら

$('form').submit(function(e){

　　　　　↓

$('form').one('submit',function(e) {

最初の一度だけ実行する、特別メソッドがあります。それがoneメソッド参考 @See https://app.codegrid.net/entry/pr

WordPressの組み込み

2017年2月19日 kato CMS, WordPress コメントを残す

更新は行ないたいが、静的なページもある。ということで、下層にWordPressを入れ込んで、ロードさせることにしてみる……行なう。現在のディレクトリー構成は、Web_root直下にあるので、 [crayon-5b05

Googleのモバイルフレンドリーテスト

2017年2月19日 kato SEO, WEB デザインコメントを残す

モバイルフレンドリーテスト https://scontent-ord1-1.xx.fbcdn.net　とな？＠Ｓｅｅブロックされたリソースの発生源がFacebookページプラグインだった件

SEOの観点からのスマホ対応

2017年2月19日 kato 未分類コメントを残す

ＳＥＯ観点的にスマホページはどう分けたらいいのか？今思いつくのは、１．USER_AGENTでページリダイレクト２．レスポンシブ検索する Googleがモバイルファーストインデックスを導入予定、影響は？対応は？

Google スマホ&デスクトップ表示速度のチェックツール「Mobile Website Speed Testing Tool」

2017年2月19日 kato SEO, WEB デザインコメントを残す

Mobile Website Speed Testing Tool https://testmysite.thinkwithgoogle.com/ 早速テストじゃおう…… だめだこりゃ……

jQuery ページスクロール

2017年2月19日 kato 未分類コメントを残す

//トップにスクロール
$('html,body').animate({ scrollTop: 0 }, 'fast');

// アンカー取得
$('a[href^=#]')


//実際に記述

<script>
$(function(){
   // #で始まるアンカーのリンクをクリックし処理
   $('a[href^=#]').click(function() {
      // スクロールの速度
      var speed = 500; // ミリ秒
      // アンカーの値取得
      var href= $(this).attr("href");
      // 移動先を取得
      var target = $(href == "#" || href == "" ? 'html' : href);
      // 移動先を数値で取得
      var position = target.offset().top;
      // スムーススクロール
      $('body,html').animate({scrollTop:position}, speed, 'swing');
      return false;
   });
});
</script>


<a href="#1">section1</a>
    <div id="1">section1の内容</div>

//トップにスクロール

$('html,body').animate({ scrollTop: 0 }, 'fast');

// アンカー取得

$('a[href^=#]')

//実際に記述

$(function(){

// #で始まるアンカーのリンクをクリックし処理

$('a[href^=#]').click(function() {

// スクロールの速度

var speed = 500; // ミリ秒

// アンカーの値取得

var href= $(this).attr("href");

// 移動先を取得

var target = $(href == "#" || href == "" ? 'html' : href);

// 移動先を数値で取得

var position = target.offset().top;

// スムーススクロール

$('body,html').animate({scrollTop:position}, speed, 'swing');

return false;

});

</script>

<a href="#1">section1</a>

<div id="1">section1の内容</div>

jQuery おさらい(´・ω・) ｽメソッド

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

$("セレクタ").メソッド(パラメーター);
//　　　↑
//$("要素を指定").何かする(パラメーター);

$("セレクタ").メソッド(パラメーター);

//　　　↑

//$("要素を指定").何かする(パラメーター);

$(function() {
	$("#third").css("color", "hotpink");
});

$(function() {

$("#third").css("color", "hotpink");

});

先頭に

$(function() {
	$("#list").prepend("<li>jQuery</li>");
});

$(function() {

$("#list").prepend("<li>jQuery</li>");

});

jQuery おさらい(´・ω・) ｽ基本～セレクタ

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

$(document).ready(function(){
	ページ読み込んだら実行
});

$(document).ready(function(){

ページ読み込んだら実行

});

↓

$(function() {

});

$(function() {

});

セレクタ [crayon-5b057d61110b2412712120

パソコンを仮想化させる　VMware vCenter Converter

2017年2月18日 kato 未分類コメントを残す

http://www.vmware.com/jp/products/converter.html まずはインストール。公式のメールアドレスの登録が必要。 VMware vCenter Converterで仮想イメージを作

パソコンを仮想化させる　Disk2vhd

2017年2月17日 kato 未分類コメントを残す

パソコンを仮想化させたい。専門用語的には、P2V V2V など Physical to Virtual フィジカルトゥバーチャルね有名なソフトは、 XenConvert Disk2vhd では、まずはWindow