FAQ » styling 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/05/27/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%89%e3%81%ae%e3%80%8c%e5%80%a4%e3%81%a0%e3%81%91%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e3%80%8d/ http://tenman.info/labo/manual/2009/05/27/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%89%e3%81%ae%e3%80%8c%e5%80%a4%e3%81%a0%e3%81%91%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e3%80%8d/#comments Tue, 26 May 2009 23:43:32 +0000 admin http://tenman.info/labo/manual/?p=638 post_custom()

the_meta()によって、すべてのカスタムフィールドのキーと値が表示されているときには、


<?php echo post_custom('key'); ?>を使う方法があります。

また、複数（の可能性がある）カスタムフィールドを表示する場合は、以下のようにしてもよいかもしれない。

 
<?php if(have_posts()) : while(have_posts()) : the_post(); ?>
<?php
$mywords = post_custom('key');
 
if ( is_array($mywords) ) {
		echo implode($separator, $mywords );
	} else {
		echo $mywords ;
	}
 
<?php endwhile; endif; ?>
]]> http://tenman.info/labo/manual/2009/05/27/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab%e3%83%89%e3%81%ae%e3%80%8c%e5%80%a4%e3%81%a0%e3%81%91%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e3%80%8d/feed/ 0 権限と利用できる機能 http://tenman.info/labo/manual/2009/05/26/%e6%a8%a9%e9%99%90%e3%81%a8%e5%88%a9%e7%94%a8%e3%81%a7%e3%81%8d%e3%82%8b%e6%a9%9f%e8%83%bd/ http://tenman.info/labo/manual/2009/05/26/%e6%a8%a9%e9%99%90%e3%81%a8%e5%88%a9%e7%94%a8%e3%81%a7%e3%81%8d%e3%82%8b%e6%a9%9f%e8%83%bd/#comments Tue, 26 May 2009 03:26:28 +0000 admin http://tenman.info/labo/manual/?p=612 役割と権限

ワードプレスは、5段階の権限ランクがあり、その階層毎に、作業範囲があります。

資料：権限と作業範囲公開、ステータスには、公開済み　レビュー待ち　下書き、の3つのドキュメントのステータスがあります。レビュー待ちは、査読申請中であることを表し、投稿については、作成者権限。ページについては、編集者権限以上の権限を有するものの、査読と公開の決済を受けなければなりません。非公開ドキュメントの購読だけが出来る購読者は、よく見受ける事例に例えると、「ここから先は、ユーザー登録をして、ログインして閲覧してください。」などのメッセージで、会員だけに閲覧させるような携帯のホームページに類似します。編集者モードは、文書の全体にわたる権限を有するものの、テンプレートファイルや、プラグインの導入などプログラムに関する権限を有しないので、ブログサービスなどでブログを各ブロガーの権限に近いものがあります。管理者は、各ブログに対して、利用できるプラグインや、テーマファイルを許可したりする事で、各ブログを個別に管理する事ができます。管理画面の権限による違い

上記写真のように、権限ごとに、操作可能な範囲も異なり、ドキュメントの公開権限を持たないユーザは、レビュー待ちボタンだけしか提供されません。


2.0系　権限と作業範囲
管理者 編集者 投稿者／作成者 寄稿者／投稿者 協力者／購読者
テーマの変更◎
テーマの編集◎
プラグインの有効化◎
プラグインの編集◎
ユーザの編集◎
ファイルの編集◎
設定の管理◎
インポート◎
コメントの承認◎◎
カテゴリーの管理◎◎
リンクの管理◎◎
フィルタリングされていないHTML◎ ◎
投稿された記事の編集◎◎
他のユーザの記事の編集◎◎
ページの編集◎◎
ファイルアップロード◎◎◎
記事の投稿◎◎◎
記事の編集◎◎◎ ◎
閲覧◎◎◎◎◎
admin_panel_show toukousya1 ]]> http://tenman.info/labo/manual/2009/05/26/%e6%a8%a9%e9%99%90%e3%81%a8%e5%88%a9%e7%94%a8%e3%81%a7%e3%81%8d%e3%82%8b%e6%a9%9f%e8%83%bd/feed/ 0 投稿画面から、ページスタイルを指定する方法 http://tenman.info/labo/manual/2009/05/26/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%8b%e3%82%89%e3%80%81%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%92%e6%8c%87%e5%ae%9a%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/ http://tenman.info/labo/manual/2009/05/26/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%8b%e3%82%89%e3%80%81%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%92%e6%8c%87%e5%ae%9a%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#comments Tue, 26 May 2009 02:30:32 +0000 admin http://tenman.info/labo/manual/?p=592 How to: Embed CSS in your posts with a custom field

特定の投稿に、特別なスタイル指定が必要な事があります。
CSSを直接変更する手もありますが、うまい方法とはいえません。
カスタムフィールドを使ってCSSをページに埋め込むレシピを紹介します。

最初に、header.phpを開いて以下の高度を<head>と</head>の間に、コピペしてください。

 
<?php if (is_single()) {
    $css = get_post_meta($post->ID, 'css', true);
    if (!empty($css)) { ?>
        <style type="text/css">
        <?php echo $css; ?>
        <style>
    <?php }
} ?>

一度これをコピペするだけで、投稿に、カスタムスタイルを適用したいときに、カスタムフィールドの名前をcssとして値にスタイル記述すれば、いつでも利用できるようになります。

この方法は、本文中にthe_meta()を使っている場合は、スタイルの指定が本文にも表示される不都合があります。
以下に示す関数を、functions.phpに記述する事で、bodyタグ内に、the_meta()を記述しても、埋め込みCSSはフィルタされます。

 
 
/**
 * カスタムフィールドで　'CSS', 'JavaScript', 'Meta'　は、the_metaから除外する。
 *
 *
 */
function filter_explode_meta_keys( $content, $key ) {
    $explode_keys = array( 'css', 'JavaScript', 'Meta' ); // 除外したいキーを設定
    if ( in_array( $key, $explode_keys ) ) return;
    else return $content;
}
add_filter( 'the_meta_key', 'filter_explode_meta_keys', null, 2 );

動作に問題があるときには、cssのキー名が、全角になっていないかチェックしてみてください。

]]> http://tenman.info/labo/manual/2009/05/26/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%8b%e3%82%89%e3%80%81%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%92%e6%8c%87%e5%ae%9a%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/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 文章の作成　text2htmlプラグイン利用 http://tenman.info/labo/manual/2009/05/19/%e6%96%87%e7%ab%a0%e3%81%ae%e4%bd%9c%e6%88%90%e3%80%80text2html%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e5%88%a9%e7%94%a8/ http://tenman.info/labo/manual/2009/05/19/%e6%96%87%e7%ab%a0%e3%81%ae%e4%bd%9c%e6%88%90%e3%80%80text2html%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e5%88%a9%e7%94%a8/#comments Tue, 19 May 2009 00:45:38 +0000 admin http://tenman.info/labo/manual/?p=273 text2htmlを利用すると、WEB標準に準拠した文章を作成する事ができます。

htmlタグは使いません。エディタのタブは、HTMLを選択してください。

text2htmlは、記法といって、行の先頭や、文中で特別な記号を使って記述します。
htmlを簡略して、すばやく入力できます。

行頭につける記号

アスタリスク(*)を行の先頭につけると見出しになります。

この見出しは、アスタリスクをひとつつけて、以下のようなhtmlに変換を行います。
code:

アスタリスク(*)を行の先頭につけると見出しになります。

アスタリスクは、1-5個並べて使う事で、大見出しから小見出しなどを作る事ができます。

段落と改行のつけ方

段落は、改行を2回連続すると段落になります。1回だけだと、段落内の改行になります。
改行1回+

をつけても、改行を2回連続したのと同様になります。

改行を2回以上続けても、段落と次の段落の間隔は、変更されません。

段落と次の段落の間を広げたいときには、以下の記法が使えます。行頭に以下のように記述できます。


行間20:

（行間の文字の後ろの数値が大きいほど段落間が離れます。）

その他特別な事もできます。

例えば、QRCODEを書きたいときには、


qrcode>(http://www.tenman.info/)

と書いていただく事で、

http://www.tenman.info/を書く事ができたり、 

pen>(手書き文字)

と書いていただく事で、

手書き文字

という文字を記述する事ができます。もしhtmlを少し学んだ人ならば、


pen>(h3:mikaP16:上級者用)

上級者用

という風に、フォントを変更したり、htmlエレメントの指定も可能です。しかも、スタイルシートをはずしても、htmlは、正常に表示できます。

]]> http://tenman.info/labo/manual/2009/05/19/%e6%96%87%e7%ab%a0%e3%81%ae%e4%bd%9c%e6%88%90%e3%80%80text2html%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e5%88%a9%e7%94%a8/feed/ 0