blogタイトルを画像にする - : 身延の風
テーマkoikikukan3でblogタイトルの表示はheader.phpのブログタイトル部分は <h1 id="blog-name"><a href="<?php echo get_settings(’home’); ?>/"><?php bloginfo(’name’); ?></a></h1> 上記コードのようになっています。 まずはタイトル部に使用する画像を作成し、適当なディレクトリにアップロードし <h1><a href="http://トップページのURL/"><img src="http://画像をアップしたディレクトリ/画像名.gif" title="画像のタイトル" alt="画像のタイトル" width="画像の幅" height="画像の高さ" /></a></h1> 上記のように変更します。
仕事にヒント - 初めてWordPressテーマカスタマイズ
初めて、WordPressテーマカスタマイズを作業しました。 ちょこちょこっとした変更はしたことありますが、デザインデータを元に起こすのは初めて。 その作業の中で、参考になった情報のリストを残しておきます。 ベースには、Sandboxを使いました。 シンプルなので、カスタマイズしやすいかなと思ったからです。 おで流WordPressテーマの作り方（5）Sandbox特集に影響されたこともあります。 要素にclass名として様々な情報が挿入されるので、作業がしやすかったです。 時間がなかったので、考える間もなくSandboxをベースにしましたが、このブログで使っているwp.Vicunaを使ってみても面白かったかなと思います。 時間の制限が厳しい時には、自分で出来ることを念頭に作業してしまいます。 今回は依頼者のしたいことの実現に向け四苦八苦しました。 そして、改めて「WordP
今時の WordPress サイト構築法 (スタイル編) | JACO-BASS
今回は、僕のスタイル編集について紹介します。前回の今時の WordPress サイト構築法 (テンプレート編)の続きですので、併せて読むと理解しやすいかもしれません。 まず、WordPress のテーマでは、テーマフォルダのstyle.cssというファイルにスタイルを記述するのが基本です。Sandbox では、構造をそのまま使えるのであれば、miyoshiさんの記事に書かれてあるように、テンプレートの継承を利用して、テーマを作成する方が望ましいのですが、商用サイトを作る場合は、どうしても構造を変更してしまう事がほとんどです。 ですので、あくまでベストの方法ではなく、僕の方法であるという事だけ先に述べておきます。 スタイル編集の下準備 では、先ずはディレクトリ構造を説明します。sandbox ディレクトリの中に、以下のディレクトリを作成します。 css - CSS ファイルを格納します im
ワードプレスの条件分岐コピペ用 | ひかげStyle
ひかげStyleで使っているワードプレスのテーマで利用するベースとなる条件分岐の記述をメモします。 homeとpageとその他で条件分岐 条件分岐の記述コードは以下の通りです。 <?php if (is_home()) { ?> <p>home(トップページ)に表示したい内容</p> <?php } else if (is_page()) { ?> <p>page(ページ)に表示したい内容</p> <?php } else { ?> <p>home(トップページ)、page(ページ)以外で表示したい内容</p> <?php } ?> 上記の記述にカテゴリーにも適用したい場合は次のとおりです。 やっつけ感があるかもしれませんが、ご愛嬌で。 homeとpageとcategoryとその他で条件分岐 WordPress 条件分岐の記述コードは以下の通りです。 <?php if (is_home()
WordPressのサブページの一覧を自動的に表示する方法
WordPressにはふつうのブログの記事「Post」と、それ以外に「Page」という記事の投稿方法があります。ポストは通常の ブログの記事のように時系列にそって書き足していくようなものに向いているのに対し、ページは比較的静的な内容のものを書くのに 向いていると言われています(参考文献[1])。 サイトの内容をすべて「ポスト」で書いて、カテゴリーやタグを利用して分類する手もありますが、 今回のテストサイトでは、ニュース記事を「ポスト」で、通常のコンテンツを「ページ」で構築してみました。 ぺージには階層構造を持たせることができ、ページの下にサブページを作成することができます。そして、「ページ」はテンプレートタグ(参考文献[2])を使っていろいろな方法で表示できますが、サブページの取り扱いが十分とはいえないので、多少工夫する必要があります。 まず、親ページの一覧の取り方ですが、参考文献[4]に
WordPressでカテゴリー毎に背景などのスタイルを変更する方法 - A.K.A and more ブログ
WordPressで、CSSを利用してカテゴリーごとにスタイルを変更する方法をメモ。MovableTypeにはそういったプラグインがあったが、WordPressにはプラグインが無い（見つからない）ので力技で対応。例えば特定カテゴリーだけヘッダー部分の背景を赤色にしたい場合などに使う。 例：カテゴリー「日記」「写真」のタイトル文字色をそれぞれ青と赤にする 1.カテゴリーごとに英文字でカテゴリースラッグをつける カテゴリー作成時（作成済みの場合は編集画面）のカテゴリースラッグ欄に、英数字で名前をつけておく。この名前を後々cssのクラス名として使う。 今回の例の場合、「日記」のカテゴリースラッグを「diary」に、「写真」のカテゴリースラッグを「photo」にする。 2.カテゴリーを表示するテンプレート（今回はarchive.php）にカテゴリースラッグを出力 ページの階層は以下の通り。divの
wordpress カテゴリー又は記事ごとにデザインを変える方法 | NIPPON MODE BGS-WORKS
wordressでカテゴリーや記事、ページ毎などでデザインを変更する方法。見た目の変更。簡単。コード。調べれば、調べるほど、「カテゴリー毎にデザインを変える」のは色々な方法があることを知り、もうびっくり。 とういうことで、自分の覚書のためにも、ちょっとまとめてみたいと思います。 ページテンプレートを使う方法 一番最初に知った方法。これは、ページ毎のデザイン変更なので、ページの内容表示部分で、カテゴリー毎の内容をひっぱってくるコードを書かなくてはいけない。結果的に一番手がかかるかも？？ 自分の解る名前でpage.phpやsingle.phpをリネームする。 そのテンプレートの一番上に以下のコードを記入し、「Temlate Name:」の後ろに、自分流の名前をつける。(今回の例では「Portfolio」になってる場所)。このファイルをアップし、ページテンプレートの項目からTemlate N
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 テーマ - Vicuna
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
Hemingway - Warpspire
Hemingway is a non-standard blog template for Wordpress. It comes in two colors by default (white on black, and black on white). It’s been tested with Wordpress 2.7. Download the latest version If you’re looking for Hemingway support, check out the support forums. Screenshots If you’d like to help contribute to Hemingway I’d be more than delighted to accept patches though GitHub: http://github.com
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wordpress便利なプラグイン30選 | DesignWalker
使用しているWordPressをさらに便利にする7つの方法 | コリス
http://yuzdesign.com/archives/38
http://yuzdesign.com/archives/11
Brusheezy - Download Free Photoshop brushes and patterns.