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/%e9%80%86%e5%bc%95%e3%81%8d%e3%80%80%e3%80%80%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0/ http://tenman.info/labo/manual/2009/06/05/%e9%80%86%e5%bc%95%e3%81%8d%e3%80%80%e3%80%80%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0/#comments Fri, 05 Jun 2009 04:51:54 +0000 admin http://tenman.info/labo/manual/?p=688 head line

ブログ名

<?php bloginfo(‘name’);?>

メインページへのURL

<?php bloginfo(‘url’);?>

サブタイトル

<?php bloginfo(‘description’);?>

メタタイプの入力

<meta http-equiv="Content-Type" content="ここの部分; charset=文字コード" />

例）

<meta http-equiv="Content-Type" content="<?php bloginfo(‘html_type’);?>; charset=<?php bloginfo(‘charset’);?>" />

ここの部分<?php bloginfo(‘html_type’);?>

文字コード<?php bloginfo(‘charset’);?>

スタイルシートの適応

<link rel="stylesheet" type="text/css" href="<?php bloginfo(‘stylesheet_url’); ?>" />

バージョン情報

<meta name="generator" content="WordPressここの部分"/>

例）

<meta name="generator" content="WordPress<?php bloginfo(‘charset’);?>"/> <?php bloginfo(‘charset’);?>

フィールドファイルのアドレス（RSSとATOM）

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo(‘name’);?>(RSS2.0)" href="<?php bloginfo("rss2_url"); ?>" /> <link rel="alternate" type="application/rss+xml" title="<?php bloginfo(‘name’);?>(RSS2.0)" href="<?php bloginfo("atom_url"); ?>" />

記事タイトルをリストアップ

<?php if(have_posts() ): while(have_posts() ): the_post(); ?> <h2><?php the_title(); ?></h2>　//記事タイトル <?php the_content(); ?>　//記事タイトル <?php endwhile; endif; ?>

前後ページへリンクする

<?php posts_nav_link(‘ |’,'«前のページ’,'次のページ »’); ?>

表示設定で設定した数値が超えたときに表示されます。

最近の記事のメニューリストを作る

<?php wp_get_archives(‘type=postbypost&limit=10′); ?>

カテゴリーメニューリスト

<?php list_cats(0,’name’)?>

月別のアーカイブメニュー

<?php wp_get_archives(‘type=monthly’); ?>

テンプレートタグ種類

ファッションスタイル

1. パラメータの記述（パラメータ値を指定する。このとき、文字列（’type’,'format’,'before’,'after’）・数値（’limit’,）パラメータ（show_post_count）は「"」で囲む。またブーリアンの場合は「"」で囲まない。

例）<?php get_archives(‘type’,'limit’,'format’,'before’,'after’,show_post_count); ?>

注意）指定順序を変えないこと、省略もしないこと

デフォルトの指定）<?php get_archives();?>、またはパラメータのデフォルトの指定は<?php　get_archives(",",",’before’,'after’,show_post_count); ?>

クエリースタイル

1. クエリーの記述（パラメータ名と値）

例）<?php wp_get_archives(‘type=xx & limit=xx & format=xx & before=xx & after=xx & show_post_count=xx’); ?>

テンプレートの分類

一般

記事

日付

カテゴリー

リンク

コピーライト

コメント

その他

パラメータの一覧

管理画面へのログイン

<?php wp_loginout(); ?>

ユーザ登録、登録画面へのリンク

<?php wp_register();?>

記事タイトルのループ表示

<?php if(have_posts() ):while(have_posts() ): the_post(); ?> <p><?php the_title(); ?></p> <?php endwhile; endif; ?>

記事タイトルのループ表示（beforeとafterの記載例）

<?php if(have_posts() ):while(have_posts() ): the_post(); ?> <?php the_title(‘<p>’,'</p>’); ?> //このように記載すると上記と同じようになる。 <?php endwhile; endif; ?>

記事タイトルのシングル表示

<?php single_post_title(); ?>

記事の内容のループ表示

<?php if(have_posts() ):while(have_posts() ): the_post(); ?> <h1><?php the_title(); ?></h1> <?php the_content(); ?> <?php endwhile; endif; ?>

記事の内容のループ表示（文字だけ）

<?php if(have_posts() ):while(have_posts() ): the_post(); ?> <h1><?php the_title(); ?></h1> <?php the_excerpt(); ?> //RSSの場合はthe_excerpt_rss();を使用する。 <?php endwhile; endif; ?>

カスタムフィールドのエリア、キーワードを表示

<?php if(have_posts() ):while(have_posts() ): the_post(); ?> <h1><?php the_title(); ?></h1> <?php the_meta(); ?> <?php endwhile; endif; ?>

記事のID（カウント）を表示

<?php if(have_posts() ):while(have_posts() ): the_post(); ?> <h1><?php the_ID(); ?></h1> <?php edit_post_link(); ?> <?php endwhile; endif; ?>

記事のURLを表示する

<?php if(have_posts() ):while(have_posts() ): the_post(); ?> <h1><?php the_title(); ?></h1> <?php the_parmalink(); ?>　//RSSの場合は<?php parmalink_single_rss(); ?>　//PHPの記述の場合<?php echo get_parmalink(10); ?> <?php endwhile; endif; ?>）

複数に分裂した記事番号へのURLの表示

<?php if(have_posts() ):while(have_posts() ): the_post(); ?> <h1><?php the_title(); ?></h1> <?php the_content(); ?> <p><?php link_page(); /></p> <?php endwhile; endif; ?>）

複数に分裂したページに前後リンクを表示させる

<?php if(have_posts() ):while(have_posts() ): the_post(); ?> <h1><?php the_title(); ?></h1> <?php the_content(); ?> <?php endwhile; endif; ?> <p><?php posts_nav_link(); ?></p> <p><?php previous_posts_link(); ?></p> <p><?php next_posts_link(); ?></p>

記事の投稿日を表示する

<?php if(have_posts() ):while(have_posts() ): the_post(); ?> <h1><?php the_title(); ?></h1> <?php the_date(); ?> <?php the_time(); ?> <?php endwhile; endif; ?>

カテゴリー名を表示する

<?php if(have_posts() ):while(have_posts() ): the_post(); ?> <h1><?php the_title(); ?></h1> <?php the_category(); ?> //ドロップダウンで表示させたい場合は<?php dropdown_cats(); ?> <?php endwhile; endif; ?>

カテゴリーのパンぐずリストを表示

<?php echo get_category_parents($cat); ?>

アーカイブメニューを表示する

<?php get_archives(); ?> <?php get_archives(‘type=postbypost&limit=5′,); ?>

カレンダーを表示する

<?php get_calendar(); ?>

パーツを読み込む

<?php get_header(); ?> //ヘッダーを読み込む <?php get_footer(); ?> //フッダーを読み込む <?php get_sidebar(); ?> //サイドを読み込む <?php get_comments_template(); ?> //コメントテンプレートを読み込む

コンディショナルタグ

コンディショナルタグは、どのコンテンツをいくつ表示するかをコントロールすることができる。

ダイナミックハイライトメニュー

Home、Category、Archive、Search、Singleのどれかのページにいるとすると、箇条書き（ナビゲーション）のはじめの項目のliタグに、class="current"を追加する。

例）"about"という名前のページにいるときに、class="current"を追加する。

<ul id="nav"> <li<?php if ( is_home() | | is_category() | | is_archive() | | is_search() | | is_single() | | is_date() ) { echo ‘ class="current"’; } ?>><a href="#">Gallery</a></li> <li<?php if ( is_page(‘about’) ) { echo ‘ class="current"’; } ?>><a href="#">About</a></li> <li<?php if ( is_page(‘submit’) ) { echo ‘ class="current"’; } ?>><a href="#">Submit</a></li> </ul>

ダイナミックタイトルタグ

動的にtitleタグをheader.phpに加える

<title> <?phpif (is_home()) {

echo bloginfo(‘name’);
} elseif (is_404()) {
echo ’404 Not Found’;
} elseif (is_category()) {
echo ‘Category:’; wp_title(");
} elseif (is_search()) {
echo ‘Search Results’;
} elseif ( is_day() | | is_month() | | is_year() ) {
echo ‘Archives:’; wp_title(");
} else {echo wp_title(");
}
?>

</title>

ダイナミックコンテンツ

トップページのみに表示されるファイルを指定

<?php if ( is_home() ) { include (‘file.php’); } ?>

ハイライトする記事を目立たせる

CSSクラスを追加

<?php if ( in_category(’2′) ) { echo (‘class="feature"’); } ?>

1つのテンプレートをユニークにする

あるカテゴリで個々の記事を表示するために、1つの違うテンプレートを使いたいとする。
記事がどのカテゴリに属しているかをin_categoryでチェックし、それからテンプレートを選択すればよい。

デフォルトのsingle.phpには、以下のコードを入力する。記事がカテゴリ1に属していればsingle1.phpというテンプレートを使い、一方カテゴリ2であればsingle2.php、ほかのものならばsingle_other.phpを適用する、というコードになっている。

<?php $post= $wp_query- >post;

if ( in_category(’1′) ) {
include(TEMPLATEPATH . ‘/single1.php’);
} elseif ( in_category(’2′) ) {
include(TEMPLATEPATH . ‘/single2.php’);
} else {
include(TEMPLATEPATH . ‘/single_other.php’);
}
? >

カテゴリテンプレートをユニークにする

異なるカテゴリテンプレートを使って、特定のカテゴリを表示したいとしよう。これは単純にカテゴリテンプレートをcategory-2.phpとして保存すればよい。（注意："-"とカテゴリID番号をファイル名にする）すると、category-2.phpはカテゴリ2を表示した際に使われ、category-3.phpはカテゴリ3のときに使われる、など。

（訳者注：上記と絡ませて使うと便利。コンディショナルタグで表示ページを指定し、カテゴリごとにページデザインを変える、など）

1つ目の記事のあとにGoogle Adsenseを表示する

多くの人が僕に質問する。「どうやって、1つ目の記事のあとにGoogle Adsenseを表示しているんだい？」これはすごく単純。ループ内に変数($loopcounter)を加えればよいだけだ。

もし、$loopcounterが1以下、または等しいのであれば、そのときはgoogle-ad.phpを組み入れる。

<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); $loopcounter++; ?>

// the loop stuffs

<?php if ($loopcounter <= 1) { include (TEMPLATEPATH . ‘/ad.php’); } ?> <?php endwhile; ?> <?php else : ?> <?php endif; ?>

クエリーポスト

ループ内にいくつの記事を表示するのかを制御する

どのコンテンツが、どこに、どうやって表示されるのかを制御させられるのがクエリーポスト

特定のカテゴリにクエリーを要求することもできるし、除外することもできる。

最新記事の一覧を表示したもの、特定の記事を表示するもの、またどうやって特定のカテゴリから除外するのかについて、クエリーポストを使った例を示してみよう。

最新記事を表示する

以下のコードが最新5件を一覧に表示するものだ。

<?php query_posts(‘showposts=5′); ?> <ul> <?php while (have_posts()) : the_post(); ?> <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li> <?php endwhile;?> </ul>

特定の記事を表示する

カテゴリ2は特別なカテゴリとする。このカテゴリから5件をサイドバーに表示したい。そんなときは、こんなコードをsidebar.phpに入れればよい。

<?php query_posts(‘cat=2&showposts=5′); ?> <ul> <?php while (have_posts()) : the_post(); ?> <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li> <?php endwhile;?> </ul>

特定のカテゴリから除外する

特定のカテゴリを表示しない

以下のコードはカテゴリ2の全ての記事を除外したものだ。（注意：ID番号の前にマイナス記号が入っている）

<?php query_posts(‘cat=-2′); ?> <?php while (have_posts()) : the_post(); ?>

//the loop here

<?php endwhile;?>

Tips：posts_per_page引数を使うことによって、ページの記事ごとに上書することもできる。（例：query_posts(‘posts_per_page=6′);）

カスタムフィールド

記事のコンテンツや抜粋と同じように、特別なデータやテキストを記事に加えることができる。

はじめに記事のカスタムフィールドに追加する。

記事イメージと記事へのリンクを表示するため、以下のコードをループに入れる。

<?php //get article_image (custom field) ?> <?php $image= get_post_meta($post->ID, ‘article_image’, true); ?> <a href="<?php the_permalink() ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>" /></a>

Tips：WordPressでは複数のキーを作り、保存もできる。その上、そのキーはほかの記事にも使うことができる。

サイトのサムネール、ツールチップのイメージ、URLを表示するために、カスタムフィールド等に使う

リストページ

wp_list_pagesというテンプレートタグは、ナビゲーションのためにヘッダーやサイバーにページの一覧を表示するために使われる。どのようにwp_list_pagesを用いて、サイトマップやサブメニューを作るのかを示してみよう。

サイトマップ

全てのページのサイトマップ（サンプル）を作るために、サイトマップのページテンプレートに次のコードを入れよう。（注意：僕はページID12を除外している。なぜならページID12は僕のサイトマップ自身のページであり、そのページを表示する必要がないと思うからだ）。

<ul> <?php wp_list_pages(‘exclude=12&title_li=’ ); ?> </ul>

ダイナミックサブページメニュー

サブページにいるとすると、サブページのメニューを出力する。そうするためには、このコードをsidebar.phpに入れよう。

<?php $children= wp_list_pages(‘title_li=&child_of=’.$post->ID.’&echo=0′);

if ($children) { ?>

<ul> <?php echo $children; ?> </ul> <?php } ?>

ページテンプレート

WordPressをホームページのように使う

どのようにページがどのように表示されるべきかを制御するのがページテンプレート機能だ。

この機能を使うためには、まずページテンプレートを作る必要がある。それから、あるページに特定のテンプレートを指定することができるようになる。

ページテンプレートがどのように構造化されたのかを示してみよう。（例えば、portfolio.php）

<?php

/*
Template Name: Portfolio

/

?>

<?php get_header(); ?>

//the loop here

<?php get_footer(); ?>

記事を投稿したり編集したりするときに、右側に"Page Template"というタブがあります。
利用できるテンプレートが表示される。

WordPress各種設定

管理画面には、はじめからたくさんの設定をすることができ、もっとあなたのサイトをよくできる。ここにいくつかあげよう。

トップページをカスタムする

デフォルトにおいては、WordPressはトップページにあなたの記事を表示する。しかし、もし静的なページ（ようこそやスプラッシュなど）を代わりに使いたいのであれば、管理画面 > 各種設定 > 表示設定から決定することができる。

パーマリンク

デフォルトのWordPressは記事のURLにwww.yoursite.com/?p=123というものを使っているが、これは検索エンジンにとって好ましいURLではない。パーマリンクは、管理画面 > 各種設定 > パーマリンク設定から変更することができる。個人的には、パーマリンクは/%category%/%postname%/が気に入っている。

カテゴリ接頭語

デフォルトのWordPressのカテゴリの接頭語は、カテゴリになっている（例：yoursite.com/category/cat-name/）。

これにarticleをカテゴリーベースに入れることにより（各種設定 > パーマリンク）、カテゴリURLをyoursite.com/article/cat-name/にすることができる。

]]> http://tenman.info/labo/manual/2009/06/05/%e9%80%86%e5%bc%95%e3%81%8d%e3%80%80%e3%80%80%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0/feed/ 0 htmlソースを記述する　記法 http://tenman.info/labo/manual/2009/06/05/html%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%92%e8%a8%98%e8%bf%b0%e3%81%99%e3%82%8b%e3%80%80%e8%a8%98%e6%b3%95/ http://tenman.info/labo/manual/2009/06/05/html%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%92%e8%a8%98%e8%bf%b0%e3%81%99%e3%82%8b%e3%80%80%e8%a8%98%e6%b3%95/#comments Fri, 05 Jun 2009 01:10:06 +0000 admin http://tenman.info/labo/manual/?p=876 html ソースそのものを記述するときは、行頭にcode:と記述します。


<html>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

この記法で記述するソースは、自動的に折りかえされます。
ラップ幅の変更は、text2html　プラグイン定数　TEXTTOHTML_CODE_WRAP_WIDTH を確認してください。

]]> http://tenman.info/labo/manual/2009/06/05/html%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%92%e8%a8%98%e8%bf%b0%e3%81%99%e3%82%8b%e3%80%80%e8%a8%98%e6%b3%95/feed/ 0 文字や画像を右に寄せる　記法 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%e5%8f%b3%e3%81%ab%e5%af%84%e3%81%9b%e3%82%8b%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%e5%8f%b3%e3%81%ab%e5%af%84%e3%81%9b%e3%82%8b%e3%80%80%e8%a8%98%e6%b3%95/#comments Fri, 05 Jun 2009 00:41:15 +0000 php http://tenman.info/labo/manual/?p=874

右に配置

画像ファイルへのURIだけを記述した場合は、原寸で画像表示します。


右:

]]> 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%e5%8f%b3%e3%81%ab%e5%af%84%e3%81%9b%e3%82%8b%e3%80%80%e8%a8%98%e6%b3%95/feed/ 0 文字や画像を中央に配置　記法 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%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%b5%e3%83%a0%e3%83%8d%e3%83%bc%e3%83%ab%e8%87%aa%e5%8b%95%e4%bd%9c%e6%88%90/ http://tenman.info/labo/manual/2009/06/04/%e3%83%aa%e3%83%b3%e3%82%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%b5%e3%83%a0%e3%83%8d%e3%83%bc%e3%83%ab%e8%87%aa%e5%8b%95%e4%bd%9c%e6%88%90/#comments Thu, 04 Jun 2009 10:21:11 +0000 admin http://tenman.info/labo/manual/?p=852 自動サムネール画像リンク 

copy>(http://f.hatena.ne.jp/images/fotolife/t/tenman/20090506/20090506114932.png)
copyed image

字サイト内に、リンク先画像のサムネールを作ったうえで、相手先画像へのリンクつきでサムネールを表示します。

リンク先のタイプによって、実行できないことがあります。

]]> http://tenman.info/labo/manual/2009/06/04/%e3%83%aa%e3%83%b3%e3%82%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%b5%e3%83%a0%e3%83%8d%e3%83%bc%e3%83%ab%e8%87%aa%e5%8b%95%e4%bd%9c%e6%88%90/feed/ 0 youtubeの動画 http://tenman.info/labo/manual/2009/06/04/youtube%e3%81%ae%e5%8b%95%e7%94%bb/ http://tenman.info/labo/manual/2009/06/04/youtube%e3%81%ae%e5%8b%95%e7%94%bb/#comments Thu, 04 Jun 2009 10:17:59 +0000 admin http://tenman.info/labo/manual/?p=849 youtube>(http://www.youtube.com/watch?v=oUiHQ7fimv8) YouTube

動画リンクは、閲覧する場合に、表示までに時間がかかりますので、その点に配慮して静止画リンクを行っています。

]]> http://tenman.info/labo/manual/2009/06/04/youtube%e3%81%ae%e5%8b%95%e7%94%bb/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 手書き入力 http://tenman.info/labo/manual/2009/06/04/%e6%89%8b%e6%9b%b8%e3%81%8d%e5%85%a5%e5%8a%9b/ http://tenman.info/labo/manual/2009/06/04/%e6%89%8b%e6%9b%b8%e3%81%8d%e5%85%a5%e5%8a%9b/#comments Thu, 04 Jun 2009 08:18:37 +0000 admin http://tenman.info/labo/manual/?p=806 タイトル用途などで、手書き入力が使えます。
手書き風や、高級感のあるフォントを使う事で、雰囲気を伝えることができます。

手書き文字の入力

必要な、フォントファイル(ttf)を用意すれば、フォントを指定して文字列の画像化ができます。

手書き文字の入力

手書き文字の入力

画像は、背景として挿入され、文字列は、非表示のスタイル設定になっていますから、検索エンジン、スタイルをはずして閲覧するユーザーであっても、入力文字列は、かけることなく表示されます。

]]> http://tenman.info/labo/manual/2009/06/04/%e6%89%8b%e6%9b%b8%e3%81%8d%e5%85%a5%e5%8a%9b/feed/ 0