「web制作関連」一覧

WordPressはテーマなどの様々なファイルとデータベースによってページを構築しており、実際のHTMLファイルを表示させているわけではありません。HTMLファイルを表示する場合のURLは通常のサーバの設定だと、http://sample.com/dir/page.htmlのように、http://ドメイン/ディレクトリ/ファイル名を指定することによってそのファイル(この場合だとpage.html)を表示させるわけですが、Wordpressの場合はURLの書き換えを行うことで、実際のディレクトリ構成とは関係なく、独自のURLからページを構築します。
つまり、ファイルを参照することで表示する訳ではなく、URLによりページのHTMLを動的に変動させることができるわけです。利点として、ページを構築するファイルや管理するファイルなどを分けることが可能になり、コンテンツやファイルの管理がしやすくなります。
ここで、どのURLで何を表示をするのかが問題になってきます。このURLではこの投稿を表示させる、などのようにコンテンツに対してURLを割り当てる必要がでてくるからです。
(さらに…)

カテゴリーを一覧表示するWordpressのテンプレートタグ「wp_list_categories」。すべて表示すると縦に長くなってしまうので個人的にはあまり好きじゃない。
それをjQueryの少しのコードで展開式にする方法。最初、クラスを読み取ってカテゴリー名をクリックすれば子カテゴリーが表示するように使用と思ったのですが、それでは親カテゴリーに飛べないので、子カテゴリーを持っている場合のみ展開ボタンを挿入することに。
CSSがある程度分かればカスタイマイズも簡単かと。
(さらに…)

投稿、固定ページ、ユーザーなどなど、様々なシチュエーションに対し、カスタムフィールドを利用してメタ情報を記入できるようにするWordpressプラグイン。
無料のままでもここまでかというくらい機能的で、更新も早くどんどん新機能がついていきます。
メタ情報の形式も豊富で、テキストのみならず画像、ラジオボタン、関連など多くの形式を選べるため、HTMLがあまり分からないクライアント様に提供する際にはこのプラグインを利用して形式を決めてしまうのもいいかと思います。
また特定のカテゴリーの場合、特定の投稿タイプの場合など、カスタムフィールドを表示する条件も選べるので、カスタム投稿タイプをデータとして扱う場合なんかにも重宝できます。

このプラグインについては、下記の参考サイトに説明書といっていいほど詳しく載ってあります。少し前まではGoogle上位だったのに関わらず、最近探しにくくなったのでメモ。まだまだGoogleの検索エンジンには改良が必要なようです。
追記：とても分かりやすかった以下のURLですが、残念ながら消えてしまいました。一応URLだけ残しておきます。
参考サイト：http://komodo.arrow.jp/wp/great-plugins/advances-custom-fields

(さらに…)

ラピッドサイトにてトップページや会社概要、新着情報をWordPressにし、「shop」フォルダにEC-CUBEを展開する方法。
この場合の注意点としてトップページやWorpdressのページで、商品への直リンクを張ったりは出来るかとは思いますが、ECCUBEの機能を使うのには更に何かする必要があります。ECサイトの新着情報にWordpressを利用したい人向けというよりは、会社のホームページにプラスアルファで販売もしたい人向けです。
また、shopページのタイトルを「ショップ | サイト名」などとしたい場合、店名やmain.tplなどに注意が必要です。。
特に普通と変わらないインストールの部分は省略します。

(さらに…)

テーマ内などで最新記事を取得する方法。
query_postsを使って表示数を制限して表示させています。
トップページとかカテゴリーページなどのメインループを表示する場合、表示件数を変えるだけならquery_postsで変更するのではなく「管理画面」→「設定」→「表示設定」の「1ページに表示する最大投稿数」を変えた方がなんとなく早そう。
サイドバーとかでも使えるのだけど、その場合は「get_posts」を使った方がいいかもです。。。
使いどころが分からなくなってきたところで、一応のゴールはカテゴリー名を取得してリンク付表示、タイトルは文字数で分岐、一定以上で「…」で省略。
(さらに…)

参考サイト：http://elearn.jp/wpman/column/c20120808_01.html

テーマ内のfunctions.phpに以下を記述（なければ作成）。
これにより、http://domain.com/pagesulug.htmlとなる。