Windows Live Writer でワードプレス記事を書く注意点。賢威テンプレが上手く反映表示されない。

Windows Live Writer が非常に便利で使い始めたのですが、

なんだか記入できる範囲が狭い、

全体的に右寄りで、実際に表示される範囲より、入力できる範囲が狭くなってしまう。 「Windows Live Writer でワードプレス記事を書く注意点。賢威テンプレが上手く反映表示されない。」の続きを読む…

ブログランキングサイトに登録。Ping送信先の設定をする。

ブログランキングサイトって、

情報サイトを運営している人は、ほぼ登録しているのではないでしょうか?

登録したランキングサイトでも更新情報が掲載されるので、

SEO的にも登録必須!?なのでしょうか?

 

当サイトの様に開設間もないサイトは、

先にランキングサイトの方で、Googleインデックスされたりしてます。汗

もちろん、ランキング上位表示されるようになれば、

更なるアクセスアップにも繋がるでしょうが、個人的にはあまり好きではありません。

なんか胡散臭いよね。

 

私が現在登録してみた、ブログランキングサイト。

  • にほんブログ村
  • 人気ブログランキング

ブログ村と、人気ブログランキング辺りは鉄板じゃね?

皆さん、どちらか設置してますよね?

面倒なのは、最初だけ。

参加したいなら、とりあえず登録しておきまっしょい。

 

WordPressで、Ping送信の設定をする。

ランキングサイトに無事登録されたら、Ping送信の設定をします。

記事更新すれば、自動的にランキングサイト側にお知らせしてくれるわけです。

Pingって横文字で難しそうですが、

設定は、非常に簡単です。

以下、にほんブログ村の場合です。

 

ブログ村の管理画面上部の、

「記事反映/Ping送信」タブをクリックすると、

専用のPing送信先URLが表示されます。

WS000359

「http://ping.blogmura.com/xmlrpc/xxxxxxxxx」ってやつね。

このURLをコピーして、ワードプレスサイトに貼り付けます。

続いて、ワードプレス側。

「設定」→「投稿設定」の画面を開く。

WS000360

 

「更新情報サービス」という項目があるので、

先ほどのPing送信先URLを貼りつけます。

WS000362

以上で完了です。非常に簡単でした。

 

これで、記事を更新する度に、ブログ村にも反映されます。

ブログ村サポートにも、解説がありました。

Ping送信先URLの貼り付け方の解説はありますか? – にほんブログ村サポート

 

ちなみに、複数サイトを所持している場合は、

ブログ村ではブログ追加登録ができます。

にほんブログ村

にほんブログ村では1つのユーザー登録(メールアドレス)に対して3つまでブログサイトを登録することができるようになりました。複数登録することでもう切替にログインとログアウトを繰り返す必要はございません。

参考→複数のブログを登録したいのですが? – にほんブログ村サポート

人気ブログランキングの場合は、その都度登録が必要みたいですね。

人気ブログランキング

複数のブログをお持ちの場合は、お手数ですがブログごとに登録していただく必要があります。

参考→複数ブログ登録について

その他、大手ブログランキングサイト

ブログランキングサイトっていっぱいあって、

正直どれに登録すべきか?わからない。

というわけで、

大手っぽいので、割と目にする機会が多いやーつ。

 

比較的見かけるのをピックアップしましたが、登録しまくっても意味ないと思うので・・・

基本的ににほんブログ村、人気ブログランキングで良いかと。

ランキングサイトっていう時代でも無いし、いつの間にかランキングサイトも消えまくってる。

 

登録者の少ないサイトの方が、上位表示されたりするんじゃないかと思ったけど。

誰も使わないんじゃ意味ないね。

まぁ、気になるなら使ってみたら。無料だし。

私は使わないけど。

賢威で「お問い合わせ」を設置する。コンタクトフォーム作成は、Contact Form7

サイト運営開始して、3カ月・・・

お問い合わせフォームを作って無い事に気付いた。汗

今回もワードプレスプラグインで導入です。

コンタクトフォームのプラグイン「Contact Form 7」

早速インストールして、有効化します。
コンタクトフォーム7

設定をクリックして、設定画面へ。

初期設定だと「コンタクトフォーム1」という名前なので、
WS000347

わかりやすく?「お問い合わせ」に変更してみた。
WS000348

で、表示されているコードをコピーしておきます。
WS000349

次に、固定ページを新規作成して、先ほどのコードを貼り付けます。

「固定ページ」→「新規追加」で、

タイトルに「お問い合わせ」と入力。

本文に先ほどのコードを入力。

↓こんな感じ。
WS000350

すると、

無事、ヘッダーメニュー「お問い合わせ」が表示されました☆
WS000351

といわけで、今更ながら設置しました。

私の様な、へっぽこアフィリエイターに問い合わせる方も少ないかと思いますが、

何かあれば、お問い合わせ頂けると幸いです。

回答できる無い様であれば、なるべく返答させて頂く・・・つもりです。

ワードプレスにサイトマップの自動送信設定。Google XML Sitemaps

ウェブマスターツールにサイト登録したら、

XMLサイトマップを自動送信する設定。

 

検索エンジンに、なるべく早くインデックス表示させる為にも、

サイトマップ送信の設定はしておいた方が良いみたいです。

 

で、相変わらず詳しい事はわからないので、

プラグインを導入です。

 Google XML Sitemapsのインストールとサイトマップ作成

毎度おなじみ、プラグイン検索してインストールです。

「Google XML Sitemaps」で検索です。

Google XML Sitemaps

 

インストールして、有効化する。Google XML Sitemaps有効化

 

 

設定の中にXML-Sitemapsが追加されてます。

WS000308

 

 

XML-Sitemaps設定画面を開いて、早速サイトマップを作成します。

下記画面の「こちらをクリック」でサイトマップを作成します。サイトマップ作成

 

 

無事サイトマップ(sitemap.xml)が作成された様です。

WS000310

続いて、作成したサイトマップを送信します。 

 

Googleウェブマスターツールで、サイトマップを登録する。

先ほど作ったサイトマップを、グーグルさんに送信します。

Googleウェブマスターツールより送信できます。

WordPressサイトに、Googleアナリティクスと、ウェブマスターツールを導入する。

 

サイトの管理画面を開くと、右の方にサイトマップという項目があります。 ウェブマスター管理画面

 

 

拡大画像。サイトマップをクリック。

WS000313

 

右の方にある「サイトマップの追加/テスト」をクリック。

WS000314

 

するとこんな画面が表示されるので、WS000315

自分のサイトURLの後ろに「sitemap.xml」と入力して、

「サイトマップ送信」をクリック。

 

・・・以上でおしまいです。

 

無事サイトマップが、送信されました☆

WS000316

 

 

これで、記事を更新する度に、

自動でサイトマップが送信されます。

Twitter Appsでエラー。ツイッターにアプリケーション登録ができない。

ワードプレスサイトとツイッターの連携をする為、

プラグイン「Simple Tweet」をインストールしたのですが、

ワードプレスの記事を自動でツイートする。Simple Tweetの設定方法。

実は、Twitterのアプリケーション登録で、かなり手こずっておりました。

 

Twitter Appsを利用できない。

Create New App をクリックすると下記の様なエラーが出てしいます。

You must add your mobile phone to your Twitter profile before creating an application. Please read https://support.twitter.com/articles/110250-adding-your-mobile-number-to-your-account-via-web for for more information

↓これね。

Twitter認証エラー

↓Google翻訳してみた、

アプリケーションを作成する前に、あなたのTwitterのプロフィールには、携帯電話を追加する必要があります。詳細については、用https://support.twitter.com/articles/110250-adding-your-mobile-number-to-your-account-via-webをお読みください

だってよ。

Twiiter DevelopersのAppを利用する際には、

モバイル認証が必要になったみたいね。

不正アカウントを増やさない対策でしょうか?

うーん面倒。

 

調べて見ると、ツイッター設定画面のモバイルから、登録できるっぽいので、

とりあえず、モバイルの設定やってみた。

WS000292

 

 

表示された通り、

携帯から空メール送って、

届いたメールのリンクをクリックすると。

無事携帯のメールが登録されました。

 

で、再度Twitter Appsの利用してみる・・・

Twitter認証エラー

 

やっぱり駄目、

時間がかかるのかと思い、しばらくしてから再度挑戦。

 

・・・やはりエラー。

んぁあ!!

 

非常に悔しいので、調べて見る。

どうやら携帯番号の登録が必要らしい。

しかし、日本のツイッターでは、携帯番号の登録ができない。

んぁあ!!

 

更に調べて見る。

英語表記にすれば、携帯番号が登録できるらしい。

というわけで、

ツイッターの設定画面より、英語表記に変更してみる。

 

すると・・・

でました、携帯番号登録画面。

WS000294

しかもキャリア(Carrier)のところに「au」とか「Softbank」とか選択できる!!

きたきたきたぁああああー!!

 

というわけで、

とりあえずauの番号を入力して、試してみる・・・・。

で表示されたのが、この画面。

WS000295

 

「Sorry, we don’t have a connection to your carrier yet!」

Google翻訳↓

「申し訳ありませんが、我々はまだあなたのキャリアへの接続を持っていない!」

え!?

au駄目なの!?

 

Softbankで再挑戦するも・・・

「Sorry, we don’t have a connection to your carrier yet!」

Docomoでやってみても・・・

「Sorry, we don’t have a connection to your carrier yet!」

んぁあ!?

 

おいおい・・・頼むよツイッターさん。

じゃあどうやって、モバイル認証するんだい?

 

で、しばらく考えてみた。

スマホで、Twitterアプリインストールして、

ログインすればイケるんじゃね!?

 

最後のトライ。

・・・とりあえず、スマホにツイッターアプリ入れて、

ログインしてみる。

 

で、再度ワードプレスの、

Simple Tweetの設定画面から、

Twitterにアプリケーション登録!!

で、

表示される成功の画面。

WS000297

 

遂にアプリケーション登録できました!!

スマホから、ツイッターアカウントにログインすれば良かったのか・・・

 

モバイル認証で、Twiiter DevelopersのAppが利用できない方。

是非お試しあれ。

ワードプレスの記事を自動でツイートする。Simple Tweetの設定方法。

ツイッターアカウントを取得して、

サイドバーにも表示できるようになりました☆

サイドバーにツイッターを表示させる。Twitter Widgets!!

 

記事を書いたら、ツイッターで自動でつぶやいてくれると楽ですよね?

更新お知らせみたいな?

WordPressプラグインで、自動ツイートの設定できます!

 

というわけで、早速インストール

Simple Tweet

 

有効化すると「設定」欄に「Simple Tweet」が追加されます。

WS000285

 

 

「Simple Tweet」を、クリックして設定画面へ。

Simple Tweetの設定

「Consumer Keyを取得」右側の、「Twitterにアプリケーションを登録する」をクリック。

 

するとTwitterのログイン画面が表示されます。

twitterログイン

 

ログインすると、下記の様な画面が表示されます。

WS000288

Create New Appをクリック。

 

下記の様な画面が表示されるので、

必要項目を入力。

WS000290

Name→サイト名

Description→サイト情報

Website→サイトURL

Callback URL→謎。空欄でOK

 

入力したら、下の方にあるチェックボックス(Yes, I agree)にチェックして、

WS000291

「Create your Twitter application」をクリックです。

 

無事成功すれば、こんな感じ。

WS000297

 

 

※無事成功しない方、ツイッターにモバイル登録が必要かもしれません。

Twitter Appsでエラー。ツイッターにアプリケーション登録ができない。

 

 

続いて設定。

「Permissions」タブを選択。

Read onlyとなっているので、Read and Writeに変更して→Update settingsをクリック。

WS000298

無事設定されると、表示されます。WS000299

 

次に、Consumer Keyを、WordPress側で入力します。

API Keysより、API keyと、API secretをコピーします。

WS000300

ワードプレス管理画面へ戻り、

Simple Tweetの設定画面で、コピーしたKeyを貼りつけます。

 WS000301

Consumer KeyにAPI keyを入力。

Consumer SecretにAPI secretを入力。

 

最後に「OAuth PIN」の設定で終了です。

「ユーザー」→「あなたのプロフィール」へ。

OAuth PINという項目があるので、

「アカウントを承認するためにリンクをクリックしてTwitterに移動します。」をクリック。

WS000302

 

すると、ツイッターのアカウント認証画面が表示されます。

ツイッター認証画面

※英語ですが、通常は日本語で表示されます。

 

Authorize app(連携アプリ認証)をクリックすると、

認証コード(数字)が表示されますので、コピーします。

twitter認証コード

上記コードを、

先ほどの「OAuth PIN」という項目に入力して、
※ 「アカウントを承認するためにリンクをクリックしてTwitterに移動します。」の下。

設定完了です。

 

これで、記事更新すれば、自動的にツイッターでツイートされる様になります。

↓記事更新すると、こんなん表示されるようになります。

自動ツイート完了

ツイッターでつぶやく際の言葉は、ユーザー設定から変更もできます。

初期設定は「ブログにエントリ:記事タイトル・・・」って感じです。

 

無事設定できましたが・・・まぁまぁ面倒ですね。

 

私の様な、新規Twitterアカウントの場合、

Twitter Appsの登録でエラーが出る事があります。

You must add your mobile phone to your Twitter profile before creating an application. Please read https://support.twitter.com/articles/110250-adding-your-mobile-number-to-your-account-via-web for for more information

表示された場合、ツイッターのモバイル登録が必要です。

これ、非常に苦戦しました。

Twitter Appsでエラー。ツイッターにアプリケーション登録ができない。

サイドバーにフェイスブックページを表示させる。プラグイン「Like Box」

前回作成した。Facebookページ。

Facebookページを作成する。 | アフィリエイト保育園

 

せっかくですから、ワードプレスサイトと連動させたいんです。

というわけで出てくるのが、Facebookのプラグイン→Like Box

リンク先をクリックで、簡単に作成できます。

※フェイスブックページアカウントでは設定できない?ので、個人アカウントでログイン。

 

左上の「Facebook Page URL」に、FacebookページのURLを入力して、

左下の「GetCode」をクリックで簡単に作成できます。

LikeBox設定

 

 

すると、プラグインコードが表示されるので、

「IFRAME」のコードを表示して、コピーしておきます。

WS000281

 

あとは、ワードプレス側で設定するだけ。

ツイッターの「Twitter Widgets」の時一緒です。

サイドバーにツイッターを表示させる。Twitter Widgets!! | アフィリエイト保育園

 

今回も表示させるのはサイドバーなので、

「外観」→「ウィジェット」より、

「テキスト」を選択して、サイドバーにチェックして、

「ウィジェットを追加」をクリック。

 

あとは、タイトル欄に「Facebook」って入力して、

先ほど取得したコードを貼りつけて、「保存」で終了です。

facebookサイドバー

無事設定できれば、こんな感じで表示されてるはずです。

 

私はとりあえず、サイドバーの、

ツイッター上あたりに表示しました。

 

初期設定の幅だと、ちょっとハミ出てしまったので、

当サイト(リファインSnow)では、Widthを250に変更しております。

賢威サイトでは、Widthは265にしてる。覚え書き。

 

おしまい。

Facebookページを作成する。

前回ツイッターアカウントを作成して、サイドバーに設置したので、

サイドバーにツイッターを表示させる。Twitter Widgets!!

 

続いて、フェイスブックページ。

フェイスブックページは、個人アカウントから、作成できます。

企業ページとか、ブランドページとか、

ショップページ、コミュニティページ・・・とかとか作成できます。

匿名で作成可能です☆

というわけで、早速作ってみる。

個人アカントにログインして、

右上の歯車アイコンから、「ページを作成」を選択。

フェイスブックページ

 

フェイスブックページのジャンルを選択します。

フェイスブックページのジャンル

 

正直違いがよく分かりませんが・・・

会社名または団体名を選びました。

WS000269

「コンサルティング/ビジネスサービス」を選びましたが・・・汗

ページ名入力して、規約チェックで、「スタート」クリックっす。

 

・・・おしまいです。

あとは、ツイッターアカウント同様。

自己紹介したり、サイトリンク貼ったり、

画像入れたりして、終了です。

作成したFacebookページ→アフィリエイト保育園
※「いいね」推奨

 

ちなみに、間違って、ビジネスアカウントを作成しない様に。

アフィリエイト用に作るページなので、匿名で作りたいとかで、

ビジネスアカウントを取得するって勘違いしがちですが、

ビジネスアカウントは不必要です。

むしろ使い勝手が悪いので。

詳しくは→フェイスブック、ビジネスアカウントと個人用の違い。facebookページを活用。

 

個人アカウントから、フェイスブックページを作成でおっけぃです。

次は、サイドバーにフェイスブックページを表示させます。

サイドバーにツイッターを表示させる。Twitter Widgets!!

せっかくだから、Twitter アカウント取って、

ワードプレスサイトと、連動させたい。

ワードプレスサイトのサイドバーに表示させたい。

ツイッターガジェットの設置ってやつ。

やってみました。

 

Twitterメニューの「設定」→「ウィジェット」を開く。

※要ツイッターアカウント

 

右側の新規作成をクリック。

ツイッターウィジェット

するとこんな画面。

ウィジェット作成画面

 

特に変更もないので、そのまま「ウィジェットを作成」をクリック。

 

すると、右下にコードが表示されるので、

WS000263

コピーしておきまっしょい。

 

次にワードプレス側で設定です。

今回表示させたいのはサイドバーなので、

「外観」→「ウィジェット」より、

「テキスト」を選択して、サイドバーにチェックして、

「ウィジェットを追加」をクリック

サイドバーに追加

タイトル欄に「Twitter」と入力。

下の欄にツイッターウィジェットで、コピーしたコード入力して、

WS000265

「保存」クリックで終了です。

 

どうです?

私のサイトの左側に表示されてね?

意外と簡単でしたね。

 

初期設定のウィジェットの「高さ」項目

600だと長過ぎたので、300に変更しました。

 

ツイッターアカウント側のウィジェットの設定で、

高さを変更するだけで、サイトに表示される高さも変わります。

コードを貼り替える必要は無いんですね・・・

 

次はFacebookページ作ったるぅー。

 

 

賢威でサイトタイトルを画像表示する方法。テキストをヘッダー画像に変更。

ファビコン画像が無事設定できたので、

次はヘッダー画像の設定。

 

メイン画像と何が違うんだ?って思ってたんですけど。

ヘッダーメニューより上が、ヘッダー画像で、下がメイン画像ね。

ヘッダーテキスト

 

「アフィリエイト保育園」って、テキスト表示されてるのは、

なんだかイケてない気がする。

というわけで、

サイト名(サイトのタイトル)の部分、

ヘッダーテキストを、ヘッダー画像に変えてやります。

※賢威テンプレートメーカーで設定しなかった場合です。

 

今回、設置する予定のヘッダー画像を用意する。

アフィリエイト保育園ヘッダー

 

で、ファビコンの時と同様、

画像をアップロードして、画像URLをコピーして、ヘッダーをいじります。

賢威(ワードプレス)でファビコンを設置する方法。 | アフィリエイト保育園

ダッシュボードの「外観」→「テーマ編集」より、

右側部分の、「ヘッダー(header.php)」を選択します。

 

で、本日いじる部分はこの辺。※ソースをいじる際は、必ずバックアップを取りましょう。

<!–▼ヘッダー–>
<div id=”header”>
<div id=”header-in”>

<div id=”header-title”>
<p class=”header-logo”><a href=”<?php bloginfo(‘url’); ?>”><?php bloginfo(‘name’); ?></a></p>

<h1><?php h1_keni(); ?></h1> →サイトのタイトル?

</div>

<div id=”header-text”>
<p><?php echo the_excerpt_keni(); ?></p> →サイトの説明部分
</div>
</div>

</div>
</div>
<!–▲ヘッダー–>

赤い部分を変更します。

<!–▼ヘッダー–>
<div id=”header”>
<div id=”header-in”>

<div id=”header-title”>
<h1><a href=”<?php bloginfo(‘url’); ?>”><img src=”画像URL” alt=”<?php bloginfo(‘name’); ?>”></a></h1>

</div>

<div id=”header-text”>
<p><?php echo the_excerpt_keni(); ?></p> →サイトの説明部分
</div>

</div>
</div>
<!–▲ヘッダー–>

 

青の部分は、ヘッダーの説明文(サイトのキャッチフレーズ)みたいですね。

サイトのデザイン次第で、削除して問題無いみたい。

 

画像サイズを変更して表示したい場合は、width(幅)とheight(縦)で表示サイズを指定する。

<h1><a href=”<?php bloginfo(‘url’); ?>”><img src=”画像URL” width=”○○” height=”○○” alt=”<?php bloginfo(‘name’); ?>”></a></h1>

 

なんとか変えられて良かった・・・けど。

やはり、コードの意味が全然分からない。汗

 

ヘッダー画像は、

賢威テンプレートダウンロードする時に、

テンプレートメーカーで設定しておくと楽です。