カテゴリー:機能追加系の記事一覧

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

ポイントサイト・アンケートサイト・趣味を起点としたアフィリエイトの実践記です。

カテゴリー:機能追加系

WordPressにアンケートを設置する方法

記事の概要

この記事ではWordPressでアンケートを設置できる「Kama」氏の「Democracy Poll」を紹介します。

「Democracy Poll」とは?

ユーザーが自由に選択肢を追加できるアンケートを設置できるWordPressのプラグインです。

「Democracy Poll」の導入方法

手順1

WordPressの管理画面にログインします。

手順2

管理画面の左メニューの”プラグイン”をクリックします。
wp_plugin-001

手順3

”プラグイン”の中の”新規追加”をクリックします。
wp_plugin-002

手順4

画面右上の検索欄に”Democracy Poll”と入力します。
democracy-poll-001

手順5

下記画像のプラグインを探して”インストール”をクリックします。
democracy-poll-002

手順6

”インストール”のボタンが”インストール中”を経て”有効化”ボタンに変わるので、”有効化”ボタンをクリックしたらインストールは完了です。

「Democracy Poll」の設定

手順1

WordPressの管理画面の上部のの”Democracy”にカーソルを持っていき、”Text Changes”をクリックします。
democracy-poll-003

手順2

適宜文章を日本語に直したあと、”Save Text”をクリックします。
democracy-poll-004 democracy-poll-004-2

手順3

適宜文章を日本語に直したあと、”Save Text”をクリックします。
democracy-poll-004 democracy-poll-004-2

「Democracy Poll」のアンケートの追加と設置

手順1

WordPressの管理画面の上部のの”Democracy”にカーソルを持っていき、”Add Poll”をクリックします。
democracy-poll-005

手順2

アンケートの選択肢を作成後、そのアンケートに対する設定を行い、”Add Poll”をクリックします。
democracy-poll-006

手順3

ショートコードが生成されるのでそのショートコードを任意の場所に設置したら完了です。
democracy-poll-007

実際に設置してみた結果

今回設置したアンケートは以下のように表示されます。

まとめ

この記事ではユーザーが自由に選択肢を追加できるアンケートを設置できる「Democracy Poll」を紹介しました。

もっと選択肢の追加がしやすいネタを選ぶべきだと思いましたが、思いつかなかったのでこんな感じになりました。

アンケートを設置する際はこの記事のことを思い出していただければ幸いです。

WordPressで豊富な記事装飾のショートコードを使用できるプラグイン

記事の概要

この記事ではWordPressで豊富な記事装飾のショートコードを使用できる「Vladimir Anokhin」氏の「Shortcodes Ultimate」を紹介します。

「Shortcodes Ultimate」とは?

記事装飾のショートコードがたくさん詰まったプラグインです。

「Shortcodes Ultimate」の導入方法

手順1

WordPressの管理画面にログインします。

手順2

管理画面の左メニューの”プラグイン”をクリックします。
wp_plugin-001

手順3

”プラグイン”の中の”新規追加”をクリックします。
wp_plugin-002

手順4

画面右上の検索欄に”Shortcodes Ultimate”と入力します。
shortcodes-ultimate-001

手順5

下記画像のプラグインを探して”インストール”をクリックします。
shortcodes-ultimate-002

手順6

”インストール”のボタンが”インストール中”を経て”有効化”ボタンに変わるので、”有効化”ボタンをクリックしたらインストールは完了です。

「Shortcodes Ultimate」の使い方

手順1

記事を書く際にショートコードを使いたくなった時に”ショートコードを挿入”をクリックします。
shortcodes-ultimate-003

手順2

使いたい記事装飾を選びます。今回はタブを挿入してみます。
shortcodes-ultimate-004

手順3

記事装飾の設定をしたあと、”ショートコードの挿入”をクリックします。設定中は”プレビュー”を活用すると良いでしょう。
shortcodes-ultimate-005-1 shortcodes-ultimate-005-2

手順4

以下が今回挿入したショートコードとその結果になります。

挿入したショートコード

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

結果

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

まとめ

この記事では豊富な記事装飾のショートコードが登録されている「Shortcodes Ultimate」を紹介しました。

これさえあれば大抵のことはできてしまうことでしょう。たくさんの記事装飾を駆使することで差別化を図りませんか?

この記事があなたのお役に立てれば幸いです。

WordPressでソースコード等を扱いやすく・見やすくする方法

記事の概要

この記事ではWordPressでソースコード等を扱いやすく・見やすくすることができるプラグインである「Aram Kocharyan」氏の「Crayon Syntax Highlighter」を紹介します。

「Crayon Syntax Highlighter」とは?

WordPressにソースコード等を扱いやすく・見やすくすることができる「Syntax Highlighter」を導入できるプラグインです。

「Simple Custom CSS and JS」の導入方法

手順1

WordPressの管理画面にログインします。

手順2

管理画面の左メニューの”プラグイン”をクリックします。
wp_plugin-001

手順3

”プラグイン”の中の”新規追加”をクリックします。
wp_plugin-002

手順4

画面右上の検索欄に”Crayon Syntax Highlighter”と入力します。
crayon_syntax_highlighter-001

手順5

下記画像のプラグインを探して”インストール”をクリックします。
crayon_syntax_highlighter-002

手順6

”インストール”のボタンが”インストール中”を経て”有効化”ボタンに変わるので、”有効化”ボタンをクリックしたらインストールは完了です。

「Crayon Syntax Highlighter」の設定方法

手順1

WordPressの管理画面の左メニューの”設定”にカーソルを持っていき、その後”Crayon”をクリックします。
crayon_syntax_highlighter-003

手順2

「Crayon Syntax Highlighter」の設定内容は以下画像の通りです。管理人はデフォルトで使用しているため説明は割愛します。
crayon_syntax_highlighter-004-1 crayon_syntax_highlighter-004-2 crayon_syntax_highlighter-004-3 crayon_syntax_highlighter-004-4

「Crayon Syntax Highlighter」の挿入方法

手順1

記事執筆中に表示される上部メニューの”Crayon”ボタンをクリックします。
crayon_syntax_highlighter-005

手順2

タイトルを記入し、プログラム言語を選び、コードを入力し、挿入をクリックします。下部に設定もあります。
crayon_syntax_highlighter-006-1 crayon_syntax_highlighter-006-2

手順3

記事にはこんな感じに表示されます。言語はC言語、マークを5-7に設定してみました。
#include <stdio.h>

int main(void){
    int x,y;
    printf("二つの整数を入力してください");
    printf("整数x:"); scanf("%d",&x);
    printf("整数y:"); scanf("%d",&y);

    printf("x + y = %d\n",x + y);
    printf("x - y = %d\n",x - y);
    printf("x * y = %d\n",x * y);
    printf("x / y = %d\n",x / y);
    printf("x % y = %d\n",x % y);

   return (0);
}

まとめ

この記事ではWordPressでソースコード等を扱いやすく・見やすくすることができるプラグインである「Crayon Syntax Highlighter」について書きました。

あなたがもし、HTMLやCSS、PHP等のスクリプトをブログで公開する際はぜひとも導入しておきたいプラグインです。

この記事があなたのお役に立てれば幸いです。

WordPressに記事カードを搭載する方法

記事の概要

この記事では、「poporon」氏の「Pz-LinkCard」を使用してWordPressの記事に記事カードをを搭載する方法について書きます。

「Pz-LinkCard」の導入方法

手順1

WordPressの管理画面にログインします。

手順2

管理画面の左メニューの”プラグイン”をクリックします。
wp_plugin-001

手順3

”プラグイン”の中の”新規追加”をクリックします。
wp_plugin-002

手順4

画面右上の検索欄に”Pz-LinkCard”と入力します。
pz-linkcard-001

手順5

下記画像のプラグインを探して”インストール”をクリックします。
pz-linkcard-002

手順6

”インストール”のボタンが”インストール中”を経て”有効化”ボタンに変わるので、”有効化”ボタンをクリックしたらインストールは完了です。

「Pz-LinkCard」の設定方法

手順1

WordPressの管理画面にログインします。

手順2

管理画面の左メニューの”設定”をクリックします。
pz-linkcard-002-1

手順3

”設定”メニューの”Pzカード設定”をクリックします。
pz-linkcard-002-2

手順4

リンクカードの設定します。基本的にはデフォルトで問題ないでしょう。
pz-linkcard-003

手順5

表示を設定します。シェア数等も表示できます。基本的にはデフォルトで問題ないでしょう。
pz-linkcard-004-1pz-linkcard-004-2

手順6

文字と外部リンクを設定します。”新しいウィンドウで開く”は要検討ですが、他の部分は基本的にはデフォルトで問題ないでしょう。
pz-linkcard-005

手順7

内部リンクを設定します。”新しいウィンドウで開く”は要検討ですが、他の部分は基本的にはデフォルトで問題ないでしょう。
pz-linkcard-006

手順8

同ページへのリンクと画像取得APIを設定します。同ページへのリンクは目次を設定すれば不要だと思われます。基本的にはデフォルトで問題ないでしょう。
pz-linkcard-007

手順9

詳しい人用のを設定します。基本的にはデフォルトで問題ないでしょう。
pz-linkcard-008

手順10

初期設定に戻すための項目です。初期設定に戻したい時に利用しましょう。
pz-linkcard-009

記事カードの設置方法

記事の記事カードを挿入したい部分に以下のショートコードを設置します。

[blogcard url=(リンク先のURL)]

実際の表示は以下のようになります。

[blogcard url=https://affiliate.rick-addison.com/archives/auto_bank_system-002.html]

まとめ

この記事では記事カードを設置する方法を紹介しました。

記事カードを使えば目立つので記事を紹介したいときに使うと非常に便利だと思います。

同一ページ内へのリンクは目次で、それ以外は記事カードを使えばあなたのブログの記事が読みやすくなると思います。

目次の設置方法については以下の記事が参考になると思います。

WordPressの記事に目次を搭載する方法
記事の概要この記事では、「Michael Tran」氏の「Table of Contents Plus」を使用してWordPressの記事に目次を搭載する方法について書きます。この文章の下に表示されるのが目次です。「Table of Contents Plus」の導入方法手順1WordPressの管理画面にログインしま

外部リンクや内部リンクの”新しいウィンドウで開く”を要検討としたのは、その記事にユーザーが戻ってこれるのかを考えた上で設定すべきだと考えたためです。

この記事があなたのお役に立てたら幸いです。

search envelope heart star user close search-plus home clock update edit share-square chevron-left chevron-right leaf exclamation-triangle calendar comment thumb-tack link navicon aside angle-double-up angle-double-down angle-up angle-down star-half status image gallery music video category tag chat quote googleplus facebook instagram twitter rss