Newpost Catch

WordPressの「最近の投稿(新着記事)」にアイキャッチ(サムネイル)を表示するウィジェットプラグイン

最近の記事のリストを普通に並べても良いですが、ここに画像があった方がよりわかりやすい場合もあります。
テンプレートに直接設定してもいいのですが、こちらのプラグインが大変便利&簡単なので使わせて頂きたいと思います。

インストールの方法や設置手順などは配布元に詳しく書かれていますので参考にしてください。
http://www.imamura.biz/blog/newpost-catch

当方で販売するテーマではアイキャッチ(サムネイル)が利用できるように設定済みですので、
WordPressの管理画面から「ウィジェット」をクリックすると、「Newpost Catch」というウィジェットが追加できます。

プラグインを利用して細かい設定も可能

【設定項目】

  • タイトル
  • サムネイルのサイズ
  • 高さ
  • 投稿件数


カスタム投稿【お知らせ】

SimpleeWP theme01にはあらかじめ『お知らせ』という名前でカスタム投稿を1つ設定させて頂きました。

企業サイトやSHOPサイトなどでお知らせや新着情報だけ別に管理したいことはよくあります。
<固定ページ>ではほとんど更新が発生しないページを用意して、
<投稿>で更新追加が多いカテゴリーの管理をするやり方は一般的です。

<お知らせ>や<新着情報>などは、その他のカテゴリーの記事と一緒になると、
過去の記事を探しづらくなってくる場合があります。

後々、メンテナンスしやすい設定。

そんなつもりで用意しています。

トップページのウィジェット(大)の直下に表示されます。
必要ない場合には、テンプレート<index.php>の該当箇所を削除してください。

また、他の場所に設置したい場合も、テンプレート内の

 <!--▽カスタム投稿を使用しない場合はここから削除▽-->
     <div id="news">
    <h5 class="widget-title">Information
    <div style="float:right;"><a href="<?php echo home_url() ; ?>/information/"><span class="box_r" style="font-size:10px; color:#666;">お知らせ一覧 <i class="icon-double-angle-right"></i></span></a></div>
    </h5>
    <ul>
        <?php
        // ▽ポストタイプとタクソノミーを入力
        $post_type = 'information';
        $taxonomy = 'category';
        // △
        $args=array(
            'post_type' => $post_type,
            'post_status' => 'publish',
            'posts_per_page' => 3,
            'orderby' => 'date',
            'order' => 'DESC' ,
            'ignore_sticky_posts'=> 1
        );
        $my_posts = get_posts($args);
        foreach ($my_posts as $post) {
            setup_postdata($post);
            $post_title = $post->post_title;
            ?>
            <li>
                <span class='date'><?php echo get_post_time('Y.m.d D'); ?></span>
                <?php
                $terms = get_the_terms( $post->ID, $taxonomy );
                if ( $terms && ! is_wp_error( $terms ) ) :
                    $draught_links = array();
                    foreach ( $terms as $term ) {
                        echo '<a class="' . $term->slug . '" href="' . home_url( '/' ) . $term->taxonomy .'/'. $term->slug . '">' . $term->name . '</a>';
                    }
                endif;
                $days=14; $today=date('U'); $entry=get_the_time('U'); $diff1=date('U',($today - $entry))/86400;
                if ($days > $diff1) { echo '  <img src="' . get_template_directory_uri() . '/img/new/new_02.png" alt="New" />'; }
                ?>
                <br />
                <i class="icon-double-angle-right"></i> <a href="<?php the_permalink();?>"><?php the_title(); ?></a>
            </li>
        <?php } ?>
    </ul>
    <!-- END NEWS --></div>
<!--△カスタム投稿を使用しない場合はここまで削除△-->

となっている箇所を、そのままコピーして利用できます。

【追記】2014年12月

現在、テーマによってはカスタム投稿「お知らせ」もウィジェット対応しています。
テンプレートを直接修正することなく、お知らせ一覧をウィジェットエリアに挿入することも可能となりました!



アイコンサンプル

あらかじめ下記のWebフォントの設定をしています。
classに<i class=”icon-adjust”></i>という具合に設定することができます。


  • icon-adjust
  • icon-asterisk
  • icon-ban-circle
  • icon-bar-chart
  • icon-barcode
  • icon-beaker
  • icon-beer
  • icon-bell
  • icon-bell-alt
  • icon-bolt
  • icon-book
  • icon-bookmark
  • icon-bookmark-empty
  • icon-briefcase
  • icon-bullhorn
  • icon-calendar
  • icon-camera
  • icon-camera-retro
  • icon-certificate
  • icon-check
  • icon-check-empty
  • icon-circle
  • icon-circle-blank
  • icon-cloud
  • icon-cloud-download
  • icon-cloud-upload
  • icon-coffee
  • icon-cog
  • icon-cogs
  • icon-comment
  • icon-comment-alt
  • icon-comments
  • icon-comments-alt
  • icon-credit-card
  • icon-dashboard
  • icon-desktop
  • icon-download
  • icon-download-alt
  • icon-edit
  • icon-envelope
  • icon-envelope-alt
  • icon-exchange
  • icon-exclamation-sign
  • icon-external-link
  • icon-eye-close
  • icon-eye-open
  • icon-facetime-video
  • icon-fighter-jet
  • icon-film
  • icon-filter
  • icon-fire
  • icon-flag
  • icon-folder-close
  • icon-folder-open
  • icon-folder-close-alt
  • icon-folder-open-alt
  • icon-food
  • icon-gift
  • icon-glass
  • icon-globe
  • icon-group
  • icon-hdd
  • icon-headphones
  • icon-heart
  • icon-heart-empty
  • icon-home
  • icon-inbox
  • icon-info-sign
  • icon-key
  • icon-leaf
  • icon-laptop
  • icon-legal
  • icon-lemon
  • icon-lightbulb
  • icon-lock
  • icon-unlock
  • icon-magic
  • icon-magnet
  • icon-map-marker
  • icon-minus
  • icon-minus-sign
  • icon-mobile-phone
  • icon-money
  • icon-move
  • icon-music
  • icon-off
  • icon-ok
  • icon-ok-circle
  • icon-ok-sign
  • icon-pencil
  • icon-picture
  • icon-plane
  • icon-plus
  • icon-plus-sign
  • icon-print
  • icon-pushpin
  • icon-qrcode
  • icon-question-sign
  • icon-quote-left
  • icon-quote-right
  • icon-random
  • icon-refresh
  • icon-remove
  • icon-remove-circle
  • icon-remove-sign
  • icon-reorder
  • icon-reply
  • icon-resize-horizontal
  • icon-resize-vertical
  • icon-retweet
  • icon-road
  • icon-rss
  • icon-screenshot
  • icon-search
  • icon-share
  • icon-share-alt
  • icon-shopping-cart
  • icon-signal
  • icon-signin
  • icon-signout
  • icon-sitemap
  • icon-sort
  • icon-sort-down
  • icon-sort-up
  • icon-spinner
  • icon-star
  • icon-star-empty
  • icon-star-half
  • icon-tablet
  • icon-tag
  • icon-tags
  • icon-tasks
  • icon-thumbs-down
  • icon-thumbs-up
  • icon-time
  • icon-tint
  • icon-trash
  • icon-trophy
  • icon-truck
  • icon-umbrella
  • icon-upload
  • icon-upload-alt
  • icon-user
  • icon-user-md
  • icon-volume-off
  • icon-volume-down
  • icon-volume-up
  • icon-warning-sign
  • icon-wrench
  • icon-zoom-in
  • icon-zoom-out
  • icon-file
  • icon-file-alt
  • icon-cut
  • icon-copy
  • icon-paste
  • icon-save
  • icon-undo
  • icon-repeat
  • icon-text-height
  • icon-text-width
  • icon-align-left
  • icon-align-center
  • icon-align-right
  • icon-align-justify
  • icon-indent-left
  • icon-indent-right
  • icon-font
  • icon-bold
  • icon-italic
  • icon-strikethrough
  • icon-underline
  • icon-link
  • icon-paper-clip
  • icon-columns
  • icon-table
  • icon-th-large
  • icon-th
  • icon-th-list
  • icon-list
  • icon-list-ol
  • icon-list-ul
  • icon-list-alt
  • icon-angle-left
  • icon-angle-right
  • icon-angle-up
  • icon-angle-down
  • icon-arrow-down
  • icon-arrow-left
  • icon-arrow-right
  • icon-arrow-up
  • icon-caret-down
  • icon-caret-left
  • icon-caret-right
  • icon-caret-up
  • icon-chevron-down
  • icon-chevron-left
  • icon-chevron-right
  • icon-chevron-up
  • icon-circle-arrow-down
  • icon-circle-arrow-left
  • icon-circle-arrow-right
  • icon-circle-arrow-up
  • icon-double-angle-left
  • icon-double-angle-right
  • icon-double-angle-up
  • icon-double-angle-down
  • icon-hand-down
  • icon-hand-left
  • icon-hand-right
  • icon-hand-up
  • icon-circle
  • icon-circle-blank
  • icon-play-circle
  • icon-play
  • icon-pause
  • icon-stop
  • icon-step-backward
  • icon-fast-backward
  • icon-backward
  • icon-forward
  • icon-fast-forward
  • icon-step-forward
  • icon-eject
  • icon-fullscreen
  • icon-resize-full
  • icon-resize-small
  • icon-phone
  • icon-phone-sign
  • icon-facebook
  • icon-facebook-sign
  • icon-twitter
  • icon-twitter-sign
  • icon-github
  • icon-github-alt
  • icon-github-sign
  • icon-linkedin
  • icon-linkedin-sign
  • icon-pinterest
  • icon-pinterest-sign
  • icon-google-plus
  • icon-google-plus-sign
  • icon-sign-blank
  • icon-ambulance
  • icon-beaker
  • icon-h-sign
  • icon-hospital
  • icon-medkit
  • icon-plus-sign-alt
  • icon-stethoscope
  • icon-user-md


SimpleeWP-theme01 オリジナルテーマ公開 01

レスポンシブデザイン対応
SimpleeWP-theme01
★有料プラグインを同梱したお得セット ¥6,980
★テーマ単独のシンプルパック ¥4,980

テーマの特徴

PC、タブレット、スマートフォンなど使用するデバイスにあわせて自動最適化されるレスポンシブデザインに対応したシンプルなWordPressテーマです。
トップページにはオプションでウィジェットエリアを利用して有料プラグインのスライドショー(Slider RevolutionまたはMeta Slider Pro)を入れることが可能です。
カスタムヘッダー、カスタムメニュー、ウィジット(トップページ×3、サイドバー×2/フッター×4)が、管理画面から簡単にカスタマイズできますので、HTMLの知識が無くてもあなただけのオリジナルサイトを作ることができます。

Theme Information
  1. 表示タイプ:レスポンシブデザイン
  2. 動作条件:WordPress 3.5以降
SimpleeWP オリジナルカスタマイズ対応箇所
  1. カスタムヘッダー対応(ヘッダー部分でロゴとして利用可能)
  2. カスタムメニュー対応(ヘッダーグローバルメニュー、フッターセカンドメニューの2か所設置)
  3. カスタム設定でSNSアカウント設定、電話番号、メールアドレス設定可能
  4. ウィジェットエリア:トップページ(メイン大×1、中×3か所)、
    サイドバー(中×2か所)、フッター(中×4か所)設定済み
  5. スライダープラグイン「Slider Revolution($19)」「Meta Slider Pro($19)」をセット
    ※購入者のみ利用可能なシングルライセンス(miniパックには含まれません)
  6. カスタム投稿「お知らせ」追加設定済み・・・お知らせに投稿した記事はトップページに表示されます
  7. ページ内で「トップに戻る」スクロールバーを右下に表示できるように設定済み
ご注文はこちらから

≫テーマをダウンロード購入
1 – 利用規約をご確認ください。
2 – 下記「購入ボタン(BASE)」より決済ください
3 – 決済が完了すると、即時にダウンロードURLが表示されます。
(コンビニ・銀行振込の場合は入金確認後24時間以内にDLご案内いたします)

● 有料プラグイン(38ドル)が同梱されたお得なセットパック ¥6,980

buy_btn_base

 


● 有料プラグイン(38ドル分)を省いたオリジナルテーマオンリーのシンプルパック ¥4,980

buy_btn_base

 

※決済システムは「BASEかんたん決済(万が一商品が届かなかった場合の返金が保証されています)」を利用しています。



Breadcrumb NavXT

パンくずリストの設置はプラグイン「Breadcrumb NavXT」の設置を想定しています。

グローバルメニューの下にあらかじめ設置するようにテンプレートの設定をしています。
プラグインをインストール後、「設定」>「Breadcrumb NavXT設定」で細かい設定をしてください。



Contact Form 7

お問い合わせフォームは代表的なプラグイン「Contact Form 7」を利用します。

WordPressのプラグインの中でもよく利用されているプラグインなので、すでにご存じの方も多いかと思います。
本家サイトはこちら。
設定方法や、カスタマイズ方法なども載っています。
使い方の手順などは、こちらのページに丁寧に解説されています。