第八回「Google XML Sitemapsプラグインの効果と導入」

★Google XML Sitemapsとは

自動的に検索エンジン用のXMLサイトマップを簡単に作ってくれるプラグインです。
検索エンジンの巡回促進SEOの面で大きな役割を果たしてくれます。

ブログの閲覧数を上げるため、今回は「Google XML Sitemaps」を導入する方法を解説していきます。

「Google XML Sitemaps」を導入方法

1.プラグインを検索して、「今すぐインストール」をクリックします。
16041301


2.「プラグインの有効化」をクリックします。これで、インストール設定終了です。
16041302


3.設定の中の「XML-Sitemaps」をクリックします。
中身を確認すると、まだインストールしたばっかりで「検索エンジンはまだ通知されていません」となっておりますが、新しい投稿を行うと・・・
16041303


4.自動で動いてくれております。
16041304


★完成★

他、細かい設定も可能となっております。
自動で検索エンジンに知らせることが簡単に出来るので是非導入しておきましょう♪

第七回「Meta Sliderを使った、簡単スライダー作成。」

WordPressで作成したブログにスライダーを挿入して動きを出したい。でも難しいんじゃないの?
そんなことは御座いません。

「Meta Slider」というプラグインを使えば、WordPress内にスライダーが簡単に作れます。

こんな感じ♪

今回は「Meta Slider」を使って画像スライド部分を作って参ります。

「Meta Slider」を使う方法

1.プラグインをインストールした後、「Meta Slider」のタグをクリックします。
次に最初のスライドショーを作成をクリックします。
16041201


2.「スライドを追加」をクリックします。
16041202


3.アップロードしたい画像をドラッグして挿入し、その後画像を選択します。
16041203


4.その後右下部分のショートコードをコピーします。
16041204


5.記事を書いている時に、埋め込みたい位置にコードを挿入すれば完成です。


★完成★

Webサイトに動きを取り入れることは、人の目を引くことが出来るので、極力組み込んでいきましょう!!

第六回「WordPressにgooglemapを挿入する方法」

コーディング備忘録ブログ、第六回「WordPressにgooglemapを挿入する方法」です。

美味しいお店にランチしたときや、遠出した宿などをブログに書く際にmapを埋め込んであげると非常にわかりやすくなりますし、親切です。
なので、今回はWordPressにgooglemapを埋め込む方法をやっていきます。

●WordPressにgooglemapを挿入する方法

1.ブラウザでgooglemapを検索します。
16041101


2.googlemapに住所や固有名詞を入れる。(今回はUSJで検索します。)
16041102


3.右下部分の「共有」を選択します。
16041103


4.「地図を埋め込む」を選択します。
16041104


5.赤線で囲っている「iframe~」から始まるコードを全てコピーします。
16041105


6.ワードプレスのはめ込みたい位置に挿入して完了です。。
16041106


★完成★

gogglemapが反映されます。
これで、大体の地図の位置がわかるので、見やすいですね。

第五回「WordPressのコメントフォームを非表示にする方法」

WordPressにはコメントの機能が標準装備されています。


ブログにコメントが付くのは閲覧している人がいる事実なので嬉しいことですが、コメントもその記事の一部となって残ります。
コメント欄は基本誰でもコメントできるので、内容に関しては不確定要素となりで、いちいち管理するとなると時間がかかってしまいます。


なので、今回はそのコメントフォームを消す方法を解説していきます。

●WordPressのコメントフォームを消す方法

1.「外観」⇒「テーマの編集」をクリックします。
160408_1

2.右テンプレート欄の「単一記事の投稿」をクリックします。
160408_2

3.「comments_template」が含まれているところをコメントアウトします。これが自動でコメントフォームを生成している場所です。
※消さずにコメントアウトする理由は、間違って消してしまったコードが原因で、現在の設定やレイアウトが崩れた際に対処できるようにする為です。


・before
160408_3

・after
160408_4
4.「ファイルを更新」をクリックで完了です。


★完成★

160408_5



WordPressのコメントフォームを非表示にすることが出来ました!
WordPressをブログではなく、情報サイトのような運営をする方や、悪質なコメントに追われている方は一度設定してみてはいかがでしょうか。

参考サイト

https://ja.support.wordpress.com/enable-disable-comments/
http://www.wordpress-shop.com/?page_id=108
http://kwski.net/wordpress/1086/

第四回「WordPress Related Posts」

「WordPress Related Posts」とは記事の下に関連記事を表示できるしてくれるプラグインです。
自分のサイトにアクセスしてくれた人の巡回率が上がる効果があるので、ぜひ自分のブログに設定したいプラグインの一つです。

●プラグインのインストール方法
~Webサイトからダウンロードしてくるやり方~



1.インターネットで使いたいプラグインを検索します。
(今回は「WordPress Related Posts」をダウンロードします。)


16040701


2.赤で囲っている「バージョンをダウンロード」クリックします。


16040702


3.WordPressの画面へ行き、「プラグイン」⇒「新規追加」⇒「プラグインのアップロード」の順でクリックします。
4.先ほど、ダウンロードした「ファイルを選択」し、「今すぐインストール」をクリックします。
※インストール中はバグル可能性があるので、極力パソコンをいじらないよう中止
5.「プラグインの有効化」をクリックします。
6.プラグインのインストール完了です。

●「WordPress Related Posts」を簡単に設定しよう



1.「設定」⇒「WordPress Related Posts」をクリックします。
その後、設定を各種行いますが今回は最低限の設定していきます。

2.Basic settings
・Related Posts Title=見出し部分です。
・Number of Posts=表示する数です。(今回は3回をセッティング)
16040704

3.Layout=見た目です。(今回はModernをセレクト)
16040705

4.Auto Insert Related Posts=関連記事を自動で入れてくれます。
16040706

5.一番下の「Save changes」をクリックで設定完了です。

★完成★

細かい設定は他にもたくさんありますが、検索してプラグインインストールから「WordPress Related Posts」を使用して、関連記事作成が出来ました!!
すると、こんな感じで表示されています!!是非、他の記事も読んで下さいね。

↓  ↓  ↓  ↓  ↓  ↓  ↓  ↓  ↓  ↓  ↓  ↓  ↓  ↓  ↓

第三回「PS Auto Sitemap」

コーディング備忘録ブログ、第三回「PS Auto Sitemap」です。

「PS Auto Sitemap」とは、WordPressで作成したサイトのサイトマップを自動的に作成してくれるプラグインです。

●プラグインのインストール方法

 
1.サイドメニュー画面の「プラグイン」をクリックします。
2.コンテンツ部分プラグインの右「新規追加」をクリックします。
3.二行目の右にプラグインの検索枠があるので、インストールしたいプラグインを記入します。(今回は「PS Auto Sitemap」を検索)
4.検索結果より、hitすれば項目が出てくるので「今すぐインストール」をクリックします。
※インストール中はバグル可能性があるので、極力パソコンをいじらないよう中止
5.「プラグインの有効化」をクリックします。
6.プラグインのインストール完了です。
 

●PS Auto Sitemapの使い方

 

まずは固定ページにサイトマップを作成する。

 
1.サイドメニュー画面の「固定ページ」をクリックします。
2.「新規追加」をクリックします。
3.タイトルに任意のタイトルを入れます。。(今回は「サイトマップ」と入れます。)
4.コメント欄に「」と言うコード記載します。
5.「下書き保存」か「公開」で完了です。
 
206040601
 

一番重要なポイント~ID設定~

 
生成したサイトマップの固定ページを開いて、赤枠の数字を覚えておく。(今回は48)
 
 
206040605
 
 

●次に、「PS Auto Sitemap」の設定を行う。

1.サイドメニュー画面の「設定」をクリックします。
2.サイドメニューの設定の中身が出てくるので、先ほどインストールした「PS Auto Sitemap」をクリックします。
3.サイトマップを表示する記事の右の空白に「サイトマップを表示する記事のIDの入力をしてください。」があるので、そこに先ほどの数字を挿入します。
4.「変更を保存」をクリック。
 
・before
 
206040603
 
・after
 
206040604
 
 

★完成★

細かい設定は他にもたくさんありますが、以上の手順でプラグインインストールから「PS Auto Sitemap」を使用して、サイトマップが出来ました!!
 

参考サイト

http://wp-exp.com/blog/ps-auto-sitemap/

第二回「ファイルトランスファープロトコル」

コーディング備忘録ブログ、第二回「ファイルトランスファープロトコル」です。

ファイルトランスファープロトコルとは、自分の持っているデータや相手の持っているデータを転送しあえる機能で、よくFTP(File Transfer Protocol)と言う略称で呼ばれます。
通常生活では、聞くことは少ない語句となりますが、「自分のサイトを持ってみたい」と思ったとき、気っても切れない関係性にあります。

名前だけでも知っておけ‼よく聞くFTPソフトの種類

 

1.FFFTP

基本的な機能が重質しています。
Windowsでのみの動作保証がされていて、さらに使えるOSも限定的となっています。
ffftp_gazou

2.FileZilla

ホームページを作成している人や、プログラマーによく使われているソフトです。
windowsとMac両対応なのも魅力です。
filezilla_gazou
上記、二つは有名どころになるので覚えてきましょう。

参考サイト

http://e-words.jp/w/FTP.html
http://www.xrea-navi.com/ffftp/ffftp.html
http://www.vector.co.jp/magazine/softnews/120208/n1202081.html

第一回「スワップイメージ」

コーディング備忘録ブログ、第一回「スワップイメージ」です。

スワップイメージとは、画像にマウスカーソルを重ねると静止画が変化する仕組みの事です。webサイトを構築する上で、動きは見るものを楽しませる効果があるので組み込みたい。 そこで、よく使われるのがこの「スワップイメージ」です。小さな画像にマウスを合わせると、大きな画像(1箇所)が切り替わります。

初心者でも出来る簡単スワップイメージについて

スワップイメージはDWのビヘイビアのところにボタンがあります。
なのでボタン一発でできます、なんて簡単なことなんでしょう。画像のプロパティのIDに名前を設定します、そしてそこの画像が変化するように設定します。

ソースコードがヘッダに作られます

DWなので便利ですがソースが長い長いものが作られます。

参考サイト

http://japanism.info/onmouse.html