Last Day. jp » Wordpress http://www.lastday.jp 自分の歴史を残したい Sun, 05 Feb 2012 14:08:43 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 ブログ サイドバーに最近投稿の記事をサムネイル付きで表示する方法[WordPress] http://www.lastday.jp/2012/01/19/blog-sidebar-recent-posts-with-thumbnails http://www.lastday.jp/2012/01/19/blog-sidebar-recent-posts-with-thumbnails#comments Thu, 19 Jan 2012 13:20:02 +0000 Ray http://www.lastday.jp/?p=7604 Thumb
こんにちは@sayobsです。今日はブログのサイドバーに最近投稿した記事をサムネイル付きで表示する方法を紹介します。

WordPressはプラグインで簡単に出来ます。

SPONSORED LINK

YD Recent Posts with thumbnails


プラグイン新規追加から「YD Recent Posts with thumbnails」を検索してインストールしてください。

プラグインを有効にして設定をします。ThumbnailのWitdhとHeightを任意の大きさに設定してください。

Plugin
続いて外観→ウィジェットにいきます。

Post
Display Post Thumbnailに✔入れてください。細かく設定できます。↓のようにサムネイル付きで表示されました!

Recent

WordPress レッスンブック 3.x対応
WordPress レッスンブック 3.x対応エビスコム

ソシム 2010-09-08
売り上げランキング : 1533


Amazonで詳しく見る by G-Tools

SPONSORED LINK

初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容が気に入って頂けましたらRSSリーダーの登録よろしくお願いします。

Twitterもやってますフォローお願いします。@Sayobs
Facebookもやってます。Ray Matayoshi

リツイートする はてなブックマークに追加する

]]> http://www.lastday.jp/2012/01/19/blog-sidebar-recent-posts-with-thumbnails/feed 0 Facebook Comment for WordPressのエラーが出た時の対処法 http://www.lastday.jp/2012/01/19/how-to-solve-facebook-comment-error http://www.lastday.jp/2012/01/19/how-to-solve-facebook-comment-error#comments Thu, 19 Jan 2012 01:34:47 +0000 Ray http://www.lastday.jp/?p=7551 facebook comment for wordpress
WordPressでFacebookコメントプラグインを設定しています。

先日@attripさんに僕のところのフェイスブックコメントにエラーが出てるみたいと教えてもらいました。

↓のようなエラーメッセージが出ていました。

Warning: this comments plugin is operating in compatibility mode, but has no posts yet. Consider specifying an explicit ‘href’ as suggested in the comments plugin documentation to take advantage of all plugin features.


Facebook
※追記:FC2やBloggerその他のブログサービスで同じエラーが出る場合はFacebookコメントの仕様が変わったようなので新しいコードを貼りつければ改善すると思います。
Comments – Facebook開発者

SPONSORED LINK

Facebook Comment for WordPressのエラー対処法


Facebook Comment For WordPressプラグインの確認をします。「V2 only」にしてください。


V2

これだけで直りました。

Noerror

さいごに


WordPressのfacebookコメントプラグインを入れてる人はこのエラーが出ている可能性あるので確認しましょう:)

Facebook Perfect Guide Book
Facebook Perfect Guide Book森嶋 良子 鈴木 麻里子 田口 和裕

ソーテック社 2011-06-09
売り上げランキング : 971


Amazonで詳しく見る by G-Tools

SPONSORED LINK

初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容が気に入って頂けましたらRSSリーダーの登録よろしくお願いします。

Twitterもやってますフォローお願いします。@Sayobs
Facebookもやってます。Ray Matayoshi

リツイートする はてなブックマークに追加する

]]> http://www.lastday.jp/2012/01/19/how-to-solve-facebook-comment-error/feed 0 WordPress ナビゲーションメニューに特定のページを表示させる / 表示させない方法 http://www.lastday.jp/2011/11/24/how-to-include-or-exclude-page http://www.lastday.jp/2011/11/24/how-to-include-or-exclude-page#comments Thu, 24 Nov 2011 04:15:43 +0000 Ray http://www.lastday.jp/?p=6725 Wordpress
Last Day.jpのヘッダーにはナビゲーションメニューがあります。自己紹介とかコンタクトへのリンクです。


SPONSORED LINK

WordPressでページを作成すると自動的にメニューにも表示されますが、ナビゲーションメニュに表示させたくない場合もあります。逆に自分で決めたページだけを表示させたい場合もあります。作業メモです。

やってみます


だいたいの場合はheader.phpを編集すれば解決できます。(header.phpにない場合は他のファイルを確認してください)

特定のページだけを表示させたい場合


自分が表示させたいページIDをinlude=の後に追加します。複数ある場合はカンマで区切ります。

WordPress ページのIDを知る方法 | Last Day. jpこの記事のはてな被ブックマーク数
Before⇛　wp_list_pages(’title_li=’)

After⇛　wp_list_pages(’title_li=&include=1,2,13,4′)

特定のページだけを表示させたくない場合


表示させない場合はincludeではなくてexcludeにします。

Before⇛　wp_list_pages(’title_li=’)

After⇛　wp_list_pages(‘title_li=&exclude=1,2,3,4,5′)


SPONSORED LINK

初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容が気に入って頂けましたらRSSリーダーの登録よろしくお願いします。

Twitterもやってますフォローお願いします。@Sayobs
Facebookもやってます。Ray Matayoshi

リツイートする はてなブックマークに追加する

]]> http://www.lastday.jp/2011/11/24/how-to-include-or-exclude-page/feed 1 WordPress ページのIDを知る方法 http://www.lastday.jp/2011/11/24/how-to-find-page-id-wordpress http://www.lastday.jp/2011/11/24/how-to-find-page-id-wordpress#comments Thu, 24 Nov 2011 03:34:14 +0000 Ray http://www.lastday.jp/?p=6716 Wordpress
WordPressで特定のページだけを表示する方法を探していました。その際にページIDを取得する必要がありましたので、作業の備忘録です。
WordPress ナビゲーションメニューに特定のページを表示させる / 表示させない方法 | Last Day. jpこの記事のはてな被ブックマーク数
SPONSORED LINK


ログインしてダッシュボードに行きます。ページをクリックしてページ一覧を表示させます。

知りたいページにマウスオーバーすると下にページIDが表示されます。

WordPress ページID
追記:上記で書いたのはGoogle chromeの方法です。safariやFirefoxではマウスオーバーでは表示されません。
URL欄には全部のブラウザに表示されます。Special Thanks to @saiut


About 1
記事毎のIDも調べる事ができます。その場合は投稿から知りたい記事IDをマウスオーバーするとページID同様下にポストIDが表示されます。

参考: How to find your WordPress page ID | Web Walker Solutionsこの記事のはてな被ブックマーク数


SPONSORED LINK

初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容が気に入って頂けましたらRSSリーダーの登録よろしくお願いします。

Twitterもやってますフォローお願いします。@Sayobs
Facebookもやってます。Ray Matayoshi

リツイートする はてなブックマークに追加する

]]> http://www.lastday.jp/2011/11/24/how-to-find-page-id-wordpress/feed 1 WordPressにFacebookコメントプラグインを設定する方法 http://www.lastday.jp/2011/05/23/wordpress-facebook-commnet-plugin http://www.lastday.jp/2011/05/23/wordpress-facebook-commnet-plugin#comments Mon, 23 May 2011 01:06:13 +0000 Ray http://www.lastday.jp/?p=5573

はじめに






Comment

ブログのRSS登録者を50%増やすシンプルな6つの方法 | Last Day. jpこの記事のはてな被ブックマーク数


上記の記事でも書いた通り、当ブログはFacebook経由でのアクセスが格段にアップしました。Facebbokとブログを連携させているブロガーも増えてきました。



当ブログではコメント欄はDISQUSを使っていたのですが、本日からFacebookコメントに切り替えますのでその手順を紹介します。

※DISQUS
Twitter IDやFacebookアカウントでログインでき、簡単にコメントできるサービス。スパムも排除できる。


設定方法


1.プラグインからFacebook Comment For WordPressをインストール。

Facebookcomment 1
※プラグインを有効化するとエラーメッセージがでます。設定が必要です。





2.プラグインのFacebook Comment for WordPressの設定

Setting 1
Application IDとApplication Secretが必要になります。This can be retrieved from your Facebook application pageから調べる事ができます。

※設定が初めての方は新規アプリの登録が必要になると思います。



3.Comment Box Setting

WidthはFacebookの横幅です。あなたのブログのサイズによって調整が必要です。

Commentbox


4.詳細設定

Detain
最後に必ず設定を保存するためにUpdate Optionsをクリックしてください★

これ１冊で完全理解facebook (日経BPパソコンベストムック)
これ１冊で完全理解facebook (日経BPパソコンベストムック)井上　真花 佐藤　新一

日経BP社 2011-02-02
売り上げランキング : 417


Amazonで詳しく見る by G-Tools

SPONSORED LINK

初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容が気に入って頂けましたらRSSリーダーの登録よろしくお願いします。

Twitterもやってますフォローお願いします。@Sayobs
Facebookもやってます。Ray Matayoshi

リツイートする はてなブックマークに追加する

]]> http://www.lastday.jp/2011/05/23/wordpress-facebook-commnet-plugin/feed 1 Macに2ch顔文字をインポートする方法 http://www.lastday.jp/2010/12/20/how-to-import-2ch-face-into-google-japanese http://www.lastday.jp/2010/12/20/how-to-import-2ch-face-into-google-japanese#comments Sun, 19 Dec 2010 23:00:09 +0000 Ray http://www.lastday.jp/?p=4155

はじめに


基本的にTwitterはiPhoneでやる事が多い。何故ならiPhone iOSの日本語入力に顔文字が追加されて、とても使い勝手が良いからだ。

しかもMY辞書登録で2ちゃんねる顔文字辞書（100件）を登録してみる | 普通のサラリーマンのiPhone日記この記事のはてな被ブックマーク数でhiroさんがご紹介されている顔文字を使うとTwitterの快適さが増す。

これをMacでもできないかと探していた所、やり方を見つけたので紹介します。以下僕の環境。

✔iMac,MacBook Air
✔Google日本語入力

ちなみにATOKやことえりWindowsでもできる。





How to Import


Google日本語入力

google 日本語


まずはGoogle日本語入力をダウンロード。→Google 日本語入力 ※2010/12/16にベータ版から正式版になりました。

2ch顔文字辞書


下記のサイトにて詳しい手順が見れる。（とても簡単）

2ちゃんねる顔文字辞書・2chアスキーアート・AAアイコン素材 MatsuCon – 顔文字辞書ダウンロード


＠付きか無しかを選んでダウンロードして、インポートするだけである。


さいごに


Twitterをやる時は顔文字が使いたいがために、わざわざiPhoneを起動していたので、これでMacでも顔文字が使えるので重宝している。
(￣ー￣)ﾆﾔﾘ


初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容気に入って頂けましたらRSSリーダーの登録よろしくお願いします。

Twitterもやってますフォローお願いします。@Sayobs
Facebookもやってます。Ray Matayoshi

リツイートする はてなブックマークに追加する



]]> http://www.lastday.jp/2010/12/20/how-to-import-2ch-face-into-google-japanese/feed 0 【ブログPVがUP】Twitterからの画像投稿を自分のブログに投稿する方法 http://www.lastday.jp/2010/10/05/increase-blog-pv-twitter-pic-to-your-blog http://www.lastday.jp/2010/10/05/increase-blog-pv-twitter-pic-to-your-blog#comments Mon, 04 Oct 2010 23:00:36 +0000 Ray http://www.lastday.jp/?p=3149

Twitterから投稿した画像がはてブホットエントリ


はてブ ホットエントリ
上記の画像はTwitterクライアントEcho Fonから投稿された画像だ。はてブでホットエントリしブックマーク数も1,000を超えている！

式の招待状とどいたので慣例にのっとり欠席�… on Twitpicこの記事のはてな被ブックマーク数


最近このような形でTwitterから投稿された画像がはてブでホットエントリするのを良く見かけるようになった。この画像をTwitterから自分のブログに投稿できないか考えた。



ブログPVアップ


仮に人気の投稿画像が自分のブログからのリンクであれば、自分ブログのアクセス数もアップするし他の記事も読んでもらえる可能性もある。

それでは早速やってみよう。

用意するもの


WordPressプラグイン


まず前提条件としてブログはWordPressである必要がある。他のブログでも方法はあるかもしれないが、今日紹介するのはWordPressを使用する方法だ。

プラグインTweetPressをインストール

TweetPress

設定


Gallery Pageはダッシュボードからリンク新規追加で作成する。（ちなみに僕はTwitterPicsで作った）
その下のTwitter IDとPasswordも忘れずに入力する。(画像クリックで拡大)

tweetPress 設定

Twittelator Pro


TwitterクライアントはTwitterlator Proである。現在他のクライアントでは今日紹介する方法は利用できないようだ。

Twittelator Pro – Twitter Client 4.2.1（￥600） for iPhone

iPhone および iPod touch 互換 iOS 4.0 以降が必要

Twittelator Pro – Twitter Client 4.2.1
カテゴリ: ソーシャルネットワーキング
価格: ￥600 App
更新:2010/09/03

imagesimages

設定


SettingからServiceを選択

Twittelator Pro 設定

Other Serviceをタップ

TweetPressWordPress

WordPressのログイン情報を入力
URLとログインID　パスワードを忘れずに！

wordpress Twitter

Photo ServiceがWordPressになっている事を確認

photoService

画像を投稿


Twitterlator Proで画像投稿する。

twitter 画像投稿


このように画像をTwitterで投稿すると自分のWordPressブログに反映される。


さいごに


如何だったろうか？画像に人気が出ればあなたのブログもPVが上がるし、何より写真が１箇所に固まるのも嬉しい。

初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容気に入って頂けましたらRSSリーダーの登録よろしくお願いします。
リツイートする はてなブックマークに追加する



]]> http://www.lastday.jp/2010/10/05/increase-blog-pv-twitter-pic-to-your-blog/feed 0 Twitterの@usernameや#ハッシュタグのリンクを自動で作成してくれる WordPress プラグイン Tweetが便利 http://www.lastday.jp/2010/09/16/create-auto-twitter-link-plugin-wordpress http://www.lastday.jp/2010/09/16/create-auto-twitter-link-plugin-wordpress#comments Wed, 15 Sep 2010 23:00:20 +0000 Ray http://www.lastday.jp/?p=2897

WordPressのpluginはやっぱり良い


WordPRessには本当にたくさんの便利なプラグインがあります。こんな機能のプラグインないかな？と探すと大抵は見つかります。
今日もこんなプラグインないかな？と思って探していたところ、やっぱり発見したので紹介します。



Tweet


その名もTweet！ブログを書いていてに他のTwitterユーザーを紹介したい場合に@ユーザー名(@Sayobs)に毎回リンクを付けるのって結構面倒ですよね？1人ならまだしも10人、20人と増えると大変です。


このプラグインを使えば自動的に@ユーザー名のリンクを生成してくれるので、すごく楽です！

まずはインストール。


tweet

設定も必要なし

　
インストールが完了したらプラグインを有効化するだけで完了です。
設定も特にする必要はありません。

毎回<a href=”http://www.twitter.com/Sayobs”>@Sayobs</a>等タイプする必要ありません。@Sayobsだけで自動的にリンクが生成されます。ハッシュタグも使えますよ！
リツイートする はてなブックマークに追加する

告知


告知させてください。9月26日に第二回の東京ライフハック研究会が開催されます。テーマは読書
講師として京都からR-Syleの倉下さんにお越し頂きます。
こちらよりお申込み頂けます。奮ってご参加ください : )



]]> http://www.lastday.jp/2010/09/16/create-auto-twitter-link-plugin-wordpress/feed 0 FacebookページLike boxを設置する方法。 – WordPressもあり。 http://www.lastday.jp/2010/09/10/create-facebook-fan-page-to-wordpress http://www.lastday.jp/2010/09/10/create-facebook-fan-page-to-wordpress#comments Thu, 09 Sep 2010 23:00:30 +0000 Ray http://www.lastday.jp/?p=2563

はじめに


[追記]　2011年9月23日に内容を全て最新にしました。

最近日本でのFacebookユーザーが増えてきた事を実感しています。『いいね！』ボタンをブログに設置するブロガーも良く見かけるようになりましたね。

参考: 【簡単】WordpressにFacebookのLike(いいね)ボタンを設置する方法 | Last Day. jpこの記事のはてな被ブックマーク数
今日はFacebookのファンページを作成して『Like Box』ウィジェットをWordPressのプラグインを使って簡単に設置する方法を紹介します。




Facebookページって何？


SPONSORED LINK


簡単に言うとmixiのコミュニティのようなものです。好きな歌手のファンページや映画のファンページと探してみるとFacebookには色々なファンページが盛りだくさんにあります。


フェイスブックページ作り方は↓

facebookページの作り方 – (ファンページ) [図解] | Last Day. jpこの記事のはてな被ブックマーク数

Like box設置



Like Box – Facebook開発者をクリック。

自分のフェイスブックページURLを貼りつけます。横幅やヘッダーの有無など設定できます。

like box

あとはGet Codeからコピーして自分のブログやウェブサイトに貼り付けるだけです。

※コードはHTML5にも対応しました。WordPressでブログを運用していてプラグインでLike Boxを設置したい方は↓

Like BoxをWordPressに設置


プラグイン新規追加から[WordPress Facebook Fan Box Widget]をインストールしてください。
インストールが完了したらウィジェットのページにジャンプ。

サイドバーにWordPress Facebook Fan Box Widgetをドラッグアンドドロップ。
wordpress サイドバー

プラグインの設定を変更します。

facebook likebox


横幅(Width)と高さ(Height)も自分のブログに合わせてカスタマイズしてみましょう。保存して完了です。
時間経てばブログに反映されます。

さいごに


WordPressを使うとこんなに簡単に設置できてしまいます。他のブログでもiframeやXFBMLのコードを貼りつけて使用する事が可能です。

僕も最近ファンページを作ったばかりなので、下の『いいね！』ボタンをクリックして頂けると嬉しいです。

リツイートする はてなブックマークに追加する

]]> http://www.lastday.jp/2010/09/10/create-facebook-fan-page-to-wordpress/feed 0 【簡単】WordPressにFacebookのLike(いいね)ボタンを設置する方法 http://www.lastday.jp/2010/05/11/how-to-set-up-facebook-like-button-into-wordpress http://www.lastday.jp/2010/05/11/how-to-set-up-facebook-like-button-into-wordpress#comments Tue, 11 May 2010 05:40:47 +0000 Ray http://www.lastday.jp/?p=1221

Facebook Week




今週はFacebookの記事を多く書こうと決めたので、本日もFacebookに関する記事になります。昨日はFacebookを始めよう！Facebook初心者のための10ステップ+α | Last Day. jpという記事は書きましたので、まだFacebookを始めてない方是非お読みください。






僕はブログの運用にWordpressを使っているのですが、Facebook Like buttonというプラグインをインストールすると驚く程簡単に自分のブログにFacebook Likeボタンを設置する事ができます。
なお他のブログの設置方法に関しては@drakontiaさんのFacebookのLike Buttonを付ける【Δρακοντια Lifehacker’s Kingdom】で紹介されいるので読んでみてください。

Facebookでの設定


まずFacebookでAppl IDを取得する

http://developers.facebook.com/setup/
↑で自分のブログのURLとタイトルを入れて取得します。
facebook アプリケーション　デベロッパー登録

アプリケーション作成をクリック


上記がAppl IDです　これをメモ又はコピーしておいてください。

WordPressでの設定


プラグインを新規追加でFacebook Like buttonで検索します。(画像クリックで拡大します)
facebook like button

１番上にあるプラグインをインストールしてください。

インストールが完了すると、下記のようにFacebook Likeボタンの設定ができるタブが出てきますので、クリック。
Facebook いいね　ボタン

Settingの画面

Facebook　Like button setting

Appl IDに先程取得したAppl IDを入力します。
後は自分の好みに設定して完成です。


この記事をはてブに追加する。

私のFacebookアカウントです登録お願いします。
Twitterは@Sayobsです。よろしくお願いします。


初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容気に入って頂けましたらRSSリーダーの登録よろしくお願いします。

Twitterもやってますフォローお願いします。@Sayobs
Facebookもやってます。Ray Matayoshi

リツイートする はてなブックマークに追加する




]]> http://www.lastday.jp/2010/05/11/how-to-set-up-facebook-like-button-into-wordpress/feed 8