shortcode

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のショートコードで簡単アニメーション[後編] – 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プラグイン – Child Pages Shortcode –

childpage

企業サイトをWordPressで構築している場合、そのページの配下にある子ページの一覧を表示したいケースが良く有ります。

知識があればテンプレートをカスタマイズして子ページの一覧を表示させることができますが、標準機能では対応することができません。

そんな問題を解決するのが、今回紹介するプラグイン「Child Pages Shortcode」です。

Child Pages Shortcodeについて

このプラグインを利用するとショートコードを利用して子ページの一覧をページに表示することができるようになります。

詳しい利用方法は作者様のページ(日本語)で公開されていますのでそちらをご確認ください

サムネイルに対応

子ページのサムネイルに対応しているので、アイキャッチ画像を設定しておくことで視覚的にもアピールすることができます。

スクリーンショット 2016-07-10 19.13.28

パラメーターで細かく制御可能

出力内容は、パラメーターをしているすることでカスタマイズすることが可能です。

スクリーンショット 2016-07-10 19.15.09

テンプレート内でも使用可能

ページだけでなく、テンプレートにショートコードを記述してもきちんと表示されます。

プラグイン情報

制作者

Takayuki Miyauchi

動作環境

3.8〜

ダウンロードURL

Child Pages Shortcode


企業サイトでは子ページがどんどん増えていったりするため、手動で記載していると漏れなどが発生してしまい、好ましくありませんので、こういったプラグインを利用することミスを防ぎ、効率化しましょう。

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

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

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

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


アフィリエイター必見!アフィリエイトサービス商品一覧を簡単に作るWordPressプラグイン – CS Shop –

cs-shop

WordPressでアフィリエイトサービスを運用されていたり、これから運用しようとしている方にとって必見のプラグインを紹介します。

今回紹介するのは、「CS Shop」というアフィリエイトサービスの商品一覧を簡単に作成できるものです。

楽天アフィリエイト・Amazon・LinkShare・ValueCommerce に対応しています。

しかも商品紹介はリアルタイムで更新されるのでリンク切れの心配がありません。

CS Shopについて

このプラグインはWeb APIを使って商品情報などを取得して表示してくれます。
スクリーンショット 2016-07-07 17.49.10

ショートコードに対応

ショートコードとパラメーターを使って標品一覧を表示できます。

実行環境

  • PHP 5 以上をサポートします。PHP 4 は対応していません。Windows および Linux に対応しています。文字コードは UTF-8 のみ対応しています。
  • WordPress の特定のバージョンを動作条件にはしておりませんが、作者が動作確認の出来る環境に限るため、便宜的に WordPress 3.0 以上とします。WordPress のマルチサイト環境での動作は作者が動作を確認できないためサポート対象外です。
  • Web サービスと連携して動作するため WordPress の稼動するサーバはインターネットにアクセスが可能である必要があります。

プラグイン情報

制作者

cottospace

動作環境

3.0〜

ダウンロードURL

CS Shop

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

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

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

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