FAQ » スタイル http://tenman.info/labo/manual Just another 仙台入門new weblog Fri, 20 Aug 2010 09:14:05 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 文字や画像を中央に配置　記法 http://tenman.info/labo/manual/2009/06/05/%e6%96%87%e5%ad%97%e3%82%84%e7%94%bb%e5%83%8f%e3%82%92%e4%b8%ad%e5%a4%ae%e3%81%ab%e9%85%8d%e7%bd%ae%e3%80%80%e8%a8%98%e6%b3%95/ http://tenman.info/labo/manual/2009/06/05/%e6%96%87%e5%ad%97%e3%82%84%e7%94%bb%e5%83%8f%e3%82%92%e4%b8%ad%e5%a4%ae%e3%81%ab%e9%85%8d%e7%bd%ae%e3%80%80%e8%a8%98%e6%b3%95/#comments Thu, 04 Jun 2009 23:20:12 +0000 admin http://tenman.info/labo/manual/?p=864

真ん中に配置

画像ファイルへのURIだけを記述した場合は、標準画像幅[0]で画像表示します。 

中央:http://f.hatena.ne.jp/images/fotolife/t/tenman/20090506/20090506114932.png

http://f.hatena.ne.jp/images/fotolife/t/tenman/20090506/20090506114932.png

  • [0]標準画像幅は、定数TEXTTOHTML_DEFAULT_IMAGE_WIDTH
]]> http://tenman.info/labo/manual/2009/06/05/%e6%96%87%e5%ad%97%e3%82%84%e7%94%bb%e5%83%8f%e3%82%92%e4%b8%ad%e5%a4%ae%e3%81%ab%e9%85%8d%e7%bd%ae%e3%80%80%e8%a8%98%e6%b3%95/feed/ 0 画像を好きなサイズに指定する記法 http://tenman.info/labo/manual/2009/06/05/%e7%94%bb%e5%83%8f%e3%82%92%e5%a5%bd%e3%81%8d%e3%81%aa%e3%82%b5%e3%82%a4%e3%82%ba%e3%81%ab%e6%8c%87%e5%ae%9a%e3%81%99%e3%82%8b%e8%a8%98%e6%b3%95/ http://tenman.info/labo/manual/2009/06/05/%e7%94%bb%e5%83%8f%e3%82%92%e5%a5%bd%e3%81%8d%e3%81%aa%e3%82%b5%e3%82%a4%e3%82%ba%e3%81%ab%e6%8c%87%e5%ae%9a%e3%81%99%e3%82%8b%e8%a8%98%e6%b3%95/#comments Thu, 04 Jun 2009 23:17:58 +0000 admin http://tenman.info/labo/manual/?p=859 画像のURIの直後に?w=数字h=数字alt=簡単な説明(区切りはスペース)


http://f.hatena.ne.jp/images/fotolife/t/tenman/20090506/20090506114932.png?
w=200h=200alt=ゆがんだサイズ
ゆがんだサイズ ]]> http://tenman.info/labo/manual/2009/06/05/%e7%94%bb%e5%83%8f%e3%82%92%e5%a5%bd%e3%81%8d%e3%81%aa%e3%82%b5%e3%82%a4%e3%82%ba%e3%81%ab%e6%8c%87%e5%ae%9a%e3%81%99%e3%82%8b%e8%a8%98%e6%b3%95/feed/ 0 画像を表示する一番簡単な方法 http://tenman.info/labo/manual/2009/06/04/%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e4%b8%80%e7%95%aa%e7%b0%a1%e5%8d%98%e3%81%aa%e6%96%b9%e6%b3%95/ http://tenman.info/labo/manual/2009/06/04/%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e4%b8%80%e7%95%aa%e7%b0%a1%e5%8d%98%e3%81%aa%e6%96%b9%e6%b3%95/#comments Thu, 04 Jun 2009 10:23:10 +0000 admin http://tenman.info/labo/manual/?p=856 画像のURLだけを記述した場合 

http://f.hatena.ne.jp/images/fotolife/t/tenman/20090506/20090506114932.png

http://f.hatena.ne.jp/images/fotolife/t/tenman/20090506/20090506114932.png

画像の実際の寸法でリンクします。

この記述は、画像のサイズにかかわらず常に一定のサイズで表示されます。

このサイズの調整は、text2htmlプラグイン定数TEXTTOHTML_DEFAULT_IMAGE_WIDTHをご確認ください

]]> http://tenman.info/labo/manual/2009/06/04/%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e4%b8%80%e7%95%aa%e7%b0%a1%e5%8d%98%e3%81%aa%e6%96%b9%e6%b3%95/feed/ 0 リンクの作成 http://tenman.info/labo/manual/2009/06/04/%e3%83%aa%e3%83%b3%e3%82%af%e3%81%ae%e4%bd%9c%e6%88%90/ http://tenman.info/labo/manual/2009/06/04/%e3%83%aa%e3%83%b3%e3%82%af%e3%81%ae%e4%bd%9c%e6%88%90/#comments Thu, 04 Jun 2009 08:38:28 +0000 admin http://tenman.info/labo/manual/?p=818 エディタの昨日でもリンクを作ることができますが、もっと簡単にリンクを張る方法もありますので、リンク記法をご紹介します。


好きなタイトル

好きなタイトル

リンク先のタイトルを取得


www.tenman.info

www.tenman.info

リンク先のページを新しいページで開く


www.tenman.info

www.tenman.info

画像リンクを作る


<img src="http://www.tenman.info/images/logo.gif" />

bookmark　link 機能

wordPressには、リンク機能が用意されていますので、ブラウザのブックマークツールバーなどから、Press This機能と同じ感覚で、簡単に閲覧ページへのリンクを作成することもできます。

]]> http://tenman.info/labo/manual/2009/06/04/%e3%83%aa%e3%83%b3%e3%82%af%e3%81%ae%e4%bd%9c%e6%88%90/feed/ 0 もっとも、簡単なstyle.cssだけのテーマ http://tenman.info/labo/manual/2009/05/20/%e3%82%82%e3%81%a3%e3%81%a8%e3%82%82%e3%80%81%e7%b0%a1%e5%8d%98%e3%81%aastylecss%e3%81%a0%e3%81%91%e3%81%ae%e3%83%86%e3%83%bc%e3%83%9e/ http://tenman.info/labo/manual/2009/05/20/%e3%82%82%e3%81%a3%e3%81%a8%e3%82%82%e3%80%81%e7%b0%a1%e5%8d%98%e3%81%aastylecss%e3%81%a0%e3%81%91%e3%81%ae%e3%83%86%e3%83%bc%e3%83%9e/#comments Wed, 20 May 2009 07:43:15 +0000 admin http://tenman.info/labo/manual/?p=345 最も、簡単なテンプレートファイルを実際に作成して、確認する。

このエントリでは、style.css screenshot.pngの2つだけで構成するテンプレートファイルセットを作成する。

テーマファイルは、親テンプレートを持つ事ができます。
ワードプレスをインストールしたときに、標準で入っているデフォルトテンプレートを活用したいと思います。

親テンプレートとして、デフォルトテンプレートを継承してみます。

以下のように、template を　defaultと指定した。

/*   
Theme Name: extend default
Theme URI: http://www.tenman.info/
Description: extend test
Author: tenman akio
Author URI: http://www.tenman.info/
Template: default
Version: 0.1
 
enjoy this theme
*/

実際に作業を行いstylesheetの変更だけで見栄えを調整する場合には、既存テーマを継承してスタイルだけで見た目を変更するだけで、十分である事が確認できた。

ひとつのサイト内で、季節によって、背景を変更したり、デザインを調整するといった用途であれば、スタイルの変更だけで十分かもしれません

最も単純なテーマには、style.css ファイルと、あれば画像だけが含まれます。 このようなテーマを作成するには、style.css のヘッダコメント内の Template: 行を編集し、このテーマ用に継承させたいテンプレートのセットを指定する必要があります。 例えば、テーマ「Rose」に、別の「test」というテーマからテンプレートを継承させたい場合、Rose の style.css の冒頭のコメントに Template: test と書きます。 すると、「test」は、wp-content/themes/Rose ディレクトリにある style.css ファイルと付属画像のみからなる「Rose」の親テーマとなります。注： 「親テーマの指定」は、そのテーマから全てのテンプレートファイルを継承することに注意。子テーマディレクトリ内にテンプレートファイルがあっても無視されます。 
/*   
Theme Name: Rose
Theme URI: テーマのホームサイトの URI
Description: a-brief-description
Author: 作者の名前
Author URI: 作者の URI
Template: 親テーマの定義（オプション）
Version: バージョン番号（オプション）
.
コメント／利用許諾の記述（あれば）
.
*/
]]> http://tenman.info/labo/manual/2009/05/20/%e3%82%82%e3%81%a3%e3%81%a8%e3%82%82%e3%80%81%e7%b0%a1%e5%8d%98%e3%81%aastylecss%e3%81%a0%e3%81%91%e3%81%ae%e3%83%86%e3%83%bc%e3%83%9e/feed/ 0 デザインを変更する http://tenman.info/labo/manual/2009/05/20/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b/ http://tenman.info/labo/manual/2009/05/20/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b/#comments Wed, 20 May 2009 04:18:50 +0000 admin http://tenman.info/labo/manual/?p=331 wordpressには、一瞬でブログサイト全体のデザインを変更するテーマ変更機能があります。
このエントリでは、テーマの選択と変更、ウィジェット、もっともシンプルなテーマファイルセットについて触れています。

デザインの変更を行うには、外観・テーマとクリックして、テーマ選択画面へ進みます。

wordpressは、検索画面、ページ、エントリ等、たくさんのページで構成されています。

これらのページ全体で、バランスのいいデザイン変更を行うことは、経験や知識が要求されます。

ただ、自分自身で最初からデザインを始めなくても、多くのユーザが、テーマファイルを配布したり、ワードプレスサイトからも、数千種のテーマをいつでも自由に使う事ができます。

テーマファイルも、プログラムです。悪意のあるものが配布した場合、wordpressのデータを改ざんしたり、ブログにアクセスしてきたユーザに関する情報を奪取する可能性もあります。したがって、そのテーマファイルが、信用できるもの可能かを常に考えておく必要があります。

テーマファイルもプラグインと同様に、開発元から、テーマファイルを直接インストールできますので、非常に簡単にテーマを変更できる環境は整っています。


次のページは、機能をドラッグアンドドロップで追加するウィジェットについて、

]]> http://tenman.info/labo/manual/2009/05/20/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b/feed/ 0