風工房日記

書いている順序がおかしくなっているが、実は公開している順序がおかしかったりする。
そもそもの発端は久々にソフトを公開しようとしたことにはじまる。

このページはMTだし、ホームページはWPだ。
WPはメンテも楽だし、引越しも簡単だったのだが、
・新作ソフトを公開したい
・特集を公開したい
場合には結構面倒に感じる。
以前の「伽藍堂」のページは手直ししてそのまま入れたがこれも面倒だった。
そのと特集をブログで書いて、これはMTのリンクのinframe表示すればまあ楽には違いないが、そこを書くのは結構面倒だったりする。
ブログは「書き散らかす」ことになってしまうので、リアルな読み物としてはいいが、まとめて読みたい場合にちょっと不便。カテゴリも増えていくし．．．。それで記事一覧だけをＷＰに手書きした。
で本題に戻って、ソフトの公開。
こういう場合は手で書いたほうが早いのだが、また作るのも億劫だ。
結局は、説明はMTにしてWPからリンクだけ貼っておくことにした。
手抜きだけどそれらしく見える。メンテが問題っぽいが．．．ま、いいか。

ＷＰもＨＰ風にカスタマイズできる。
自由度もＨＰビルダーと遜色ない．．．かも。
１００Ｐとか場合によっては１０００ＰのＨＰもできそうだ。
投稿順序とは前後するが以下でＨＰっぽくできる。

＜やったことのまとめ＞
１．ＨＰっぽいテンプレートを選ぶ
無料でいくつか配布されているが、当方は「テンプレートキング」さんのものを選んだ。
別段、ここでなくてもいいが、個人用ではなくビジネス用がそれっぽい。
カスタマイズ手順も詳しく書いてある。
デザインはstyle.cssで、見せ方をさらに変えるにはarchive.phpを修正する。
後者はＰＨＰの知識やＷＰのＡＰＩの理解がある程度必要になる。

２．サブカテゴリを活用しページを増やす
Ｔｏｐカテゴリが６つとして、サブカテゴリが５つとする。
これに４つぐらい平均で投稿すると６＊５＊４＝１２０ＰのＨＰができる。
この場合．．．
・メニューは３０個になって縦長になってしまう
fold_category_listというＰｌｕｇＩｎでメニューの長さを６＋５＝１１にできる。
・カテゴリを出すと、それ以下の５＊４＝２０の記事が出てしまう
just-one-categoryというＰｌｕｇＩｎを入れると、サブカテゴリであれ選んだカテゴリ以外を表示しない。
つまり４つだけ表示する。

これらを活用すれば、１００Ｐ程度のＨＰができる。
しかもＬｉｎｋの記述が不要である。

３．隠しページでさらにページを増やす
記事などが１０Ｐほどになると、さすがに各投稿では大きすぎる。
そこで隠しページ（どこからもＬｉｎｋされず、掲載されないページ）を作成する。
このためにはカテゴリを非表示にする必要がある。
Advanced Category Excluderがあるが正常動作しないのでRYO Category VisibilityというＰｌｕｇＩｎで実現できた。
これがあるとＬｉｎｋの記載は手作業になるが、各投稿に好きなだけ目次が設定できる。
例えば６＊５＊４＊１０＝１２００Ｐも夢ではない。

４．投稿の順序を並び替える
ＨＰの場合はこれも並べたい順序がある。
AStickyPostOrderERというＰｌｕｇＩｎで実現できる。
ただカテゴリーはできないが、名前順に並ぶので先頭に番号をふればよい。

５．記載の自由度をあげる
例えばｉＦｒａｍｅなどのタグが通用しない。ＷＰの構文チェックではねられる。
それを不可にするＰｌｕｇＩｎもあるが諸刃の剣である。
カスタムフィールドもそのままでは通用しないようだ。
そこでContentExというＰｌｕｇＩｎを使った。
さらにexec-phpというものを使うとＰＨＰでも記述できるようになるらしい。
これでＨＰビルダー並み（以上？）の記述ができる。

６．アクセサリ
例えばＷＰには問い合わせフォームみたいなものも無いが、これはcontact-form-7などのＰｌｕｇＩｎで簡単に実現できる。
またアクセスアナライザもＰｌｕｇＩｎで設置できる。ただ高機能なものは負荷も増えるらしい。

以上をやれば、ＨＰビルダーより断然楽に似たようなＨＰができる。
欠点であるが．．．
・カテゴリに記事が１つだと、ちょっと間抜けに見える
　これは工夫はできそうだ。
・カテゴリに記事がないと（サブカテゴリにあっても）表示されない
　これも概要でも書いて放り込めば済む
と思う。

ＨＰに似せるためには、どうしてもサブカテゴリが問題になる。
ＷＰでは、下位階層の投稿まで表示する。
そのために記事の一覧が多くなってしまう。

最初は自力でなんとかしようとやってみたが、なかなかうまく行かなかった。
そもそも、ＰｌｕｇＩｎを探そうにも、「調べ方」がまずかったらしく、なかなかＨｉｔしない。
「サブカテゴリ」「非表示」などで検索をかけたが、どれもＨｉｔしない。
ただ、そこから調べていくうちに偶然ＰｌｕｇＩｎを発見した。
その名はjust-one-categoryというＰｌｕｇＩｎ。
タイトルどおり「１カテゴリのみ表示」である。（＾＾！
「ＸＸＸＸを表示したくない」という言い方ではなく「ＸＸＸＸだけ表示する」となっている。
でもなかなか思いつかない。

これができなくて悩んだのが嘘のように、これであっさり解決した。
ツリーの折りたたみと、このおかげでＬｉｎｋも意識せずに階層構造のページが実現できる。

サブカテゴリが増えた場合に、ツリー表示のように折りたたむ。
このことで、サブカテゴリが増えても、メニュー表示がスッキリする。

これはfold_category_listというＰｌｕｇＩｎで実現した。
設置して有効後
テーマのsidebar.phpの
wp_list_categories('title_li=&orderby=name' );
を
wswwpx_fold_category_list('title_li=&orderby=name' );
に書き換えれば機能する。便利！！

せっかく目次風のものが作れるので、面白い使い方を考えてみた。
ブログの記事で特集っぽいものを目次にして入れるという．．．。
結局は「手抜き」ともいえるが．．．。

そうなるとｉＦｒａｍｅを使いたくなった。
これだと
・ページ内で見たい部分がプレビューできる。
　これはスクロールして読みにくい
・ちゃんと見たい場合ｈじはＬｉｎｋを右クリックして「別タブ」か「別ウィンドウ」
　これでちゃんと読める
という使い方ができる。

ＷＰのエディタはビジュアルなものと、ＨＴＭＬがある。
ＨＴＭＬに直接書いても、ｉＦｒａｍｅが消える。（ＴＴ）
調べてみると、ＷＰの自動整形機能はいろいろ（勝手に）やるようで
クォーテーションの置き換え、pタグの自動挿入
iframeタグ、objectタグ、embedタグ、paramタグ等の削除
などになっている。（ＴＴ）

単純なカスタムフィールドでも通用しない。（ＴＴ）
結論としてはContentExというＰｌｕｇＩｎを使った。
使用方法で
テンプレート内の「the_content」タグを、「the_content_ex」に置き換えます。
とあったが、これはやっていない。
でも、これを入れてカスタムフィールドを作成すると、できた。
面倒というほど面倒でもないので、これでタグの呪縛から解放されると思うとうれしい限り。（＾＾）

記載の自由度をあげるという意味ではexec-phpというＰｌｕｇＩｎがあってＰＨＰでも記載できるらしい。
なかなかいいかもしれない。

ＨＰにもよるが、例えば１００Ｐあったとして、
・メニューは増やしたくない
例えば５個
・記事からさらにＬｉｎｋしたい
例えば５個
とすると、５＊５＝２５Ｐなので１００Ｐは入らない。
どういうイメージかと言うと
１．ＷｏｒｄＰｒｅｓｓ
　１．１インストール
　　１．１．１レンタルサーバ
　　１．１．２導入手続き
．．．みたいに書くとして
１はカテゴリになる。
１．１．１－１．１．４のようにそれぞれ４Ｐあれば、５＊５＊４＝１００Ｐは書ける。
１．１をサブカテゴリにしてもできるが、そうするとメニューに５＊５＝２５個メニューができる。
とても縦長になる。（＾＾！見通しが悪いというか。
さらに困ったことに、サブカテゴリ以下の投稿までＴｏｐカテゴリアーカイブに出てくる。

一般的なＨＰだと
１．１はＷＰで言う、投稿記事の扱いで１．１．１などの目次が入る。
そういう意味ではサブカテゴリ単位で１つの投稿（グループ）として扱ってくれると言うことはないのだが．．．。
ともあれ別の方法として
・（どこからもＬｉｎｋされない）孤立したページを作成
・（１．１に相当する）投稿記事にそのページの目次を書く
という手法でもそれらしくできる。

これをやる場合には、
１）孤立したページを作る：非表示のカテゴリを作る
２）そのＬｉｎｋを書く：これは「パーマリンク」を手で入れる。
ことで実現できそうである。

まずは非表示のカテゴリを作成する。
ＰｌｕｇＩｎで、Advanced Category Excluderというのがある。
ただＷｅｂを見ても動作しない例が多々ある。ＶｅｒＵｐ中でもあるらしい。
次に手作業でもできる。但し面倒。
悩みまくったあがく、再びＰｌｉｇＩｎを探してたどり着いたのが
RYO Category Visibility
であり、これは動いた。（＾＾）
これで「非表示」のカテゴリができるので、ここにページを置くことで「孤立したページ」ができる。
その「パーマリンク」を控えておき、記事に目次を作って呼び出せば、ＨＰっぽい動作になる。

ＷＰでＬｉｎｋを手書きするのは抵抗もあるだろうけど、ＨＰビルダーを思えば．．．とも思う。
ＷＰの場合、Ｌｉｎｋは絶対Ｌｉｎｋになる。
相対Ｌｉｎｋに変換するＰｌｕｇＩｎもあるが導入はしていない。
このあたりはサイトを別に引越ししたら要注意になる。

ＨＰの場合はこれも並べたい順序がある。
さすがに、これはＰｌｕｇＩｎにした。
AStickyPostOrderER
というもので、これで記事の表示順序を制御できる。（カテゴリーはできない。）
使い方も簡単なので、これで順番に関してはなんとかすることができた。

最初にカテゴリを作ったとして、これが順番に並ばない。（ＴＴ）
ＰｌｕｎＩｎでそういうのもあるが、テンプレートのせいか、サブカテゴリで変な風になった。

どうも見ているとアｆルファベットで並べるようである。
で対策としては単純にカテゴリを”０１．ＸＸＸＸ”みたいに数字をつけた。（＾＾！
ＭＴだと、こういうカテゴリ変更すると「再構築」になって長いが、ＷＰはあっという間にできる。
これであれば任意に並べ替え可能。（＾＾ｖ

テンプレートもなるべくＨＰっぽいものを選ぶ。
無料でいくつか配布されているが、当方は「テンプレートキング」さんのものを選んだ。
別段、ここでなくてもいいが、個人用ではなくビジネス用がそれっぽい。
カスタマイズ手順も詳しく書いてある。
そのままでもＯＫなのだが２箇所ほど修正した。

１．スタイルシート
Ｇｉｆを表示させたときに背景に色をつけているので、透過したらおかしくなる。
Ｊｐｅｇみたいに透過しないものを使用していれば問題なし。
style.css
で以下が２箇所あるので消す。
background-color:#ccc;

２．archive.php
表示が長いので短くする。
asset-content entry-contentの部分を変更する。
the_excerpt();
を使うと要約というか概要が出てくるので、これが気に入った。
ＰＨＰの知識は少し必要だが、ここらを少しやれば、ちょっとスッキリする。

形としては、これでＨＰらしくなった。

当方が借りているのはさくらインターネットのレンタルサーバで、スタンダードプランである。
さくらインターネットにしたのは、マルチドメインが使えるからである。
もしドメイン１つならロリポップの方が安いし、こちらもＷＰなどは簡単にインストールできる。

ＭＴを入れたときは簡単インストールがなくて手作業で入れた。
ＶｅｒＵｐもないので、未だにＶ３のままである。（＾＾！

ＷＰは簡単インストールでそれこそ簡単にできる。
１．ＤＢを作成する
さくらインターネットのコントロールパネルにログインしてＤＢを作成する。
このとき「ＤＢサーバ」「ユーザＩＤ」「パスワード」を控えておく。
２．簡単インストールする
同じくコントロールパネルからＷＰを選んで簡単インストールする。

後は、管理者ページでいろいろ設定する。
基本的にはこれだけで設定が終わってしまう。
なんとも簡単になったものだ。

手作りで大急ぎで作った自前サイトだったが、この際リニューアルすることを考えた。
以前は旧伽藍堂の引越しもあって、ホームページビルダーで書いた。
しかし、デザインは持ち前のセンスでいまいちだし、メニューの統一感もない。（ＴＴ）

いっそ紋切り型でもいいので、保守の楽のなにしたくなった。
そこでサーバにブログ作成ツールを入れてみることにした。
ブログのほうはＭｏｖａｂｋｌｅＴｙｏｅの古いものを使っていて、これはデザイン変更だけで使っている。
同じものでは面白くないので、ＷｏｒｄＰｒｅｓｓを使ってみた。

特徴として、
１．クライアントＰＣにブラウザだけあればよい
　特別なソフトは不要
２．Ｌｉｎｋの記述が要らない
　殆どは、文章の執筆で済む
３．無料である
　テンプレートも無料配布されている
と一見いいこと尽くめに見える。

そこで、今回はＷｒｏｄＰｒｅｓｓを入れてＨＰ風にカスタマイズしてみた。

ＷＰのデフォルトだとやはり「ブログ風」なのでＨＰ風のテンプレートを探してくる。

今回は「テンプレートキング」さんのものにした。
上のＬｉｎｋはそのままマニュアルにもなっている。

使用許諾を読んでダウンロードの上、上のページを見ながら修正を進めていく。
尚、画像関係は自分で好みのものを用意しておくと良い。
テンプレートも沢山あるので、自分のイメージにあったものを選ぶことができる。
また別のサイトでも配布している。

これだけでデザインを変えれば、ＨＰらしくなる。