ワードプレス記事内デザインリンク作成プラグインPz-LinkCardの使い方

記事をたくさん書いていると

関連した記事を書いているからその記事も紹介したいなと思うことありますよね。

関連した記事に行くのはコチラとテキストで記事を作って

普通にリンク作成して紹介記事に飛ばすのもいいと思いますが

ちょっとしたデザインされたリンクになっていたらカッコいいと思い

内部リンクをカード風のデザインにするプラグイン

Pz-LinkCardに関して調べてみました。

今回のデジスマホでは

 

内部リンクカード型デザインリンクを作成するプラグイン

Pz-LinkCardの導入方法や使い方に関して記事を書いてきます。

 

 

カード風のデザインリンク作成ってどんな感じ?

Pz-LinkCardのプラグインを利用すると下記のようなリンクが作成できます。

設定方法の簡単書式設定で変わるデザイン
内部リンクの場合

外部リンクの場合

ショートコード作成したリンクの場合

ショートコード作成したリンクの場合

 

カード風リンクデザイン作成プラグイン導入方法

カード風リンクデザイン作成プラグインPz-LinkCardのプラグインをワードプレスに導入する方法の解説です。

Pz-LinkCardプラグインインストール

  1. プラグインの新規追加から進む
  2. キーワード検索からpz-linkcardを検索
  3. Pz-LinkCardを今すぐインストール→有効

Pz-LinkCardプラグインでリンクデザイン設定方法

Pz-LinkCardのプラグインの使い方です。リンクをカード風デザインに変更してくれます。

Pz-LinkCardプラグイン設定方法行きかた

設定→PZカード設定

または
pzlinkplugin設定画面行く方法2

プラグイン→インストール済のプラグイン→Pz-LinkCard→設定

設定のpzカード設定からも、インストールプラグインのpz-LinkCard設定のどちらからでも行けます。

デザインリンク作成設定方法詳細

カード風デザインリンクの作成する方法とどのように見えるかを画像付で解説していきます。

基本設定の簡単書式設定でおおまかなデザインが変更できます。

基本の設定

簡単書式設定なし

基本設定の簡単書式設定→なし ブログでは下記のように見えます。

ブログでの見た目

ブログ上で見ると、簡単書式設定→なしでは上記のように見えます。

pz リンクカード標準書式

簡単書式設定→pz リンクカード標準書式

 

シンプル書式

簡単書式設定→シンプル

簡単書式設定スクェア

簡単書式設定→スクェア

簡単書式設定→セロテープ中央

簡単書式設定→セロテープ(中央)

簡単書式設定→3D回転

簡単書式設定→3D回転

配置の設定

簡単書式設定引用符のタグにチェックを入れる

BLOCKQUOTEタグを使用するにチェックを入れると引用符を用いたデザインに変更されます。

引用符を用いたデザインに変更

上記は

簡単書式設定→pzリンクカード標準書式

BLOCKQUOTEタグを使用するにチェックした際のデザインです。

余白等の調整

デザイン変更

  1. カード全体をリンクにチェックを入れるとカードリンクの何処を押してもリンク先に行きます。
  2. 高さを108pc→からプラス200px足して308pxにするとデザインが上記のように変更されました。
  3. 余白の部分を調整できます。

表示の設定

表示の設定画面

枠をつけたり、サムネイル画像の大きさを編集したり出来ます。
すべてにチェックを入れてみました。

サムネイル画像はプラス50pxずつプラスすると画像が大きくなりすぎました。

何も変更しないでデフォルトのままでもいいかもしれません。

変更後は 変更を保存をしてデザインをチェックします。

 

文字のデザイン

文字のデザイン変更

サイト情報やタイトルの色を変更してみました。

文字のデザインはクリック率にもかかわるので色々試した方がいいですね。

外部リンクの設定

外部リンク

外部リンクの設定を設定出来ます。

外部リンクとは違うサイトや違うブログのリンクの事です。

外部リンクに対してPz-LinkCardを使ってみると

外部リンク(他のブログやサイト)のブログ名や記事のタイトルや外観等を読み取ってくれます。

特に、デザインをいじらなくても、勝手にリンク先から情報を読み取ってくれるので

簡単にリンクカードが作成出来ます。

ここでの設定は基本いじらなくてもいいと思います。

新しいウィンドウで開く→モバイル端末以外もデフォルトになっているので

パソコンでそのリンクをクリックしても別ウィンドーが出てくれる設定になってます。

nofollowを付与する→グーグルにクロールしてもらいたくない外部リンクならばチェックを入れたほうがいいですね。

内部リンクの設定

内部リンク設定

内部リンクの設定を変更できます。

内部リンクとは同一ブログの事です。

ここでも設定をさわらない状態でそのままでも大丈夫です。

画像取得APIの設定

画像の読み込み等の設定

外部のリンクから画像を読み込んだり、内部リンクのサムネイル画像を読み込んだりする設定です。

設定を何もさわらなくてもきちんとデザインされるので大丈夫です。

詳しい人向けの設定

詳しい人向けの設定

ここも特に設定をさわらなくても大丈夫です。

初期化

初期設定に戻す

色々設定をしてみてデザイン変更を確認をして元の設定に戻したい場合は

設定を初期状態へ戻すにチェックを入れて変更を保存

デザインが初期状態に戻りました。

Pz-LinkCardのプラグインで作成リンクの管理方法

作成したリンクは一括で 管理することが可能です。管理画面に行くと見やすいです。

リンク管理

  1. ツール→PZカード管理 もしくは プラグイン→インストール済のプラグイン→pz-LinkCard管理から行けます。
  2. すべて・内部リンク・更新あり・リンク切れとリンク毎で一括管理が出来ます。

 

カード風デザインリンク作成プラグインPz-LinkCardまとめ

実際使ってみて、内部リンク先のサムネイル画像も表示してくれるので

作成したサムネイル画像と内部リンク先の内容が一目で わかります。

Pz-LinkCardのプラグインで作成した内部リンクに関してはPz-LinkCardの管理からも

まとめられていて、一目でわかるので非常に使いやすいデザインリンク作成プラグインだと思います。

ワードプレスサイトマップ作成プラグインPS Auto Sitemapのやり方と設置方法

どうもデジオです。

サイトマップってご存知でしょうか?

色々なブログを見るとブログのメニューバーにサイトマップってよく見ます。

デジスマホブログもサイトマップつけた方がいいのかな?と思い

ワードプレスのプラグインでサイトマップを簡単に作れるプラグインがないか調べてみました。

今回のデジスマホブログでは

ワードプレスブログにサイトマップのページを作成してくれるプラグイン

PS Auto Sitemapをワードプレスにインストールしてから
ワードプレスにサイトマップを設置して表示するまでを解説したいと思います。

サイトマップ作成プラグインPS Auto Sitemapとは?

ワードプレスにサイトマップを作成するプラグインを調べるとPS Auto Sitemapが出てきます。

サイトマップ作成プラグインに関して

ただ このプラグイン最終更新が3年前なんです。

え? 3年前なのに プラグインちゃんと機能してるの?ってなりますね。

大丈夫です。PS Auto Sitemapのプラグインでサイトマップ作成できます

PS Auto Sitemapのプラグインで作れるサイトマップは

ブログを見た人のためへ作るサイトマップです。

グーグルにサイトの構造がどうなってるかのサイトマップではないので

ブログを見てる人のために作成するサイトマッププラグインだと考えたほうがいいですね。

PS Auto Sitemapのプラグインでサイトマップを作成する方法

デジスマホブログにサイトマップ作成プラグインPS Auto Sitemapをインストールしてからの設定方法を解説します。
PS Auto Sitemapプラグインインストール説明画像(1)ワードプレス管理画面のプラグイン→新規追加へ進む
(2)PS Auto Sitemapとキーワードの枠に入力して検索をする
(3)PS Auto Sitemapを今すぐインストール!インストール後に有効にする。

PS Auto Sitemap設定画面(1)設定ボタン→PS Auto Sitemapに進む
(2)PS Auto Sitemapの下の方の<!– SITEMAP CONTENT REPLACE POINT –>をコピーする。

ワードプレスの個別ページにサイトマップを作成方法

PS Auto Sitemapのプラグインでサイトマップを作成した後、それを個別ページで表示するための設定が必要なのでそのやり方を解説します。

個別ページでPS Auto Sitemapサイトマップページ作成
(1)ワードプレス管理画面の固定ページ→新規追加に進み固定ページを作成する。
(2)タイトルにサイトマップと入力しました。
(3)必ず本文を入力する前にテキストモードになってるか確認!
テキストモードの状態で<!– SITEMAP CONTENT REPLACE POINT –>を貼り付けて公開

PS Auto Sitemapプラグインの設定説明画像
(1)作成した固定ページのURLに数字が入ってるのでその数字をコピー!
デジスマホブログで作成した固定ページには621とあったので621をコピー!

PS Auto Sitemapの設定方法
(1)ワードプレス管理画面の設定ボタン→PS Auto Sitemapに進む
(2)サイトマップを表示する記事の横に先ほど固定ページ作成時にコピーした数字621を入力
(3)変更を保存

PS Auto Sitemapで作成したサイトマップをワードプレスで表示方法

サイトマップをワードプレスの個別ページで作成後に今度はワードプレスでその個別ページを表示させる方法を解説します。

サイトマップメニューバーに表示設定
(1)ワードプレス管理画面の外観→メニューに進む
(2)作成した固定ページサイトマップをメニューに追加
(3)メニュー構造にサイトマップがあるのを確認後、メニューを保存!

PS Auto Sitemapで作成したサイトマップを表示した結果?

PS Auto Sitemapのプラグインで作ったサイトマップを個別ページで表示後、ブログではどのように表示されてるかを見てみましょう。

PS Auto Sitemapでサイトマップ表示結果PS Auto Sitemapで設定したサイトマップがデジスマホブログにリンクとして表示されてます。
カテゴリー毎に記事が表示されていて見やすいですね。

サイトマップ作成プラグインPS Auto Sitemapまとめ

ワードプレスのPS Auto Sitemapプラグインで作るサイトマップはブログを見にきた人ようにどこに何があるかを表示するためのサイトマップです。

グーグルに情報を送るサイトマップのプラグインはまた別のプラグインなので間違いやすいですね。

問合せフォームcontact form 7をワードプレスに設置する方法

あれ?デジスマホブログには問合せフォームがない・・・

どうもデジオです。ブログを作成して約1ヶ月経過しましたが

お問合せする場所がないことに気がつきました。

まだブログにアクセスがないから問合せする人も実は全くいないんですが

今後 当ブログが人気出ることを考えて

問合せフォームを作成することに決めました。

問合せフォームを設置するといっても、ワードプレスの問合せフォームを作成するプラグインがたくさんあるので
contact form7というワードプレスの問合せフォームのプラグインを設置しようと思います。

今回のデジスマホブログでは問合せフォームを作成するワードプレスプラグイン

contact form7のインストールからブログ設置方法までを公開していきます。

ワードプレスにcntact form 7プラグインをインストール方法

ワードプレスの問合せフォームを作成するプラグイン、コンタクトフォーム7をインストールする方法です。

contactform7プラグインインストール説明画面

プラグイン→新規追加に進む

キーワードの所からcontact form7と検索!contactと調べても出てきました。

contact form7のプラグインをインストール後、有効にする。

問合せフォーム作成プラグインcntact form 7のやり方や設定方法

cntact form 7のプラグインはワードプレスの管理画面のどこで設定するのか?どうやればいいのかを調べてみました。

Contact Form 7で問合せフォーム作成

コンタクトフォームのプラグインをインストールするとワードプレスの管理画面にお問合せと表示されます。

お問合せから新規追加と進みましょう。

問合せフォームをコンタクトフォーム7で作成説明画像

問合せフォームの表示設定が出来る画面になります。
お名前やメールアドレスの順番を変更したり、その他ら時をボタンを設置したり出来ます。

Contact Form新規追加画面

contact form7で問合せフォームの中身を設定後、保存後、ブログ上にはどのように表示されるか並べてみました。

 

Contact Formのメール送信先を変更

contact form7の設定画面でフォームの隣にメールという項目があったので

ここではもともと設定されてるアドレスと違うアドレスを設定してみました。

アドレス変更後は保存を忘れずに。

コンタクトフォームプラグイン編集画面説明

作成したコンタクトフォーム7の編集等はコンタクトフォームというボタンから行えます。

ワードプレスに問合せフォームcntact form 7を設置する方法

問合せフォームプラグインcntact form 7の設定が終わったら、今度はワードプレスに作成した問合せフォームを表示させる方法です。

Contact Formのショートコードコピー説明画像

作成して利用する予定の問合せフォームに行き、ショートコードをコピーします。

個別ページにコンタクトフォームのショートカット貼り付け画像

①問合せフォーム専用のページを作成するために固定ページを新規追加で作成します。

②問合せはコチラという固定ページを作成して、その本文に先ほどコピーしたショートコードを貼り付けて公開

③問合せはコチラというタイトルの固定ページを作成できました。

問合せフォームをワードプレスメニューバーに表示

問合せはコチラという固定ページをワードプレス上で表示する設定方法です。

①外観からメニューに行きます。

②先ほど作成した固定ページ、問合せはコチラをメニューに追加します。

③メニューを保存で完成です。

cntact form 7のプラグインをワードプレスに設置した表示結果

設置したコンタクトフォームをワードプレスのブログ上でどのように表示されてるか見てみます。

ワードプレス問合せフォーム表示説明画像

ブログ上で見てみると問合せはコチラというボタンがヘッダーメニューに表示されてます。

ワードプレス問合せフォーム設置画像

問合せはコチラボタンを押すと、きちんとワードプレスプラグイン、コンタクトフォーム7で作成したページが表示されてました。

問合せフォームプラグインcntact form 7まとめ

ワードプレスの問合せフォームプラグインのcntact form 7で設置した問合せフォームに名前やアドレスを入力して送信すると、きちんと設定したアドレスにメールが届いてました。

簡単に問合せフォームをワードプレスに作成するとしたらcntact form 7のプラグインお勧めです。

カテゴリー順番変更!整理が簡単!ワードプレスのプラグインのやり方

カテゴリーオーダー

ワードプレスのカテゴリーの順番って変えれないのかなーって思って調べました。

ブログのカテゴリーの数が多くなってくるとカテゴリーAの上にカテゴリーSを置いたほうが見栄えがいいなーとか出てきますよね。

今回はwordpressのカテゴリーの順番を簡単に変えるプラグイン
[Category Order and Taxonomy Terms Order]のやり方や設置方法をまとめてます。

カテゴリー順番変更プラグイン!ワードプレスにインストール方法

ワードプレスのカテゴリーの順番を変更するプラグインCategory Order and Taxonomy Terms Orderのインストール方法の説明です。

カテゴリーオーダーインストール画像説明

プラグインの新規追加に行って,キーワードのところからCategory Order and Taxonomy Terms Orderを入力、今すぐインストールを押して、有効にしてください。

Category Order and Taxonomy Terms Orderのやり方

カテゴリーの順番の入れ替えを行えるワードプレスのプラグインCategory Order and Taxonomy Terms Orderのやり方です。

カテゴリーオーダーの行き方画像説明

プラグインをインストール→有効後に投稿→Taxonomy Terms Orderと行きます。

カテゴリー移動方法画像説明

カテゴリーを並べ替えてから更新を押します。

ブログを見てカテゴリーの順番が変わってない場合

カテゴリーオーダー反映外観ウィジェット説明

ブログを見るとカテゴリーの順番が並べ変わってない状態でした。その場合は

外観→ウェジェット→カテゴリーに行ってください。

外観ウィジェットカテゴリー階層を表示チェック画像説明

ウェジェットのカテゴリーの所の階層を表示にチェックを入れるとブログのカテゴリーの順番が変わってました。

カテゴリの順番を変えてブログのカテゴリーの見た目は?

Category Order and Taxonomy Terms Orderのプラグインで未分類のカテゴリーを一番下に移動した結果 ブログの表示は変わったのか?

カテゴリー未分類を一番下に移動説明

カテゴリーの順番を未分類が一番上にあったので、一番下にしました。

カテゴリー表示結果画像説明

結果 ブログのカテゴリー欄の表示も 未分類が一番 下に移動してました。

Category Order and Taxonomy Terms Orderの注意点

ワードプレスのカテゴリーを変えるプラグインCategory Order and Taxonomy Terms Orderの注意点です。

プラグインでカテゴリーの順番を移動しても変更しても管理画面上では変わっていてもWEB上を確認すると

カテゴリーの順番が変更されてないことがあります。

その時は 外観⇒ウィジェット⇒カテゴリー⇒階層を表示にチェック!

上記のやり方を試してみてください。

まとめ

ワードプレスのカテゴリーの順番を変えたいならCategory Order and Taxonomy Terms Orderのプラグインを使うと簡単に変えられます。