DreamweaverでWordPressサイトを作るならいれておくべき機能拡張 2本 : 構想雑文
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 DreamweaverでWordpressサイトを使うなら、以下の機能拡張をいれておけば事足りるな、と改めて思ったので、まとめです。 TAGStention http://solutoire.com/tagstention/ 色々な方が、WordPressの開発で必須、と言っているので、いまさら感はありますが、CS3、CS4でも問題なく使用できる機能拡張です。 ただ、開発は2006年3月28日以降は停滞している（開発をやめている？）ので対応してないタグや使用できないタグもあるようですが、ツールバーからワンクリックで入力で
WordPressを利用している良デザインな日本のサイトいろいろ
日本語で運営されているサイトで WordPressを使った良デザインの サイトをご紹介します。僕が知っている 範囲ですので「こんなサイトもあるよ！」 と言ったお勧めサイトがありましたら 教えて頂けると嬉しいです。 一応テンプレ等を使用していないと思われるサイトに絞っていますが「テンプレだよ」というサイトがあったらごめんなさい。配布テーマでもしっかりカスタマイズしたものは有りの方向です。以前書いた記事の第２弾的なエントリーです。以前も記事内にもWPを使ったサイト多目でした。以前の記事で紹介したサイトは割愛しています。 UMLAND レッドカラーが凄いインパクトです。所々にもjsを使った表現をされています。 UMLAND mono-lab シンプルでかなり見やすいです。フッターも素敵ですよ。テーマも配布してくれています。 mono-lab Brooklyn Parlor かなりハイクオリティで
WordPressをCMSにする方法 – creamu
noupeで、WordPressをCMSにする方法が紹介されています。 ざっといくつかご紹介。 ・静的なトップページを作る ・ナビゲーションバーに表示させるものを制御してカスタマイズする ・編集できない部分を作る ・WordPress Widgetsを使ってサイドバーをカスタマイズする ・パーマリンクをカスタマイズする ・サイトマップを作成する ・コメントやトラックバックを拒否する 「How To » 」にそれぞれ方法が書いてありますね。 一度見てみてください。 » 101 Techniques for a Powerful CMS using WordPress いろいろやることがあるのでブログ書く手を止めたい。。
WordPressテーマ（テンプレート）カスタマイズのまとめ（日本語訳） - Trans
著者: Nick La件名: WordPress Theme Hacks日付: 2007年10月15日URL: http://www.webdesignerwall.com/tutorials/wordpress-theme-hacks/訳者: Arata Kojima WordPress Theme Hacks WordPressは最初ウェブログやブログプラットフォームとして開発された。しかし、今、WordPressはとても力強く成長し、僕たちはWordPressであらゆるタイプのWebサイトを作り、CMSとしても利用することができる。 この記事では、みんながよりよいWordPressのテーマを作るために、僕の技をみんなと共有しようと思う。僕はプログラマでもデベロッパーでもない。だから、フロントエンドの開発にフォーカスしようと思う。 そういえば、言い忘れていた。私のようなプログラマーでは
WordPress テーマを作成（８）function.php の使用 | Sun Limited Mt.
WordPress のテーマを作成しているときに、テーマ内でちょっとした機能を入れるときに便利なファイルが function.php です。 テーマフォルダに function.php を作成すると、テーマが有効化されているとブログの画面を表示する前に自動的に読み込まれます。 この機能を利用してテーマで使う関数などを function.php に定義しておけば、テンプレートファイルもすっきりと読みやすくなります。 注意点としては関数名をつけるときに既存の関数とぶつからないようにすることです。参考に function.php を使用している他のテーマを見てみるとよいかと思います。ユニークなるように関数名をつける必要があります。ユニークなテーマ名をつけて、テーマ名をプレフィックスとして関数名につけるとよいかと思います。 関連する投稿 WordPress 2.7 にアップグレードしました Cak
WordPress テーマを作成する（７） 任意のテンプレートを読み込む | Sun Limited Mt.
WordPress のテーマのテンプレート内に任意のテンプレートファイルを読み込ませる方法です。 例えば hoge.php というファイルをテンプレート内に読み込ませたい時は、読み込ませたい部分に下記のように書きます。 <?php include ( TEMPLATEPATH . '/hoge.php'); ?> WordPress のテンプレートは PHP ファイルなので、なんてことはない PHP なのですが、TEMPLATEPATH という WordPress の定数なども使用しますので、メモ代わりに書いておきます。 このブログの右下の「About」の部分もこの方法で読み込ませていますね。読み込ませるファイルは PHP ファイル以外でも大丈夫です。このブログの「About」の部分は <?php include (TEMPLATEPATH . '/about_text.txt'); ?>
WordPress テーマを作成する（６） CSS でデザインを整える | Sun Limited Mt.
前回まではまだ縦に長いだけのデザインされていない状態でした。今回は CSS を作成してデザインを整えてブログらしくして行こうと思います。 ページ全体を整える ページ横幅をとりあえず 650px にします。前回までのテーマ作成で下記のような構成になっています。 画像1 これを CSS で下記のようにしたいと思います。 画像2 CSS は下記のようにしました。 * { margin: 0; padding: 0; } body { background-color: #fff; color: #333; font-family: verdana, sans-serif; } #page { width: 650px; } これで画像2のような見た目になりました。 その他の見た目を整えて、最終的に下記のような CSS にしました。 syte.css /* 全体のルール */ * { margin
WordPress テーマを作成する（５） サイドバーをウィジットに対応させる | Sun Limited Mt.
前回作成したサイドバーをウィジットに対応させて、管理画面からサイドバーを変更できるようにしてみました。 sidebar.php の修正 sidebar.php の ulタグ の直後に以下の行を追加 <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> また sidebar.php の最後の ul タグの前に以下の行を追加 <?php endif; ?> つまり ul タグの中を上記の if 文ではさむ感じです。 <div id="sidebar"> <ul> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> // ここにデフォルトのサイドバーの内容を書く <?php endif; ?> </u
WordPress テーマを作成する（４） サイドバーを作る | Sun Limited Mt.
今回はサイドバーを作っていきます。sidebar.php にコードを書いていきます。 骨格 WordPress のサイドバーは下記のような構成の HTML になります。 <div id=”sidebar”> <ul><br /> <li><h2>タイトル 1</h2><br /> <ul><br /> <li>要素 1</li><br /> <li>要素 2</li><br /> </ul><br /> </li><br /> <li><h2>タイトル 2</h2><br /> <ul><br /> <li>要素 1</li><br /> <li>要素 2</li><br /> </ul><br /> </li><br /> </ul><br /> </div> 関連する投稿 WordPress の設定を使ってデータベースにアクセスする方法 CakePHP デバッグモード CSV ファイル
WordPress テーマを作成する（３） トップページの投稿一覧を作る | Sun Limited Mt.
index.php に投稿一覧を作成する 投稿内容の一覧を表示するには下記のコードのパターンを使用します。 <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> /* ここに投稿内容を表示するコードを書く */ <?php endwhile; ?> /* 1件も投稿がなかった場合 */ <?php endif; ?> 最初の if (have_posts()) で投稿があるかチェックしてあれば、次の while 文で投稿の数だけループして、投稿がなければ endwhile に分岐します。 WordPress のタグを使用して投稿内容を表示する 上記のループ内で使用する個別の投稿を表示するタグの一部を書いておきます。 投稿の個別URLを表示<?php the_permalink() ?> タイトルを表
WordPress テーマを作成する（２） | Sun Limited Mt.
前回は style.css と index.php だけを作成して最低限のブログを表示させました。なぜこれだけのファイルで表示ができるかというと選択しているテーマに必要なファイルがない場合は wp-content/thmems/default 内のファイルを使用するためです。 今回はヘッダファイルとフッタファイルを作成します。 ヘッダファイル テーマディレクトリに header.php を作成し下記のような内容にしました。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attrib
WordPress テーマを作成する（１） | Sun Limited Mt.
WordPress用のテーマを作ってみようと思います。始めて作成するのですが、作成過程を投稿していきます。まずは第1回目です。 テーマフォルダを作成する wp-content/themes/ 以下にテーマ用のディレクトリを作成します。 今回は test というディレクトリを作成しました。 CSS ファイルを作成する 作成したテーマディレクトリに style.css を作成します。 style.css には必要最低限の項目を書いておきます。 /* Theme Name: Test Template Theme URI: http://www.syuhari.jp/ Description: テーマ作成テスト用です。<a href='http://www.syuhari.jp/'>リンクも出来ます</a> Author: Boze Author URI: http://www.syuhari.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
