簡単にyoutube動画を投稿できるようにwordpressのプラグインViper’s Video Quicktagsを導入しています。

youtube以外も挿入できますが

ココではなじみ深いyoutubeでご説明します～♪

挿入したい動画のURL（以下の画像参照）をコピーします。

新規投稿画面に以下ようなのボタンが表示されています。

ビジュアルエディタとNTMLエディタでちょっとボタンが違いますが、

大抵の方はビジュアルエディタをお使いと思います。

[ビジュアルエディタの場合]

[HTMLエディタの場合]

「youtube」のボタンをクリックすると以下のウインドウが開きますので

サンプルの下の枠内に先程コピーしたURLを貼り付けます。

「Okay」をクリックすると投稿画面にタグが貼り付けられます。

注：Dimensionについては標準で設定しておりますので変更しないで下さいませ。

実際に挿入する（Okayをクリックすると）と以下のようなタグが貼り付けられます。

投稿画面では実際の動画は表示されませんがご安心を。

以下のように投稿すると（下書き保存でも）きちんと表示されます。

Click here to view the embedded video.

このホームページのここ最近ひと月の

閲覧ブラウザの割合ですが、

512と約半分はIE。

はぁ～、、、

なるほどいまだにIE強しってことね、、、

閲覧ブラウザはもちろんクライアントさまが更新の為に使うブラウザだって同じことだ。

そして、やっかいなことに現在バージョン3.3のワードプレスで

IE8（インターネットエクスプローラー）以下だと

新規投稿する際に「公開」をクリックすると挿入した画像がすべて消えてしまうなど

モロモロの不具合が発生している。

ネットでググってみたら出るわ出るわww

これ、個人レベルなら許せるけど

ちょっとね。

クライアントさまの中には、

さまざまな事情（使用中のソフトの互換性問題など）でIEのバージョンを上げることができないこともある。

XPなんてIE9はインストールすらできない。

困っちゃうのである。

だって、ブラウザはIEしか知らない人の方が圧倒的だから。

今のところ、

「更新をするためのソフトだと思ってコレを使ってください」と

GoogleのChromeをダウンロードして使ってもらっている。

ワードプレスのバージョンを上げるにも

おおいに勇気が必要･････Σ(￣⊥￣lll)･････

すっかり関数とは無縁の生活を送ってるもんで

さっぱり、まったく忘れてたので自分の為に覚書。

習ったときはバージョン2003、検定も2003。

ちょうど、2007への移行の時期だったから

ねこもりやが受けた次の検定から2007だった。

で、最新バージョン2010なので

2010はもちろん、2007からは

もう、まったく別物のような感覚、、、

とりあえず、2003、2007と2010、すべてのバージョンをインストール済みなので

どれでも触れる状態ではあるけども。

やっぱり、2010をガンガンに使いこなしたいよ～！

それでは・・・

数値の合計を求める「SUM（サム）関数」は、良く使う関数でエクセル使う人で知らない人いないけど

ちゃんと習ってないとこの「SUMIF（サムイフ）関数」は知らない人が多いんじゃないだろーか。

注：上図の関数が違ってました、、、

正確には「=SUMIF($B$2:$B$14,F5,$D$2:$D$14)」です～

SUM関数は単純に上から下までを合計する関数。

ショートカット：合計を出したいセルを選択した状態で　”Aｌｔ＋Shift＋＝キー”

SUMIF関数は「指定した「範囲」内で「検索条件」にあったデータを探し、そのセルと同じ行にある「合計範囲」セルの値だけを合計する。

上の図で言えば

赤枠部分が検索範囲（店名欄）、黄枠が検索条件（防府）、青枠部分が合計範囲（金額欄）

＝SUMIF(範囲,検索条件,合計範囲)

この時、範囲と合計範囲を絶対参照※にしておくと数式を上から下へずるっとドラッグしてコピーできます。

絶対参照にしておかないと参照先がずれて正しく計算できませんよ。

※絶対参照・・・参照セルを固定（例：$B$5）

他にも商品ごとの合計（右表）や日ごとの合計などもできますね～

また、2007からは

「複数の条件にあったセルを合計できる”SUMIFS（サムイフエス）”もあります。

＝SUMIFS(合計対象範囲,条件範囲1,条件1,条件範囲2,条件2・・・)

これを使えば日付別で店舗ごと及び商品ごとの合計・・・なーんて複雑なことも簡単にできますね～♪

「なにそれ？」っていう人が大半だと思う。

少なくともねこもりやのまわりでは・・・

だから、

「インターネットを見るヤツ」と言う。

”ソフト”とか言うと更に「？？？？？」になるので敢えて”ヤツ”。

そうすると、

「あ～、あの青い”ｅ”みたいなヤツね」

青い”e”は”本名”インターネットエクスプローラー（以下”IE”）”

大概のwindowsパソコンには標準で入って（インストールされて）るよね。

windowsパソコンでまた「？？？？？」ってなるけど

そこはスルー。

ねこもりやのパソコンの中には

”IE”はもちろん、

Macパソコン標準の”safari”（iPhoneやiPadも）、Googleの”Chrome“、Mozillaの”FireFox“、operaなどなど主要なブラウザ、

ずっとお気に入りの国産ブラウザ、fenrir＆Coのsleipnirも入ってます。

それに、”IE”のいろいろなバージョンで閲覧できる”IETester”も。

仕事柄、いろんなブラウザで表示が崩れてないかを確かめるため。

特に一般的にみんなが使う”IE”は

どこか甘いというか・・・なんというか

少々のミスは大目に見てくれたり、はたまた他のブラウザと（スタイルシートの）解釈がまったく違ってたりと

いたって厄介。

”IE”の為だけに余計なことしなけりゃいけないこともしばしば、、、

だけど、お客様をはじめ、閲覧する人たちは

やっぱり、最初から何もしなくても標準で入ってる”IE”を使う人が圧倒的に多いのが現実。

”IE”もバージョン9になって少し良くなったかなとは思うけどね。

プライベートでは

”IE”と同じTrident エンジン搭載のsleipnirがお気に入りで

使うパソコンのお気に入りをDropBox使って同期してとっても便利に使ってた。

で、sleipnir3が登場して

なんとiPhoneやMacなんかとも自動で同期できるようになったとあって

勇んでインストールしたわけですよ。

で、いざ！旧sleipnirから新sleipnir3へお気に入りを移したら・・・

なんと!!!

きちんとフォルダ分けしてたはずなのに

中身ぜ～んぶ！ぐっちゃぐちゃ!!!（|||＿|||）ガビーン

フォーラム見たら同じ症状を訴える方が数人。

おまけにiPhone で同期しようとしてもエラーになるし。（あ、今やってみたらバージョンアップしてて同期はできたけど中身はぐちゃぐちゃ）

やーーーーめた!!!(＃｀皿´)　ﾑｷｰｰｰｰ!

話は長くなりましたが・・・

という顛末で、この度ブラウザを乗り換えました。

どれにしようか迷いましたが、

同期も簡単なGoogleのChromeに。

パスワード管理のロボフォームが使えることが絶対条件だったけど

ロボフォーム最新バージョンにしたらバッチリ使えましたとさ。

言うほど、すんごい早いとか軽いとかそう感じないけど

ブラウザの幅を小さくしたり大きくしたりして

iPadやiPhoneなどでの表示も確認できる機能Resize WindowやiPhoneシミュレーターなんかもあって非常に便利。

ツールの中のデベロッパーツールも使いやすそう。

あとは、sleipnirみたいにスポイト機能とかページをトリミングしてキャプチャできる機能（あった～♪）とか欲しいんだけど。

なんかイロイロ、できるみたいなんで今から探検してみま~す♪

まったく、お金にはならないし

きっときっと

些細なことだと思うのだけど・・・

こーんなことが気になってしまう。

wordpressのログイン画面。

なんかサミシイ。

やっぱ、クライアントの方々も

もっともっと

愛着を感じていただきたいな～と。

で、こんな感じに。

単なる自己満足ですが。

wordpressのバージョンUPで画像サイズ変更の恐れあり、、、

そのほか、

管理画面のロゴも。

ちょっとしたことだけど

全然ちがうんじゃないかと・・・

やっぱり、

喜んでいただける仕事がしたいよね～、

そう！金にならずとも！

こっちのがいいでしょ？

で、あとはこの↓

管理画面下の文字を

こんな風にしてみたり。

仕事くださ～い！

この土日で

サイトのアーカイブ（一覧）ページの「つづきを読む」をいぢくりました。

今までは文字列のリンクでインライン表示でしたが、

スマホなんかでタッチしやすいようにと画像にしてブロック要素にしてみた。

タッチできる範囲をひろげて、

ちょっと指が太めでも

「イラッ（ー’`ー;）ﾑﾑｯ」としないように。

こんなのとか・・・

こんなのとか。

タッチ操作を考慮すると

やりたいことが山ほど。

自分でもいろいろサイトを閲覧してると

とっても使いにくかったり、

すご～く、配慮してるサイトを見て感心したり。

日々、勉強。

ちょっとオシャレに。

作成順にならべてみた♪

作ったサイトってなんとなく同じイメージになりそうと

実は心配してたけど

こうして並べて見比べると意外にそうでもなかったりして。

色合いはなんとなく好みになっちゃうけど

それぞれの特色がちゃんと出てるような・・・

ホントはトップにカテゴリ一覧とかいろんなの入れたいんだけど

PHPでエラーがでちゃって足踏み中。

日本語入れると文字化けするし。

TeraPadで編集してUTF-８（BOMなし）で保存してるのに、、、だよ。

どなたか、解決方法を。

あ、ちなみに

ネットで出回ってることはひととおりやってるけど。

さぁ、これから

ゆるまっこり。

携帯からの閲覧が思いのほか多いのですが

なかなか手を付けられず。

iPhone等のスマートフォンでの見え方をカスタマイズしてからというもの

やたら気になり・・・

いきり立ってやっちゃいました！

今まではトップページには

画像を表示しないようにしていましたが（パケ代節約の為）

イマドキ「パケホーダイ」してない人はそうはいないだろうから、

ということで、サムネイル表示の方向で。

ケータイへの対応には便利なプラグイン”Ktai Style”を使わせていただいていますが

見た目はこの際パソコンサイトの雰囲気に近づけたい。

で、色々お勉強しながらカスタマイズ。

企業サイトは、

トップに新着のお知らせとかカテゴリ一覧とか入れたいのでまだまだですが

とりあえず、ブログ中心のサイトはこんな感じで。

ROSEは自分では自分のブログの携帯版見ないみたいだけど

たまには見た方がいいなと今回思った。

っていうのも、

パソコン版で入力したものが簡略化して表示されるけど

ねこもりやも多用する「改行」って

ケータイでは結構ウザい、、、

まだまだ学ぶことの多いサイト制作。

奥がふこ～ございます～(￣ｰ+￣)y-’~~~

いよいよ、ラストスパート。

～480pxスマフォ横

行きつけの友達がオーナーの美容室、ライン。

飯島直子似のサロン・ド・ライン　ニケ。

やっと、（解像度ごとにレイアウトを変える）完了。

～320pxスマフォ縦

ほんと、目立たない田舎の田圃の中にあるけど

結構、人気の美容室。

男子にもお勧めのセンスの良さは保証。

ROSEに

「スマフォとかの見た目をちょっと触るよ」

って、言ったら

「変なのひっつけんでよ！」

だって(´ー｀)┌ﾌｯ

以前、喜ばせようとヘッダー部分にきれいな切手画像を入れてみたら

お気に召さなかった（きれいすぎてレトロっぽくないってこと）ことがあり・・・

ま、スマフォ持ってないROSEには確認のしようもないでしょうから（￣ー+￣）

~480px　スマフォ（iPhoneとか）横

～320px　スマフォ縦

そしてまったくのボランティアで

ちいさな命を守るために活動されている「ケダマの会」さま。

お問い合わせなどもハンパなく多いはずだから、

少しでも、たくさんの方にご覧いただけるようにと思って

スマフォでの見た目をよりわかりやすくしてみました！

～480pxスマフォ横

～320pxスマフォ縦

これで、

にぎやかなゲストブックも快適にご覧いただけますよ～♪