カテゴリー：ウィジェット系の記事一覧

記事の概要

以前、お気に入りの記事のリストを登録して保存できるi2iブログパーツの「あとで読む」を実装していましたが、SSLには対応していませんでした。

代替案を探していたら「WP Favorite Posts」というプラグインで実装できそうだったのでその実装方法を紹介します。

「WP Favorite Posts」とは？

WordPressにお気に入りの記事のリストを登録して保存でき、ユーザーがその記事をあとで読めるようになる機能を追加できるプラグインです。

「WP Favorite Posts」の導入方法

「WP Favorite Posts」の設定方法

今回はカテゴリを並び替える方法について解説します。カテゴリ型のカスタム分類も同様の手順で並び替えられます。

<?php wpfp_link() ?>

<?php wpfp_list_favorite_posts(); ?>

私の場合

私は「Kaeten WP」を使用しています。「Kaeten WP」には豊富なフリースペースや記事装飾が内蔵されています。

私はこの機能を活用し、2箇所に設置しています。

記事内下部フリースペース

<h2 class="h2-03-main mb1">あとでじっくり読みたい方はこちら</h2>
<div class="tac">
<?php wpfp_link() ?>
</div>

左サイドバーウィジェット

<div align="center">
<div class="box-02">
<?php wpfp_list_favorite_posts(); ?>
</div>
<?php wpfp_link() ?>
</div>

まとめ

この記事ではWordPressにお気に入りの記事のリストを登録して保存でき、ユーザーがその記事をあとで読めるようになる機能を追加できる「WP Favorite Posts」を紹介しました。

このプラグインを導入することでユーザーはあとで読もうと思った記事を登録しておくことができます。

ユーザビリティを重視する方はぜひ導入してみてください。

記事の概要

以前キーワード・カテゴリ・カスタム分類で検索できる「Search & Filter」を紹介しました。詳細は下記記事を御覧ください。

WordPressにキーワード・タグ・カテゴリ・カスタム分類による検索を設置する方法

記事の概要この記事ではWordPressにキーワード・タグ・カテゴリ・カスタム分類による検索を設置できる「DesignsAndCode」様の「Search&Filter」を紹介します。「Search&Filter」とは？WordPressにキーワード・タグ・カテゴリ・カスタム分類による検索を設置できるプラグインです。「Search&Filter」の導入方法手順1WordPressの管理画面にログインします。手順2管理画面の左メニューの”プラグイン”をクリックします。手順3”プラグイン”の中の”新

RICK式アフィリエイト実践記

しかし、デフォルトでのデザインはラベルと各種ボックスが離れていたり、中途半端に横並びになったりと気に入らない点がありました。

この記事では「Search & Filter」のCSSをいじった結果、納得のいくCSSができたため、そのCSSを紹介します。

「Search & Filter」のCSSを編集する方法

現在使用しているテーマの子テーマの「Style.css」を編集するなり、カスタムCSSを搭載するプラグインをしようして追加するなりして以下のソースコードを追加してください。

/** Search & Filter 開始 **/
body
{
    display:block;
}
.searchandfilter p
{
    display:block;
  
}
.searchandfilter ul
{
    display:block;
}
.searchandfilter li
{
    list-style: none;
    display:block;
    margin-bottom: 1em;
  
}

.widget-area .searchandfilter li, .widget-area .searchandfilter p
{
    display:block;
}
.searchandfilter
{
    text-align: center;
}


.searchandfilter label
{
    display:block;
}
.searchandfilter h4
{
    margin-top:0px;   
    margin-bottom:0px;
    font-size:14px;
}

.searchandfilter ul > li > ul:not(.children)
{
    margin-left: auto;
    margin-right: auto;
}

.searchandfilter input[type="text"]
{
    width: 100%;
  　height: 40px;
}
/** Search & Filter 終了 **/

まとめ

この記事では「Search & Filter」のCSSのカスタマイズ例を紹介しました。

各パーツが横並びにならないようにし、ラベルと各種ボックスの間をなくし、各種ボックスと次のラベルの間を1文字分開けるように設定しました。

私はこのデザインで納得することができました。どのデザインかというと、左サイドバーの”検索”ウィジェットのデザインです。

「Search & Filter」を使っているけどデザインが気に入らない方はこのCSSを使用してみてください。

記事の概要

この記事ではWordPressにキーワード・タグ・カテゴリ・カスタム分類による検索を設置できる「DesignsAndCode」様の「Search & Filter」を紹介します。

「Search & Filter」とは？

WordPressにキーワード・タグ・カテゴリ・カスタム分類による検索を設置できるプラグインです。

「Search & Filter」の導入方法

「Search & Filter」による検索の設置方法

				

					

						
検索キーワード
サークル

	カテゴリー一覧
	お知らせ
	Admin Columns
	アンケートサイトで稼ぐ方法
	アフィリエイトフレンズ
	アフィリエイトで稼ぐ方法
	WP-Optimize
	WP Total Hacks
	WP Favorite Posts
	WordPress Importer
	WordPress Popular Posts
	WordPress Database Reset
	Widget Importer & Exporter
	Voralent Antelope
	URLの変更
	Term Management Tools
	Table of Contents Plus
	ウィジェットでショートコード
	その１：見出しタグ
	SiteGuard WP Plugin
	任意の投稿を投稿のトップに
	自動収益システム
	移転方法
	忍者AdMax
	固定ページをトップページに
	固定ページの並び替え
	初心者が取り組むべきものとは？
	三種の神器
	その２：箇条書き
	まとめ
	マイIP
	ポイントサイトで稼ぐ方法
	ポイントインカム
	フレンドマーク塾について
	ハピタス
	その３：表
	SNAP
	Simple Custom CSS and JS
	All-in-One WP Migration
	Crayon Syntax Highlighter
	DLsite
	Disable Revisions
	Democracy Poll
	Custom Taxonomy Order NE
	Custom Post Type Widgets
	Custom Post Type UI
	Contact Form
	Easy FancyBox
	Collapsing Categories
	Code Snippets
	Category Order
	Broken Link Checker
	Autoptimize
	Auto Post Thumbnail
	DMM
	Force Regenerate Thumbnails
	simaccess
	PHP Text Widget
	Shortcodes Ultimate
	Search Replace DB master
	Search Regex
	Search & Filter
	Pz-LinkCard
	Pro Categories Widget
	PHP Code Widget
	Head Cleaner
	Media from FTP
	medi8
	JQuery Accordion Menu Widget
	JetPack
	Intuitive Custom Post Order
	Internal Link Building
	i-mobile
	記事の並び順


							
						
				

まとめ

この記事ではWordPressにキーワード・タグ・カテゴリ・カスタム分類による検索を設置できる「Search & Filter」を紹介しました。

このプラグインを導入することでユーザーの検索による幅が広がると思います。

ユーザビリティを重視する方はぜひ導入してみてください。

追記

導入したところデザインに気に入らない部分があったのでCSSをカスタマイズしました。詳細は下記記事を参照してください。

「Search & Filter」のデザインを変更してみた

記事の概要以前キーワード・カテゴリ・カスタム分類で検索できる「Search&Filter」を紹介しました。詳細は下記記事を御覧ください。しかし、デフォルトでのデザインはラベルと各種ボックスが離れていたり、中途半端に横並びになったりと気に入らない点がありました。この記事では「Search&Filter」のCSSをいじった結果、納得のいくCSSができたため、そのCSSを紹介します。「Search&Filter」のCSSを編集する方法現在使用しているテーマの子テーマの「Style.css」を編集するな

RICK式アフィリエイト実践記

記事の概要

この記事ではWordPressのカテゴリーやタグに分類を追加できる「thingsym」様の「Custom Post Type Widgets」を紹介します。

「Custom Post Type Widgets」とは？

WordPressのカスタムタクソノミーをウィジェットに表示できるプラグインです。

「Custom Post Type Widgets」の導入方法

「Custom Post Type Widgets」の設置方法

まとめ

この記事ではWordpressに「Custom Post Type Widgets」でカスタム分類ウィジェットを設置する方法を書きました。

カスタム分類を作成した時にはぜひ設定しておきたい設定です。