image

WordPressの最新記事一覧にサムネイル画像をつけて見栄えを良くする – Newpost Catch –

Newpost Catch

記事の一覧などでは、ちょっとしたサムネイルがあったほうが、記事のイメージをつかみやすかったり、注目されやすいですよね。

でも、WordPressで用意されている標準の最新記事一覧には、サムネイル画像がついていないため、サムネイルを表示するにはテーマをカスタマイズする必要がありますが、テーマをいじるのはちょっと無追加しいという方も多いと思います。

今回紹介するプラグイン「Newpost Catch」を利用することで、簡単に最新記事一覧にサムネイルを追加することができます。

Newpost Catchについて

このプラグインをインストールすることで、ウィジェットに「Newpost Catch」が追加され、このウィジェットを利用することでサムネイル付きの最新の記事一覧を利用できるようになります。

スクリーンショット 2016-08-08 20.06.41

もともと下図のような記事一覧が

スクリーンショット 2016-08-08 20.01.06

下図のようになります。

スクリーンショット 2016-08-08 20.05.33

プラグイン情報

制作者

Tetsuya Imamura

動作環境

3.3.1〜

ダウンロードURL

Newpost Catch


サムネイルの追加はちょっとした機能ですが、ブログの内容によってはとても効果的なものになるので、こういったプラグインを利用して簡単に実装してしまいましょう。

ダブルドット合同会社 代表社員
Webディレクター
1980年生まれ

  
大学卒業後、法律事務所にてシステム部の部長として、ホームページを活用してわずか数年で数人規模から数百人規模へと成長させ、その経験を元に、ECサイト制作会社にてディレクターとして小規模から大規模のディレクションを行う。
インターネットになれないWeb担当者や店舗オーナーの方にもインターネットの恩恵を受けられるようにしたいと思い、2015年にダブルドット合同会社を設立。

「デジタルデバイドなくす」をモットーに誰もがインターネットの恩恵を受けられる社会を目指して活動中。

趣味はロードバイクで、休日は晴れていれば基本的に走っています。


WordPressでカスタムフィールドなどの入力漏れを防ぐなら - Admin Columns –

Admin Columns

テーマをカスタマイズしたりして、カスタムフィールドを利用していたりすると、必須項目以外の項目の入力漏れなどが起きたりします。

複数の記事のチェックをするには標準のままだとそれぞれの記事の編集ページに行かないと確認することができません。

今回ご紹介プラグイン「Admin Columns」を利用することで、一覧ページに表示される項目をカスタマイズすることが可能になります。

記事一覧ページにカスタムフィールドの項目を表示することができれば、いちいち記事の編集画面に移動しなくてもカスタムフィールドの項目を確認することができるようになります。

Admin Columnsについて

WordPress管理画面の投稿・固定ページ・メディアライブラリなどの一覧ページの項目をカスタマイズできます。

Admin Columns for WordPress from Admin Columns on Vimeo.

表示項目の増減、表示順番の入れ替え

スクリーンショット 2016-08-01 23.29.23

カスタマイズできるページ

  • 投稿一覧
  • 固定ページ一覧
  • メディアライブラリ
  • ユーザー一覧
  • コメント一覧

サムネイルの表示も可能

スクリーンショット 2016-08-01 23.48.15

プラグイン情報

制作者

Codepress
Tobias Schutter
David Mosterd
Jesper van Engelen
dungengronovius

動作環境

3.5〜

ダウンロードURL

Admin Columns


記事管理は運営していく上でとても重要ですので、様々なプラグインを検討しておくとよいでしょう。

ダブルドット合同会社 代表社員
Webディレクター
1980年生まれ

  
大学卒業後、法律事務所にてシステム部の部長として、ホームページを活用してわずか数年で数人規模から数百人規模へと成長させ、その経験を元に、ECサイト制作会社にてディレクターとして小規模から大規模のディレクションを行う。
インターネットになれないWeb担当者や店舗オーナーの方にもインターネットの恩恵を受けられるようにしたいと思い、2015年にダブルドット合同会社を設立。

「デジタルデバイドなくす」をモットーに誰もがインターネットの恩恵を受けられる社会を目指して活動中。

趣味はロードバイクで、休日は晴れていれば基本的に走っています。


WordPressのショートコードで簡単アニメーション[後編] – Shortcodes Ultimate –

shortcodeultimate-animation2

前々回から引き続き、「Shortcodes Ultimate」の紹介です。

前回に引き続きアニメーションのご紹介を行っていきます。

アニメーション

slideInDown


slideInLeft


slideInRight


slideOutUp


slideOutLeft


slideOutRight


bounceIn


bounceInDown


bounceInUp


bounceInLeft


bounceInRight


bounceOut


bounceOutDown


bounceOutUp


bounceOutLeft


bounceOutRight


rotateIn


rotateInDownLeft


rotateInDownRight


rotateInUpLeft


rotateInUpRight


rotateOut


rotateOutDownLeft


rotateOutDownRight


rotateOutUpLeft


rotateOutUpRight


lightSpeedIn


lightSpeedOut


hinge


rollIn


rollOut


いかがでしたでしょうか、ちょっとたくさん載せているので効果が被ったりして見難いところもありますが、これで全てのアニメーションをご紹介しました。

少しでも参考になれば幸いです。

ダブルドット合同会社 代表社員
Webディレクター
1980年生まれ

  
大学卒業後、法律事務所にてシステム部の部長として、ホームページを活用してわずか数年で数人規模から数百人規模へと成長させ、その経験を元に、ECサイト制作会社にてディレクターとして小規模から大規模のディレクションを行う。
インターネットになれないWeb担当者や店舗オーナーの方にもインターネットの恩恵を受けられるようにしたいと思い、2015年にダブルドット合同会社を設立。

「デジタルデバイドなくす」をモットーに誰もがインターネットの恩恵を受けられる社会を目指して活動中。

趣味はロードバイクで、休日は晴れていれば基本的に走っています。


WordPressのショートコードで簡単アニメーション[前編] – Shortcodes Ultimate –

shortcodeultimate-animation

前々回から引き続き、「Shortcodes Ultimate」の紹介です。

今回は利用できるアニメーションを紹介していきたいと思います。
ただ、利用できるものが非常に多いため、2回に分けてご紹介していきたいと思います。

アニメーション

flash


bounce


shake


tada


swing


wobble


pulse


flip


flipInX


flipOutX


flipInY


flipOutY


fadeIn


fadeInUp


fadeInDown


fadeInLeft


fadeInRight


fadeInUpBig


fadeInDownBig


fadeInLeftBig


fadeInRightBig


fadeOut


fadeOutUp


fadeOutDown


fadeOutLeft


fadeOutRight


fadeOutUpBig


fadeOutDownBig


fadeOutLeftBig


fadeOutRightBig


プラグイン情報

制作者

MadFork
Vladimir Anokhin

動作環境

3.5〜

ダウンロードURL

Shortcodes Ultimate


いかがでしたでしょうか、今回ご紹介したので大体半分くらいのアニメーションです。

いろいろな動きを試すことができるので、この記事と次回の記事を合わせて確認して使いたいアニメーションがあるかどうかを調べてみるのも良いですね。

ダブルドット合同会社 代表社員
Webディレクター
1980年生まれ

  
大学卒業後、法律事務所にてシステム部の部長として、ホームページを活用してわずか数年で数人規模から数百人規模へと成長させ、その経験を元に、ECサイト制作会社にてディレクターとして小規模から大規模のディレクションを行う。
インターネットになれないWeb担当者や店舗オーナーの方にもインターネットの恩恵を受けられるようにしたいと思い、2015年にダブルドット合同会社を設立。

「デジタルデバイドなくす」をモットーに誰もがインターネットの恩恵を受けられる社会を目指して活動中。

趣味はロードバイクで、休日は晴れていれば基本的に走っています。


WordPressのショートコードでこんなにも簡単に装飾が可能に!- Shortcodes Ultimate –

shortcodeultimate2

前回ご紹介したShortcodes Ultimateですが、今回はその中の装飾についてご紹介していきます。

Shortcodes Ultimateとは

Shortcodes Ultimateはショートコードで様々な機能を追加できるプラグインです。

装飾については別途有料で購入することができるようになっています。

以下で利用できる装飾の例を記載していきますので、参考にしてください。

見出し


見出しテキスト

ハイライト


 強調表示するテキストの背景色 

ラベル


ラベル ラベル ラベル ラベル ラベル ラベル ラベル

引用


引用

Dropcap


D D D D

リスト


  • 並び項目
  • 並び項目
  • 並び項目

ボタン


ボタンテキスト ボタンテキスト ボタンテキスト ボタンテキスト ボタンテキスト ボタンテキスト ボタンテキスト ボタンテキスト

サービス


サービスタイトル サービスタイトル
サービスの説明

ボックス


これはボックスのタイトルです。
ボックスのコンテンツ
これはボックスのタイトルです。
ボックスのコンテンツ
これはボックスのタイトルです。
ボックスのコンテンツ
これはボックスのタイトルです。
ボックスのコンテンツ
これはボックスのタイトルです。
ボックスのコンテンツ

ノート


ノートテキスト

タブ


Title 1Title 2Title 3
コンテンツ 1
コンテンツ 2
コンテンツ 3

スポイラー


スポイラーのタイトル

アコーディオン


スポイラーのタイトル
スポイラーのタイトル
スポイラーのタイトル


コンテンツ
コンテンツ
コンテンツ

カラム


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.

プラグイン情報

制作者

MadFork
Vladimir Anokhin

動作環境

3.5〜

ダウンロードURL

Shortcodes Ultimate


いかがでしたでしょうか、上に記載したのは一部の例で、色の変更などができるものもあります。

次回もまた別の機能分についてご紹介していきます。

ダブルドット合同会社 代表社員
Webディレクター
1980年生まれ

  
大学卒業後、法律事務所にてシステム部の部長として、ホームページを活用してわずか数年で数人規模から数百人規模へと成長させ、その経験を元に、ECサイト制作会社にてディレクターとして小規模から大規模のディレクションを行う。
インターネットになれないWeb担当者や店舗オーナーの方にもインターネットの恩恵を受けられるようにしたいと思い、2015年にダブルドット合同会社を設立。

「デジタルデバイドなくす」をモットーに誰もがインターネットの恩恵を受けられる社会を目指して活動中。

趣味はロードバイクで、休日は晴れていれば基本的に走っています。


WordPressのショートコードを拡張して様々な効果を実現! – Shortcodes Ultimate –

shortcodeultimate

WordPressにかぎらず、ブログやサイトを運営するときに、視覚効果やアニメーションなどを追加していきたい時があると思います。

ただ、そういったものを利用していくにはHTMLやCSSなどの知識が必要になってくるため、簡単には実装することができません。

そんないろいろな機能をWordPressのショートコードという機能をりようして簡単に実現できるようにしてくれるのが、今回紹介するプラグイン「Shortcodes Ultimate」です。

Shortcodes Ultimateについて

このプラグインは50位上のショートコードが用意されており、様々な設定も可能になっています。

対応している起動

スクリーンショット 2016-07-24 20.03.32

  • 見出し
  • タブ
  • スポイラー
  • アコーディオン
  • 仕切り
  • スペーサー
  • ハイライト
  • ラベル
  • 引用
  • ドロップキャップ
  • フレーム
  • 絡む
  • リスト
  • ボタン
  • サービス
  • ボックス
  • ノート
  • 拡大
  • ライトボックス
  • ツールチップ
  • プライベート
  • YouTube
  • Vimeo
  • Screenr
  • デイリーモーション
  • オーディオ
  • 動画
  • テーブル
  • パーマリンク
  • メンバー
  • ゲスト
  • RSSフィード
  • メニュー
  • サブページ
  • 文書
  • Googleマップ
  • スライダー
  • カルーセル
  • ギャラリー
  • 投稿
  • ダミーテキスト
  • ダミー画像
  • アニメーション
  • メタ
  • ユーザー
  • テンプレート
  • QRコード
  • スケジューラ

プラグイン情報

制作者

MadFork
Vladimir Anokhin

動作環境

3.5〜

ダウンロードURL

Shortcodes Ultimate


こんk内の記事では簡単な概要のみをご紹介して、次回から何回かに分けて主なものをご紹介していきます。

ダブルドット合同会社 代表社員
Webディレクター
1980年生まれ

  
大学卒業後、法律事務所にてシステム部の部長として、ホームページを活用してわずか数年で数人規模から数百人規模へと成長させ、その経験を元に、ECサイト制作会社にてディレクターとして小規模から大規模のディレクションを行う。
インターネットになれないWeb担当者や店舗オーナーの方にもインターネットの恩恵を受けられるようにしたいと思い、2015年にダブルドット合同会社を設立。

「デジタルデバイドなくす」をモットーに誰もがインターネットの恩恵を受けられる社会を目指して活動中。

趣味はロードバイクで、休日は晴れていれば基本的に走っています。


ついつい容量が大きくなりがちな画像を自動で圧縮してくれるWordPressプラグイン – EWWW Image Optimizer –

ewww

最近はパソコンやスマートフォンの解像度が上がり、ブログなどで使う写真などの画像の容量が大きくなりがちです。
特に1つの記事で何枚も写真を利用する場合、記事の表示が遅くなってしまいます。

そんな問題を解決するかもしれないのが、今回紹介する「EWWW Image Optimizer」です。
スクリーンショット 2016-06-22 19.46.39

EWWW Image Optimizerについて

このプラグインはNextGEN, GRAND FlAGallery, FooGalleryなどの技術を利用してより画像の劣化の少ない圧縮方法を実現し、WordPressで利用される画像の容量を圧縮してくれます。

すでにアップロード済の画像にも対応

後からこのEWWW Image Optimizerを導入しても、すでにアップロードされた記事などで利用されている画像に対しても圧縮処理をすることができます。
スクリーンショット 2016-06-22 19.57.06

圧縮されていない画像を一覧で確認

圧縮されていない画像をリストで確認することができます。
スクリーンショット 2016-06-22 19.57.06

スクリーンショット 2016-06-22 19.58.15

圧縮条件などを細かく設定

拡張子ごとに圧縮条件設定できますJPEGはあまり圧縮したくない場合などに重宝します。
スクリーンショット 2016-06-22 19.59.34

プラグイン情報

制作者

nosilver4u

動作環境

4.4〜

ダウンロードURL

EWWW Image Optimizer


気になる画像の容量をアップロードするだけで圧縮してくれるのは便利ですね。画像の利用が多くない方でも導入しておいたほうがよいプラグインです。
ダブルドット合同会社 代表社員
Webディレクター
1980年生まれ

  
大学卒業後、法律事務所にてシステム部の部長として、ホームページを活用してわずか数年で数人規模から数百人規模へと成長させ、その経験を元に、ECサイト制作会社にてディレクターとして小規模から大規模のディレクションを行う。
インターネットになれないWeb担当者や店舗オーナーの方にもインターネットの恩恵を受けられるようにしたいと思い、2015年にダブルドット合同会社を設立。

「デジタルデバイドなくす」をモットーに誰もがインターネットの恩恵を受けられる社会を目指して活動中。

趣味はロードバイクで、休日は晴れていれば基本的に走っています。