HTML・Wordpressなどの覚え書きブログ

WP2.6以降、自動で投稿のリビジョン(投稿履歴)を保存する機能が備わったことにより、記事の状態を以前の状態に戻すことが用意になりましたね。

しかし、バックアップとして活用できる反面、サーバー容量をその分必要とします。

不必要になったリビジョンを削除すればその分容量の節約にもなるかと思います。

そんな時に活躍するのがリビジョンを一括で削除できるプラグイン【Delete-Revision】。

●導入方法・使い方

  1. http://wordpress.org/extend/plugins/delete-revision/よりプラグインをダウンロードし解凍したのち、・・・/wp-content/plugins/にアップロード。
  2. 管理画面にログインして有効化します。
  3. 【設定】より【Delete-Revision】を選択し、【Check Redundant Revision】をクリック。
  4. 【Yes,I would like to delete …】をクリックすると全てのリビジョンが削除されます。

※導入後は【Delete-Revision】の画面での操作はたった2回のクリックのみ。非常に簡単です。

【Delete-Revision】のリビジョン削除画面

Tag : 
2009/06/23 8:07 AM|Category:wordpressNo Comments

お気に入りのテーマを見つけても、ウィジェットに対応していないために使用することを諦めてしまうこともありますが、そんな場合でもちょっとしたカスタマイズでウィジェット対応にすることができます。

▼ウィジェット対応にする手順

  1. 【sidebar.php】を開き、下記ソースを追加。
  2. <?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
    <?php endif; ?>
  3. 【functions.php】を作成し目的のテーマにアップロード。
  4. 【functions.php】に下記ソースを追加。
  5. <?php
    if ( function_exists(’register_sidebar’) )
        register_sidebar();
    ?>

以上でウィジェット対応となります。

この状態で表示させるとサイドバーのタイトルがh2で記述されています。

無駄なリスト表示を無くし、タイトルを変更するためには【functions.php】に下記を変更します。

<?php

if ( function_exists(’register_sidebar’) )
 register_sidebar(array(
        ‘before_widget’ => ”,
        ‘after_widget’ => ”,
        ‘before_title’ => ‘<h3>’,
        ‘after_title’ => ‘</h3>’,
    ));
?>

<h3>と記述した部分がサイドバーのタイトルとなります。

Tag : 
2009/06/22 2:49 PM|Category:wordpressNo Comments
【Simple Tags】設定画面

【Simple Tags】設定画面

個別記事に関連する記事を表示させることができるプラグイン【Simple Tags】。

●プラグインのダウンロードはこちらから ↓ http://wordpress.org/extend/plugins/simple-tags/

 

ファイルを解凍し、・・・/wp-content/plugins/にアップロード。

管理画面にログインして有効化。

【設定】より【Simple Tags】を選択し、【関連投稿】をクリック。

以下を選択。
・【フィードに関連投稿を自動的に表示する】にチェック。
・【投稿内に関連投稿を自動的に表示する】より、表示する場所を選択。
・【関連投稿の表示順】より、表示方法を選択。
・【関連投稿リンクのフォーマット】はデフォルトでも構いませんが、ソースの変更が可能。

Tag : 
2009/06/14 9:04 PM|Category:wordpressNo Comments

今回、個別ページが表示された時、他のページと異なるサイドバーを表示させるよう設定しました。

1.ここで新たに必要なものは違った表示をさせるサイドバーのテンプレート。
テーマにもよりますが、デフォルトで「sidebar.php」があると思います。これを「sidebar-2.php」と名前を変更し複製。

2.「sidebar-2.php」へは単一ページで表示させたい内容のメニューに変更。

3.「single.php」へアクセスし、【<?php get_sidebar(); ?>】を【<?php get_sidebar(2); ?>】に変更する。

以上で単一ページのみ異なるサイドバーが表示されます。

Tag : 
2009/06/11 2:37 AM|Category:wordpressNo Comments

preタグはプログラムソースなどを公開するときに便利ですが、スタイルを指定しないとpreタグ内の記述がページ幅を超えてしまいます。

これを解決するひとつの手段として、スクロールバーを表示させることでページ幅に合わせた表示が可能となります。

▼サンプル

pre{
background-color : #f4f5f7; padding : 5px 5px 5px 5px; border-top-width : 1px; border-top-style : dashed; border-top-color : #cccccc;
border-left-width : 1px; border-left-style : dashed; border-left-color : #cccccc; font-size : 12px; color : #666666; overflow: auto;
}

上記のソースようにスタイルシートで指定すると、上のように表示されます。

Tag : 
2009/06/10 1:42 AM|Category:HTMLNo Comments

個別記事に対して、関連付けられたタグを表示させるには、下記を任意の場所に追記します。

<?php the_tags(●,'▲','■'); ?>

●は表示されるタグの前に表示させたい記述を書きます。

▲は複数のタグが存在する場合、タグを区切るための記号などを書きます。

■表示されたタグの後ろに表示させたい記述を書きます。

 

・例として、

<?php the_tags(Tag : ,'、'''); ?>

と記述すると、

Tag : wordpress(タグ)、HTML(タグ)

と表示されます。

Tag : 
2009/06/09 12:05 AM|Category:wordpressNo Comments

画像を投稿することで自動的にキャプションが表示されるようになりましたが、場合によっては表示を好まないケースもあります。

自動的に挿入されないようにするためには、以下の記述を追加することで解決できます。

▼【function.php】に以下を追加。

<?php
add_filter('disable_captions', create_function('','return true;'));
?>

これを記述することで、キャプションが表示されなくなり、投稿時の【画面の追加】ページでキャプションの項目もなくなります。

Tag : 
2009/06/08 9:21 PM|Category:wordpressNo Comments

floatによる回り込みを指定した場合、その要素にmarginを指定するとIE6で表示がずれる現象が発生します。

ブラウザごとのスタイルを用意することでも回避できますが、共通のスタイルで管理したほうが作業が楽なため、【display:inline;】を記述することをおすすめします。

記述はfloatする要素でmarginの記述があるものに【display:inline;】を追加するだけです。

▼使用例

.left{
width : 500px;
float : left;
margin-left : 10px;
display:inline;
}
Tag : 
2009/06/06 1:10 PM|Category:HTMLNo Comments

引越し後のトラブルとして個別記事が一切表示されないという状態が発生しました。この状態で投稿しても、新しく追加した記事も表示されません。

設定画面にて以下の方法で改善ができました。
(画像がアップロードできない場合の対処方法と同じです。)

1、WordPressの画面で「設定」を選択。

2、「アップロードするファイルの保存場所」をデフォルト(wp-content/uploads)に変更する。

以上です。

Tag : 
12:54 PM|Category:wordpressNo Comments

ページを最上部から表示させたい場合、特に何も指定していないとページとウインドウの間に隙間ができてしまいます。

ページとウインドウの隙間をなくしたい場合には、スタイルシート(CSS)にて、

body{
margin: 0px;
}

を記述することで解消できます。

上のみを指定したいときには、

margin: 0px;  を  margin-top : 0px;  と記述することで上のみ指定することができますね。

Tag : 
2009/06/05 9:31 AM|Category:HTMLNo Comments
Copyright ホームページ覚書 All Rights Reserved.
Template by ホームページ覚書.