<p class="<?php 
    $cat = get_the_category();
    $catslug = $cat&#91;0&#93;->category_nicename;
    echo $catslug;
?>">
<?php 
    $cat = get_the_category();
    $catslug = $cat&#91;0&#93;->cat_name;
    echo $catslug;
?></p>

カテゴリー1

決定版！

出力はできたけどもっとまとめられるんだろうなと思いつつ、さらに捜索したら、その後こちらのページを見つけて、この記述が全くビンゴ！でした。
echoの書き方ももうちょっと勉強しないとなぁ。

Wordressのカテゴリースラッグをクラス名として付ける方法と固定ページのスラッグをIDにつける方法 | memocarilog

<?php $cat = get_the_category(); $cat = $cat&#91;0&#93;; {
  echo '<p class="' . $cat->category_nicename . '" />'; 
 } ?>
<?php the_category(','); ?></p>

カテゴリー1

コメント: 0
トラックバック: 0

［JS覚書］バナーが1つずつ左にスライドしていくカルーセルスライダーをカスタマイズ

2013-06-27 (木)
javascript
JQuery スライダー

こちらのページを参考に、３つ正方形のバナーが並んでいて１つずつ左にスライドしていくカルーセルスライダーをカスタマイズしました。こんな感じの。

カルーセルスライダーbxSlider | | e-signe-sign

便利なコンテンツスライダー、カルーセルスライダー

bxSliderのバージョンについて

参考サイトから行けるbxSliderのページからダウンロード出来るのは、v4.1.1なのですが、これだとデモのカルーセルみたいに動きませんでした。どちらかというとデモページの2みたいな動きになってたね。デモページと同じv3.0を利用したら同じ動きになりました。
どうもv4.1.1には余計な記述が入ってるような気がするのですが（ーー；そのへんは詳しく調べておりません。

スクリプト記述

見本のスライダーはhead内に記述されているのですが、
既に他のスライダーのスクリプト記述を/body直前に記述していたため、同じく同じ位置に記述しないと、JSが動かなかったです(>_<) ま、記述場所は環境に応じて。 [html]

[/html]

html記述

例のごとく、Wordpressのvicuna仕様になっております。
widthがバナーの幅になるのがミソですね。余白はCSSで調整します。

<div id="special">
<div class="bg_img3"><ul id="slider3" class="slider">
  <li class="slide1"><a href="" class="thumb"><img src="<?php bloginfo('template_url'); ?>/style-vega/images/special/img01.jpg" width="207" /></a></li>
  <li class="slide2"><a href="" class="thumb"><img src="<?php bloginfo('template_url'); ?>/style-vega/images/special/img02.jpg" width="207" /></a></li>
  <li class="slide3"><a href="" class="thumb"><img src="<?php bloginfo('template_url'); ?>/style-vega/images/special/img03.jpg" width="207" /></a></li>
  <li class="slide4"><a href="" class="thumb"><img src="<?php bloginfo('template_url'); ?>/style-vega/images/special/img04.jpg" width="207" /></a></li>
  <li class="slide5"><a href="" class="thumb"><img src="<?php bloginfo('template_url'); ?>/style-vega/images/special/img05.jpg" width="207" /></a></li>
  <li class="slide6"><a href="" class="thumb"><img src="<?php bloginfo('template_url'); ?>/style-vega/images/special/img06.jpg" width="207" /></a></li>  
</ul></div></div>

CSS記述

色々いじくっててデザインカンプに合わせたら最終的にこんな感じに。
.bg_img3のwidthはバナー幅×数＋余白幅×数という雰囲気ですわ。
そして背景を入れたらページャーが見づらくなってしまったので、

.bx-pager a {
    background-color: #fff;	
}

の設定を加えております。

.bg_img {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 150px;
}

.bg_img .bx-wrapper {
    height: 100%;
}

.bx-window {
    margin-bottom: 10px;
}

#slider li a {
	padding: 30px 0 0 40px;
	font-size: 24px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 2px #333333;
}


.slider {
	width: 100%;
	margin: 0px auto;
}

/* ページャー部分 */
.bx-pager {
    text-align: center;
}
 
.bx-pager a {
    margin-right: 10px;
    border: 1px solid #dddddd;
    padding: 3px 5px;
    color: #333333;
    text-decoration: none;
    background-color: #fff;	
}

.bx-pager a.pager-active {
    color: #ffffff;
    background-color: #333;
}
 
/* 前へ、次へのボタン */
 
.bx-prev,.bx-next {
    position: absolute;
    font-size: 36px;
    text-decoration: none !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #333333;
}

.bx-prev {
    left: 10px;
    top: 40%;
}

.bx-next {
    right: 10px;
    top: 40%;
}

.bx-pager a.thumb {
    border: none;
    padding:0;
    background-color: none;
    line-height: 0;
    overflow: hidden;
    display: inline-block;
}

.bx-pager a img {
    border: 1px solid #dddddd;
    padding:0;
    text-decoration: none;
}

.bx-pager a.pager-active img {
    color: #ffffff;
    border: 1px solid #f00;
}
 
/* カルーセルスライダー */
 
.bg_img3 {
	width:645px;
	margin-bottom: 50px;
	background-image:url(images/custom/back_special.png);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 23px;
	padding-right: 28px;
	padding-bottom: 23px;
	padding-left: 28px;
}

#slider3 li {
    width: 218px;
    text-align: center;
}

コメント: 0
トラックバック: 0

2013年6月Google Analyticsのトラッキングコード悩みどころ

2013-06-26 (水)
SEO
Google Analytics

まず、久々にGoogle AnalyticsをセッティングしたらユニバーサルバージョンとやらのBata版がデフォルトになっていた。画像のように標準のGoogleAnalyticsとどちらかが選べるようにはなってたんだが、最初からユニバーサルバージョンにチェックボックスが入ってたので意識せずそのまま進めたら、このようなトラッキングコードがでてきました。

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXXXXX-X', 'xxxxx.co.jp');
  ga('send', 'pageview');

</script>

しかし、結果的にいつまでたってもトラッキングを読み込まないのと、ウェブマスターツールの認証もうまくいかないので（＞＜）、今までと仕様の同じ標準のanalyticsコードとやらに変更しました。
たぶんユニバーサルバージョンとやらはウェブマスターツールの認証には対応してないっぽい。

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-Y']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

貼り場所の指定について

以下はトラッキングコードです。コピーし、トラッキングするすべてのページのコードに貼り付けます。

という感じで、貼り場所の指定もなくなってましたが以下の条件と照らし合わせて、やはり＜/head＞の直前で確定！

ウェブトラッキングコードの設定方法 – アナリティクスヘルプ

あらゆるブラウザで適切に機能するよう、サイトの他のスクリプトを次のいずれかの場所に配置することをおすすめします。
・HTML のセクションのトラッキングコードの前
・トラッキングコードとすべてのページコンテンツの後（HTML body の一番下など）

ウェブマスターツールに登録する時の所有権確認でGoogleアナリティクスを利用する場合の条件

トラッキングコードは、ページのセクションに追加する必要があります。

もしかしたら将来的にユニバーサルに変更する必要は出てくるかもしれないが、まだベータ版だしなぁ。
動向を見守ります。

コメント: 0
トラックバック: 0

グーグル先生に『ガリレオ脚本』と入力すると、『ガリレオ脚本ひどい』『ガリレオ脚本つまらない』が出てくるwwww

2013-06-25 (火)
ドラマ

いつものようにツイッターに投げようと思ってたのですが、あまりの怒りに長文になってしまったため、ブログに置いとくことにしました。まだ見てない人もいるかもしれないしね☆

浄水器の一年前セットが納得いかずちょっと調べてみたら、どうやら原作だと一年前にちょうど浄水器の交換があり、そのときにセット→鑑識がいじった痕跡がないと証言ということらしい。

鑑識の人が出てきて、一言言うだけでもだいぶ印象が違うと思うの。あと吉高さんが泣くのも意味不明であんなに長い時間とることないだろと思った。紫の傘の女（光浦さんw）も全然関係なかったしぃ！（笑）

あとね天海さんが演ってた人物は原作だとか弱いタイプの女性らしい。
大塚寧々とか鈴木京香とか深田恭子の名前があがってました。
天海さんのキャラであの行動は確かに違和感あるよな～。離婚しようって言われた瞬間に堀部に右ストレートが飛んできそうな勢いです。病み上がりだけど。

逆になんで一年間も使ってなくて、浄水器の水を出しっぱにしないの？というツイを見かけたけど、ダンナは浄水器を使ってなかったのは知らなかっただろ。台所に入れてもらってなかったんだから。
鑑識がなんで水道を調べなかったのというのは激しく疑問だけど。

しかし人々にこういう疑問を様々に湧きあがらせるのは、悪い脚本・演出と言わざるをえない。

そして心情描写についても、

出演者がかわいそう!?　福山雅治主演『ガリレオ』に「相変わらず脚本がひどい」の声 – ネタりか

「原作の『聖女の救済』は、登場人物の恋心や細かな心情が丁寧に描かれ、実にイイ話なんです。原作ファンの間でも人気が高く、以前から福山さんと柴咲（コウ）さんのコンビで、映画化も熱望されていました。

ひえっそのぐらいの作品を、あんな駄作にしてしまうなんて、なんてもったいない！
原作を改変して意味不明になる悪いパターンの見本ですな(；´Д｀)

二期は全体的に脚本・演出が手抜きの印象が漂ってた。なんというか無駄な描写が多くて肝心のトリックに関する伏線描写が全く言葉足らず！
福山やゲスト大物俳優の人気に頼りすぎて、そういうのを疎かにしたなという印象がすごくある。

あとは月曜の朝に福山と吉高さんがめざましに出演した時に、まだ完パケしてないと言っててビックリ(ﾟдﾟ)したので、制作サイドのそういう時間や余裕のなさも原因かねぇ。

相方は今でも天狗事件前半の謎のことを気にしています( ´∀｀)←それは原作読もうぜw
ガリレオ7話　烏天狗とは一体何だったのか – NAVER まとめ

相方と開催した、ガリレオ勝手反省会（爆）の議題にのぼった件としては、
・岸谷さんの代わりに戸田恵梨香
・真矢さんがいないと締まらない
などなどがあがりました。

参考サイト

「吉高が急に静かになっちゃった！」福山雅治主演『ガリレオ』大台回復も“キャラ変更”に戸惑う声 – 日刊サイゾー

ガリレオ File9　【福山雅治】（4/17付）期待を裏切られた？2chでは辛口コメント多数 – テレビ大好き（2chの反応）

ガリレオ2の脚本家は福田靖　毎度叩かれるその雑さに出演者がかわいそうとの声 – 将来に不安を感じる30代男が贈るニュース記事

心に素直に::ガリレオ高視聴率と批判の理由

あとガリレオ関連ですげー分析されてるブログを見つけました。

「ガリレオ２」脚本家の深謀か思い上がりか？第１話がドラマ版と原作でこれだけ違う理由は何？=前編 – DramaticNavi21～本音で語る映画とドラマの核心
 「ガリレオ」２weeksスペシャル～今夜放送の「内海薫最後の事件」で「真夏の方程式」へのＸデイが起動！ – DramaticNavi21～本音で語る映画とドラマの核心

「ガリレオ２」最終章の原作として、なぜ第２長編作「聖女の救済」が選ばれたのか？=前編 – DramaticNavi21～本音で語る映画とドラマの核心

「ガリレオ２」最終章の原作として、なぜ第２長編作「聖女の救済」が選ばれたのか？=後編 – DramaticNavi21～本音で語る映画とドラマの核心

あと３週間「真夏の方程式」ドラマの続編でなく「容疑者Xの献身」の続編として楽しむ７つのアングル=前編 – DramaticNavi21～本音で語る映画とドラマの核心

あと３週間「真夏の方程式」ドラマの続編でなく「容疑者Xの献身」の続編として楽しむ７つのアングル=中編 – DramaticNavi21～本音で語る映画とドラマの核心

あと３週間「真夏の方程式」ドラマの続編でなく「容疑者Xの献身」の続編として楽しむ７つのアングル=後編 – DramaticNavi21～本音で語る映画とドラマの核心

コメント: 0
トラックバック: 0

［WP覚書］リビジョン操作でMATRIXのメッセージのイースター・エッグ。びびるわ！

2013-06-19 (水)
WordPress

DesignleaBlog » WordPressでMATRIXのメッセージ?

こういうソフトの裏ワザみたいなの、イースター・エッグと言うらしい。
こんなのあるの全然知らなかったので、なんなのウィルス！？と肝を冷やしたぜ。
MATRIXちゃんと見てないからわかんなかったし(；´Д｀)

コメント: 0
トラックバック: 0

Googledocs スプレッドシート内の検索方法

2013-06-19 (水)
なるほどWeb
Googledocs

家計簿兼お小遣い帳をつけていて、買った漫画の巻数がわかんなくなってしまってよく検索したりする。
前は月ごとに一つのファイルにしてたのだがファイル数が増え過ぎてしまって、先日思い切ってシートをまとめて年毎にしました。
しかしこれだと、いつもの検索方法だと出てこなくなってしまった！！(–;
意外に見つけづらかったので書いときますね。

検索と置換ツール – Drive ヘルプ
特定のファイルを開いた状態で、上メニュー「Edit」→「Find and replace」を選択

検索小窓が開くので、適当な条件を入れて検索。