サムネイル表示用Wiget

2010-03-09 (火) 2:11
移行前サイトの記事

時系列順ではかなりあとの方の更新でしたが、ちょうど今テスト用WPから本家WPに移植作業中なので、作業がてら掲載。

特定のタグがついた記事に投稿された画像を、新着表示するプログラムです。テーマに変更を加えます。
ファンクション名が引用元のままだったり、オプション名が適当だったりしますが、ご愛敬。
なお、表示サンプルは本家をご覧下さい。

プラグイン化の方法がわからないのでテーマに直接書き加えます。
特にfanction.phpは常に読み込まれているのか、エラーを起こすと以降管理画面上で編集作業が不可能になります。必ずあらかじめfanction.phpのバックアップを取り、FFFTPやプロバイダのファイルマネージャーなどのファイルを直接編集(上書き)可能な環境を用意して作業してください。

参考にさせていただいたのはこちら

WebTecNote – [WP]Wordpress Sidebar Widgets 仕様メモ – オリジナルのウィジェットを作る
WebTecNote – [wp] WordPressで簡単なギャラリーページを作る

大半が上記記事の丸写しではありますが、機能自体をWidgetとして追加、オプション変更ができるように変更しました。

細かい変更点

ウィジェットとして追加、オプションで表示する件数やタグが変えられます。
2枚以上画像がある記事に対応 (表示件数は単純に画像の「表示枚数」として動作)
画像直リンクに変更 (単純なギャラリーとして機能)
- lightbox2が入っていると幸せになれます

fanction.phpにwidgetを追加する

以下のコードをfanction.phpの先頭に追加して下さい。

<?php
function attachment_ancherlinks3($num=5,$size="thumbnail",$tagslug=""){
    $args = "tag=".$tagslug."&numberposts=".$num;
    $myposts = get_posts($args);
    $imgcnt = 1;
    print "<ul id="thumb-post-lists">";
        for($i=0;$i<$num;$i++){
        if($i>= count($myposts) ) return;
        $attachments = get_children(array('post_parent' => $myposts[$i]->ID, 'post_type' => 'attachment', 'post_mime_type' => 'image', 'orderby' => 'menu_order'));
        if(count($attachments)>= 1){
            for($ii=0;$ii<count($attachments);$ii++){
                if($num<$imgcnt) return;
                $attachment = array_shift($attachments);
                $image = wp_get_attachment_image_src($attachment->ID, 'full');
                print "<li><a href="$image[0]" title="$title" rel="lightbox[1]">".wp_get_attachment_image($attachment->ID,$size)."</a>";//サムネイル出力
                print "</li>";
                $imgcnt++;
            }
        }else{
        }
    }
    print "</ul>";
}
?>
<?php
register_sidebar_widget(__('Sample','hoge'), 'widget_sample');
register_widget_control( 'Sample', 'sample_control' );
 
function widget_sample($args){
    $options = get_option('mywidget_sample1');
    $title = empty($options) ? __( 'Sample' ,'hoge') : $options;
    $showmax = get_option('mywidget_sample2');
    $max = $showmax;
    $showtag = get_option('mywidget_sample3');
    $tag = $showtag;
    extract($args);
    echo $before_widget;
    echo $before_title . $title . $after_title;
    echo '<p>現在タグスラッグ'.$showtag.'の画像を新着'.$showmax.'件表示しています</p>';
    attachment_ancherlinks3($max,"thumbnail",$tag);
    echo $after_widget;
}
function sample_control(){
    $options = get_option('mywidget_sample1');
    $showmax = get_option('mywidget_sample2');
    $showtag = get_option('mywidget_sample3');
    if (isset($_POST['mywidget_sample1'])) {
        update_option('mywidget_sample1', $_POST['mywidget_sample1']);
    }
    if (isset($_POST['mywidget_sample2'])) {
        update_option('mywidget_sample2', $_POST['mywidget_sample2']);
    }
    if (isset($_POST['mywidget_sample3'])) {
        update_option('mywidget_sample3', $_POST['mywidget_sample3']);
    }
?>
<p><label for="mywidget_sample"><?php _e( 'Title:','hoge' ) ?>
<input id="mywidget_sample1" name="mywidget_sample1" type="text" value="<?php echo $options; ?>" /></label></p>
<p><label for="mywifet_sample2"><?php _e( 'MaxImage:','hoge' ) ?>
<input id="mywidget_sample2" name="mywidget_sample2" type="text" value="<?php echo $showmax; ?>"
/></label></p>
<p><label for="mywifet_sample3"><?php _e( 'Tag:','hoge' ) ?>
<input id="mywidget_sample3" name="mywidget_sample3" type="text" value="<?php echo $showtag; ?>"
/></label></p>
<input type="hidden" id="sample-submit" name="sample-submit" value="1" />
<?php
}
?>

なお、表示条件の指定はタグスラッグで行います。なるべく半角英数にしておいたほうがいいかも知れません。

保存すると、ウィジェットの編集画面でSampleというウィジェットが追加できるようになるので、タイトルと表示数、表示するタグスラッグを入力して保存してください。
サイドバーに新着画像の一覧が表示されたはずです。

表示スタイルを変更する

style.cssに以下の行を追加して下さい

1 2	`#sample li {display:inline;}` `#sample img {margin:0` `5px` `0` `0;}`

これで表示が横並びになります。
リストアイテムのマークがついてしまう場合も、ここで変更して下さい。

サムネイルサイズを変更する

設定のメディアからサムネイルサイズを変更します。この変更はギャラリー機能などに影響しますので注意して下さい。
だいたい横4枚～5枚に表示できるサイズがオススメです。
ちなみに2列になっても大丈夫だと思います。

注意事項

下記のTodoと内容がかぶりますが、現時点で実装出来てないことがありますので、以下の点に注意して下さい。

サムネイルサイズが共有されているため、サムネイルを使っている記事に影響する
Widgetが複数登録できないので、条件を変えた複数の一覧を作りたい場合は、fanction.phpにWidgetを追加する必要がある
添付されただけの画像は表示されません
- 他記事から引っ張ってきてるだけの画像が表示されないのは仕様です

Todo (未解決問題)

サムネイルサイズを独自で持たせる
Widgetを複数追加可能にする
プラグインとして独立させる
オプションで添付しただけの画像を表示できるようにする
タグスラッグ→タグ名に変換したい

おそらくこれ以上自分の技術では不可能なので、わかる方に改変いただくしかないかと思います。(他力本願)

Newer: 最初にやったこと(表示制御編)
Older: 最初にやったこと(WPコア編)

コメント:0

トラックバック:0

このエントリーのトラックバックURL: http://nawoki.jp/2010/03/09/35/trackback/
Listed below are links to weblogs that reference: サムネイル表示用Wiget from Seasonism Season3

Home > 移行前サイトの記事 > サムネイル表示用Wiget

検索

フィード

メタ情報

Return to page top