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です。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
FOURDIGIT Inc. | 株式会社フォーデジット
Biz/Zine Day 2023 Autumn 登壇レポート – インドネシアの生活実態から発見したデータ×デザインの普遍アプローチ
写真の印象を一気に激変させて美しくするPhotoshopのお役立ちアクション61種類
Photoshopの一連の手順（画像のサイズを変更し、画像に効果を適用し、ファイルを目的の形式で保存するなど）を記録し、次回以降は一発でできるようにしてくれる自動作業機能のことを「アクション」と呼びます。このアクションを使えば、大量の画像をまとめてバッチ処理したり、いろいろと便利なわけですが、今回は写真の見栄えを美しくしたり、違う印象を与えるように加工するアクション61種類です。かなり便利なものが多いので、写真加工を頻繁かつ大量に行う人にはかなりお役立ちなのではないかと。 60種類の詳細は以下から。 いわゆる「クロスプロセッシング」を行うアクション ロモ・クロスプロセッシング ビンテージ風 HDR（ハイダイナミックレンジ）風 色あせたビンテージ風 肌のでこぼこを修正してなめらかに見せる いろいろなパターンのモノクロ写真へ変換 明度やコントラスト、シャープなどをブーストする ダークトーン・ミ
60 Most Wanted Photoshop Tutorials, Brushes, .PSDs and Resources | The Jotform Blog
For months, we have been bookmarking interesting, useful and creative Adobe Photoshop tutorials and Resources, so you can now rest assured that you will have the necessary tools to get the job done. Due to this phenomenally vast amount of textures, brushes, patterns available, you can now add dirt, rust, floral effect, swirls, mold, oil stains in your artworks and photos to give them an aged, dama
Pretty Loaded - a preloader museum curated by Big Spaceship
Once upon a time, in a land of sputtering dial-up connections, websites took ages to load. Folks yearned for the 100% mark. But as soon as that figure arrived, the beloved (or bemoaned) preloader disappeared, never to be seen or heard from again. Until now. Pretty Loaded is an archive of preloaders that preload other preloaders…which in turn reveal yet more preloaders. Copy that? It’s a tribute to
サイト公開前に役立つ２５のユーザビリティチェックリスト:phpspot開発日誌
25-point Website Usability Checklist | User Effect サイト公開前に役立つ２５のユーザビリティチェックリストが公開されていましたのでメモしてみました。 サイトの公開前にチェックリストとして使うといいかもしれません。 アクセシビリティ 1. ロード時間が速いか？(60KBぐらいがベター) 2. テキストと背景のコントラスト調整(差異が低く見にくくないか) 3. フォントサイズが読みやすいサイズか？行間、文字間は適切か？ 4. Flashやアドオンは控えめか？ 5. 画像に適切なALTタグが指定されているか？ 6. カスタマイズした404ページがあるか？デフォルトは非常に不親切 7. カンパニーロゴが分かりやすい位置におかれているか？ 8. キャッチフレーズが適切に設定されているか？ 9. 5秒で大体どんな内容が分かるものになっているか？ユーザは
3Dグラフィックデザインのまとめエントリ
Ultimate Guide to Business Cards: Infographics and Other Resources
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wordpress便利なプラグイン30選 | DesignWalker
使用しているWordPressをさらに便利にする7つの方法 | コリス
http://yuzdesign.com/archives/38
http://yuzdesign.com/archives/11
http://www.designwalker.com/2009/03/crossbrowser.html
