admin

WordPressで簡単に短縮URLを生成する – Pretty Link Lite –

pretty-link

日本語が入っているURLやアマゾンなどの非常に長いURLを紹介する際そのままだと非常に書きづらいですよね。

今回紹介する「Pretty Link Lite」プラグインを利用するとWordPress上で短縮URLが生成できるようになります。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-28-3-08-40

Pretty Link Liteについて

Pretty Link enables you to shorten links using your own domain name (as opposed to using tinyurl.com, bit.ly, or any other link shrinking service)! In addition to creating clean links, Pretty Link tracks each hit on your URL and provides a full, detailed report of where the hit came from, the browser, os and host. Pretty Link is a killer plugin for people who want to clean up their affiliate links, track clicks from emails, their links on Twitter to come from their own domain, or generally increase the reach of their website by spreading these links on forums or comments on other blogs.

インストール

pretty-link-lite-install

プラグイン情報

制作者

Blair Williams

動作環境

3.9〜

ダウンロードURL

Pretty Link Lite

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

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

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

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


WordPressの記事内でアイコンフォントを簡単に使えるようにする - WP Visual Icon Fonts –

wp-visual-icon-fonts

最近はちょっとしたアイコンはアイコンフォントを利用して表示することが多くなりました。

そのほうがいちいち画像を用意する必要も無いですし、フォントなので文字を拡大したりレティナディスプレイなどの高画質なもので閲覧しても綺麗に表示することができます。

ただ、このアイコンフォントを利用するにはアイコンフォントをダウンロードやCDNを利用しheaderにヘッダーに追加するなどの作業が必要になってきます。

はじめからアイコンフォントを利用する想定でテーマを作成しているのであればいいですが、簡単にテーマを組み込んだりするだけで利用している場合には少しハードルが高いですね。

今回紹介するプラグイン「WP Visual Icon Fonts」を利用すると、そんなアイコンフォントを簡単に利用することができるようになります。

WP Visual Icon Fontsについて

このプラグインは「Font Awsome」と「Genericons」に対応しています。

screenshot-1-1

プラグインを有効にすると投稿画面でアイコンを追加する箇所が追加されます。
9%e6%9c%88-08-2016-04-24-38

  • Simple option to select the icon font family you prefer
  • Easily select an icon in the visual editor window
  • Search and instantly Filter through the icons to get the one you want quickly
  • See the icons in the visual editor
  • Adjust the colour and size of the icons (and any other text elements in the editor)
  • Includes Font Awesome 4
  • Includes Genericons

プラグイン情報

制作者

Paul van Zyl

動作環境

3.0.1〜

ダウンロードURL

WP Visual Icon Fonts


アイコンフォントはサイトを作る上でちょっとしたアクセントにもなるので、簡単に使えるのはありがたいことですね。

ダブルドット合同会社 代表社員
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でページを管理画面上でツリー表示するなら Part2 – CMS Tree Page View –

CMS Tree Page View

前回の記事「ページを管理画面上でツリー表示するなら – Admin Menu Tree Page View –」でご紹介したプラグインと同じ作者の方が作成しているほぼ同等の機能のプラグインをご紹介します。

CMS Tree Page Viewについて

今回ご紹介するプラグインは「CMS Tree Page View」は「Admin Menu Tree Page View」と機能自体は同じです。

違う点はただ一つ、「Admin Menu Tree Page View」ではページのリストがメニューに表示されていたのに対し、「CMS Tree Page View」では専用のページが用意されています。

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

プラグイン情報

制作者

Pär Thernström
MarsApril

動作環境

3.8〜

ダウンロードURL

CMS Tree Page View

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

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

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

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


WordPressでページを管理画面上でツリー表示するなら – Admin Menu Tree Page View –

Admin Menu Tree Page View

企業サイトをWordPressを長期間運営していると、固定ページの量が増えてきて記事の全容を把握するのが難しくなってきます。

今回ご紹介するプラグイン「Admin Menu Tree Page View」を利用することで、管理画面上のメニューでツリー表示が可能になるので閲覧性が飛躍的に向上します。

Admin Menu Tree Page Viewについて

固定ページの記事一覧をツリー表示にできるプラグインです。

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

ドラッグアンドドロップで並び替え

このメニュー内でドラッグアンドドロップをすることで、並び替えをすることが可能です。
8月-01-2016 17-53-05

プラグイン情報

制作者

Pär Thernström
MarsApril

動作環境

3.8〜

ダウンロードURL

Admin Menu Tree Page View


このプラグインを利用することで、ページ一覧の視認性があがるため、記事の編集作業の手間がへります。

この他にも同一作者の方が別のプラグインを開発しているので、次回はそちらをご紹介します。

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

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

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

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


WordPressの投稿をカレンダー形式で管理したいならこのプラグイン – Editorial Calendar –

Editorial Calendar

WordPressは複数人で記事を投稿したり、予約投稿をしたりすることができるため、数が多くなってくると投稿すべき日程を調整していくのが通常の管理画面では難しくなってきます。

そこで、今回ご紹介するプラグイン「Editorial Calendar」を利用することで、投稿一覧をカレンダー形式で表示し、記事の投稿状況を管理しやすくしましょう。

Editorial Calendarについて

投稿の一覧をカレンダー形式で表示できます

The WordPress Editorial Calendar Screen Cast from Zack Grossbart on Vimeo.

スクリーンショット 2016-07-29 22.37.47

プラグイン情報

制作者

cvernon
justinstresslimit
Joey Kudish
MaryVogt
Zack Grossbart

動作環境

3.0〜

ダウンロードURL

Editorial Calendar


何気ない機能ですが、管理画面のリスト表示などではケアできないかゆいところに手が届くプラグインです。
複数人で日程を調整しつつ記事を公開していくケースなどではものすごく有用なプラグインです。

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

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

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

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


WordPress標準の管理画面UIが気に入らないならこのプラグイン – WP Admin UI Customize –

WP Admin UI Customize

前回に引き続き管理画面系のプラグインのご紹介です。

管理画面の調整というのは[function.php]にコードを書いて制御していくのですが、やはりその作業をオーナー様自身で行っていくのはとても難しいので、自分でやるのであればプラグインを利用するようにしましょう。

今回ご紹介するプラグイン「WP Admin UI Customize」は管理画面のUIを調整することが可能なプラグインです。

WP Admin UI Customizeについて

WordPress管理画面のダッシュボード、サイドメニュー、管理バー、ログイン画面、記事編集画面などの表示内容を簡単にカスタマイズすることができます。

ユーザー権限グループの設定

このプラグインで変更した内容を適用するユーザー権限を指定しておくことが可能です。

スクリーンショット 2016-07-29 22.04.12

メニューの並び替えや追加

サイドメニューなどの並び替えをすることができます。

スクリーンショット 2016-07-29 22.08.44

プラグイン情報

制作者

gqevu6bsiz

動作環境

4.2〜

ダウンロードURL

WP Admin UI Customize


前回紹介した「WP Total Hacks」のプラグインと似たような機能ですので、状況に合わせて利用するプラグインを選定しましょう。

似たような機能があるプラグインを同時に入れるとエラーの元になるので、こういったプラグインを利用する場合は1つだけにしておきましょう。

ダブルドット合同会社 代表社員
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年にダブルドット合同会社を設立。

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

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