<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WP &#8211; ところによりエンジニア</title>
	<atom:link href="https://www.shintoko.jp/engblog/tag/wp/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.shintoko.jp/engblog</link>
	<description>海外駐在中（元しんとこ在住）の建築設備エンジニアの生活を日々徒然に綴ったブログ</description>
	<lastBuildDate>Thu, 02 Oct 2014 15:47:48 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>
<site xmlns="com-wordpress:feed-additions:1">86214039</site>	<item>
		<title>WPにコメントシステムDISQUSを導入</title>
		<link>https://www.shintoko.jp/engblog/2014/10/02/wpdisqus/</link>
					<comments>https://www.shintoko.jp/engblog/2014/10/02/wpdisqus/#respond</comments>
		
		<dc:creator><![CDATA[hosonium]]></dc:creator>
		<pubDate>Thu, 02 Oct 2014 15:47:48 +0000</pubDate>
				<category><![CDATA[ITとデジタル系]]></category>
		<category><![CDATA[Comment System]]></category>
		<category><![CDATA[DISQUS]]></category>
		<category><![CDATA[Disqus Recent Comment Widget]]></category>
		<category><![CDATA[Pings]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Trackback]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WP]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[コメント]]></category>
		<category><![CDATA[コメントシステム]]></category>
		<category><![CDATA[ディスカス]]></category>
		<category><![CDATA[トラックバック]]></category>
		<category><![CDATA[ピンバック]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[導入]]></category>
		<category><![CDATA[表示]]></category>
		<guid isPermaLink="false">https://www.shintoko.jp/engblog/?p=1476</guid>

					<description><![CDATA[大分、仕上げの段階に入ってきた一連の立上げのWord Pressカスタマイズですが、旧ブログのMTでもお世話になっていた（といっても数件のコメントしかありませんでしたが。。。）コメントシステムのDISUQSを導入しました [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a href="https://disqus.com/"><img fetchpriority="high" decoding="async" class="alignleft size-full wp-image-1479" src="https://www.shintoko.jp/engblog/archives/images/2014/10/141003_wp_disquslogo02.jpg" alt="141003_wp_disquslogo02" width="250" height="246" /></a></p>
<p class="first1">大分、仕上げの段階に入ってきた一連の立上げのWord Pressカスタマイズですが、旧ブログのMTでもお世話になっていた（といっても数件のコメントしかありませんでしたが。。。）コメントシステムの<a href="https://disqus.com/">DISUQS</a>を導入しました。さすがはWord Pressですので、専用のプラグインをはじめ、参考サイトも沢山あってほとんど迷いません。DISQUSそのものを導入する方法、既存のコメントを移行する方法などなどはググれば必要十分なほどヒットします（いやはやさすがは天下のWord Pressだと改めて感心！）。このサイトのようにコメントがほとんどないサイトは移行もなにもありませんが、大量のコメントがあるサイトでもきちんとツールが用意されているので、全く問題ないと思います。もちろん、このサイトも１０個もないコメントのためにわざわざ移行手順を試してみました。問題は今回記事にした本体のプラグイン導入以外の作業です。こちらもググれば十分に参考サイトがヒットします。ただし、超超初心者で「こんなことも分からないのか」というレベルの自分にとっては、正直プチはまりに陥ったところがありましたので、そこら辺の備忘録代わりに書いておきます。</p>
<p><span id="more-1476"></span></p>
<h3>ピンバックとトラックバックの単独表記</h3>
<p>便利なDISQUSもどうやらコメント以外のピンバックとトラックバックには対応していないにも関わらず、<span style="text-decoration: underline;"><span style="color: #ff6600; text-decoration: underline;">デフォルトのテンプレートではこれらの表記が消えてしまう</span></span>とのことです。ほんとかなと自己ピンバックをしたサイトを覗くと、確かに表示されていません。そこで、下記サイトを参考にsingle.phpにコードを記述して表示をしてみました。</p>
<p>NeGiMeMo.net : <a href="http://negimemo.net/1503">WordPressにDisqusをインストールした際に見えなくなるピンバックを救出する</a></p>
<p>そこではまったのがコードを記述する位置です。どうやら<code>&lt;?php comments_template( '', true ); ?&gt;</code>の前に記述すると、あとからこちらのDISQUSに上書き？される仕様のようで何度やっても表示されません。こちらの記述の後ろにコードを記述すると、あらあら不思議でちゃんと表示されました。こんな事は常識なので、はまる人はそもそもいないのでしょう。<br />最後は下記の便利なプラグインを入れておきます。</p>
<p>WordPressの使い方と設定 : <a href="http://webkaru.net/wordpress/plugin-no-self-pings/">WordPressのセルフピンバックを停止するプラグインNo Self Pings</a></p>
<h3>最近のコメントをサイドバーに表示</h3>
<p>こちらもきちんとプラグインのウィジェットがあって、その名も「<strong><span style="color: #ff6600;">Disqus Recent Comment Widget</span></strong>」です。導入には少々（といってもサイトの文章が終えれば問題ありませんが）パソコンの知識がいるようなAPIキー取得だの色々とありますが、いつものように丁寧にスクリーンショット付きで導入手順が解説されている下記のサイトの通りにやれば何の問題もない（はずでした）。</p>
<p>WEBビジネス館 : <a href="http://webbusiness-kan.com/disqus/">「DISQUS」で高機能コメント欄にレベルアップ！wordopress導入編</a></p>
<p><em>※前半はDisqusのコメントシステム本体の導入編なので、Disqus Recent Comment Widgetは後半に記載があります。</em></p>
<p>この通りにやってみたはずでしたが、実際に表示されるのは外国語の恐らくは全然違うサイトのコメントのようです。実際に下記のサイトの方もうまく表示されなかったとありますので、バージョン違いか何かでだめなのかと思ってしまいました。</p>
<p>D-Native : <a href="http://blog.degita.net/entry/2013/09/01/685">Disqus利用時にrecent comments(最新のコメント)をサイドバーにWidgetとして表示する方法</a></p>
<p>仕方ないのでこの方と同じく旧ブログで使っていた昔のコードをコピペしましたが、CSSが編集できなく見栄えが非常に悪いウィジェットになってしまいます。そこで、少しは自分で考えてみるということで、導入したプラグインの設定画面で、どうやらショートネームがおかしそうなので、下記でリンクされているヘルプ画面を見てみます。</p>
<p> <a href="https://www.shintoko.jp/engblog/archives/images/2014/10/141003_wp_disqus01-1.jpg"><img decoding="async" class="alignnone size-large wp-image-1477" src="https://www.shintoko.jp/engblog/archives/images/2014/10/141003_wp_disqus01-1-520x223.jpg" alt="141003_wp_disqus01-1" width="520" height="223" /></a></p>
<p>そうするとDISQUSのサイトのヘルプページに飛ぶのですが、中段のあたりにショートネームとはDISQUSの登録したサイトのホームURLで表示されている最初のアルファベットとの説明がきちんと載っています。センテンスの最後のforum settingのリンクを辿ると自分のホームURLが表示されますので、ここでも確認できます。</p>
<p> <a href="https://www.shintoko.jp/engblog/archives/images/2014/10/141003_wp_disqus02-1.jpg"><img decoding="async" class="alignnone size-large wp-image-1478" src="https://www.shintoko.jp/engblog/archives/images/2014/10/141003_wp_disqus02-1-520x247.jpg" alt="141003_wp_disqus02-1" width="520" height="247" /></a></p>
<p>そこのショートネームを先ほどのワードプレスのプラグイン設定画面の最初にコピペして保存し直すと、きちんと自分のサイトのコメントが表記されたではないですか！最初のサイトにもそもそもショートネームとAPIキーを入れるようにと解説してありましたが、そもそもショートネームがどれか分からない初心者でしたので、はまってしまったということでした。</p>
<h3>最近のトラックバックをサイドバーに表示（失敗！？）</h3>
<p>最後の仕上げはピンバックとトラックバックをサイドバーに表示することで、とりあえず下記のサイトを見つけました。</p>
<p>小粋空間 : <a href="http://www.koikikukan.com/archives/2011/01/13-005555.php">WordPressでコメント一覧を表示するCommented entry listプラグイン</a></p>
<p>このサイトは言わずと知れた著名なカスタマイズのブロガーの方のサイトで、私もMT時代にも大変参考にさせてもらっています。ということで、こちらのプラグインを導入しましたが、結果は表示されずでした。恐らくは上記と同じように、当たり前の何かがあるのですが、初心者過ぎて気づかない何かがあるのでしょうね。。。ということで、残念ですがこの件だけ持ち越しとすることにしました。それでもとりあえずはDISQUSの運用ができる体制になりましたので、そろそろキャッシュ系のプラグインをアクティブにさせる時期も近づいたようです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.shintoko.jp/engblog/2014/10/02/wpdisqus/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1476</post-id>	</item>
		<item>
		<title>WordPressでも日めくりカレンダー風の表示に！</title>
		<link>https://www.shintoko.jp/engblog/2014/09/10/1172/</link>
					<comments>https://www.shintoko.jp/engblog/2014/09/10/1172/#comments</comments>
		
		<dc:creator><![CDATA[hosonium]]></dc:creator>
		<pubDate>Wed, 10 Sep 2014 00:55:15 +0000</pubDate>
				<category><![CDATA[ITとデジタル系]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WP]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[カレンダー]]></category>
		<category><![CDATA[ブログ]]></category>
		<category><![CDATA[ワードプレス]]></category>
		<category><![CDATA[投稿日]]></category>
		<category><![CDATA[改造]]></category>
		<category><![CDATA[日めくりカレンダー風]]></category>
		<category><![CDATA[表示]]></category>
		<guid isPermaLink="false">https://www.shintoko.jp/engblog/?p=1172</guid>

					<description><![CDATA[ワードプレスに移行した後の一連のカスタマイズで、一番実現したかったのが、この投稿日の日めくりカレンダー風表示のカスタマイズ化です。旧MTのブログでも一番気に入っていたカスタマイズでしたので、是非とも同じ表現を実現したいと [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a href="https://www.shintoko.jp/engblog/archives/images/2014/09/140910_dailycalendar.jpg"><img loading="lazy" decoding="async" class="alignleft size-medium wp-image-1518" src="https://www.shintoko.jp/engblog/archives/images/2014/09/140910_dailycalendar-300x179.jpg" alt="140910_dailycalendar" width="300" height="179" /></a></p>
<p class="first1">ワードプレスに移行した後の一連のカスタマイズで、一番実現したかったのが、この<span style="color: #ff6600;"><strong>投稿日の日めくりカレンダー風表示のカスタマイズ化</strong></span>です。旧MTのブログでも一番気に入っていたカスタマイズでしたので、是非とも同じ表現を実現したいと考えていました。昔のカスタマイズの時に、随分と苦労して実現したのが記憶に残っています。ブログのデザインはともすれば時間が経つと古臭くもなって、新しく模様替えしたくなるものなのですが、この日めくりカレンダー風だけは、何故か飽きずに眺めていました。日めくりカレンダー風にアレンジする方法や画像は、ググると沢山あるのですが、やはり旧MTで使い込んでいたこのデザインを継承したいと思います。<br />そんな訳で、レイアウト関連や機能面でのカスタマイズ化が落ち着いてきましたので、早速、昔のカスタマイズの時の記事を眺め直してみました。<br /><span id="more-1172"></span>当時の記事は、といっても<a href="https://www.shintoko.jp/engblog/archives/2011/06/08-post_111.php">2011年の6月</a>ですので、丸３年程度しか経っていませんでした。昔のカスタマイズの記事から、参考にした英文サイトを辿るときちんとリンク表示されています。</p>
<p>Brainstorms Raves : <a href="http://brainstormsandraves.com/archives/2007/02/22/csscalendar/">Creating a Blog Entry Date Calendar Icon Look with CSS, Mostly</a></p>
<p>今回はWordPressに移行しましたが画像とCSSでの表現だけでしたので、結果的には同じCSSコードで問題なく実現できました。ただし、記事タイトルの左に表示する際に、<strong><span style="color: #ff6600;">floatの扱いで嵌って</span></strong>しまいました。原因としては<span style="color: #ff6600;">entri-headerという上位の親要素でfloatがclearされていた</span>のですが、それに気づくのに半日掛かってしまい苦労しました。<span style="color: #ff6600;">記事タイトルのentry-title h1のCSSにfloat: clear=noneを設定して、float解除を解除する</span>ことで、問題なく日めくりカレンダー表示を左に置くことができました。ついでに、投稿記事のレイアウトなども、旧MTブログに近い形にCSSで修正してあります。<br />どうせ再現するなら、ほぼ同じ形にと考えて、<a href="http://www.addclips.org/">ブックマーク＆RSSボタン統合サイトのAddClip</a>sも設置しなおしました。しかしながら、私自身はソーシャルブックマークはほとんど使ったことがないので、どれだけ有効なものなのかは分かりません。まあデザインの一つということで。。。<br />今後も色々とカスタマイズをしていくのでしょうが、この日めくりカレンダー風表示は、しばらくは使い続けると思います。一体、何年先まで使っているのか楽しみな感じです。。。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.shintoko.jp/engblog/2014/09/10/1172/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1172</post-id>	</item>
		<item>
		<title>MTよ、さようなら。WPよ、こんにちは。</title>
		<link>https://www.shintoko.jp/engblog/2014/09/08/switchoverwp/</link>
					<comments>https://www.shintoko.jp/engblog/2014/09/08/switchoverwp/#respond</comments>
		
		<dc:creator><![CDATA[hosonium]]></dc:creator>
		<pubDate>Mon, 08 Sep 2014 14:24:46 +0000</pubDate>
				<category><![CDATA[ITとデジタル系]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[Movable Type]]></category>
		<category><![CDATA[MT]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WP]]></category>
		<category><![CDATA[シェア]]></category>
		<category><![CDATA[ソフト]]></category>
		<category><![CDATA[ブログ]]></category>
		<category><![CDATA[移行]]></category>
		<guid isPermaLink="false">https://www.shintoko.jp/engblog/?p=1211</guid>

					<description><![CDATA[懐かしい小説のタイトルのようですが、ようはブログのツールを変更してみました。このブログを開設以来、自宅サーバー時代も含めて使ってきたMovable Typeでし たが、とうとうお別れする時がきたようです。というのも数年前 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a href="http://ja.wordpress.org/"><img loading="lazy" decoding="async" class="alignleft size-medium wp-image-1214" src="https://www.shintoko.jp/engblog/archives/images/2014/09/wordpress_hosting-284x300.png" alt="wordpress_hosting" width="284" height="300" /></a></p>
<p class="first1">懐かしい小説のタイトルのようですが、ようはブログのツールを変更してみました。このブログを開設以来、自宅サーバー時代も含めて使ってきた<a href="http://www.sixapart.jp/movabletype/">Movable Type</a>でし たが、とうとうお別れする時がきたようです。というのも数年前からMTに代わる オープンソースの<a href="http://ja.wordpress.org/">WordPress</a>のシェアが伸びてきているのは認識していましたが、 改めて<a href="http://www.medi-qa.com/wp/movabletype-wordpress.html">シェアの比較</a>を調べてみると、海外はもちろんのこと国内でも話にならな いほどのシェアの開きができているようです。もちろんWordPressの圧勝なので すが、やはりオープンソースには敵わないという歴史の必然のようです。 実際にMTを使い続けてもうすぐ10周年というところでしたが、バージョンアップ の度に重くなる仕様、再構築が必要なシステムなど個人のブログ使用という観点 からはどうにも使いにくい面が出てきてしまいます。加えてカスタマイズしたく とも最近はめっきりMT関連の記事が見当たらなくなりました。 それでも使い慣れたMTに何かしらのメリットでもあればと色々と調べてみました が、調べれば調べるほどMTよりWordPressの方が楽しそう！？な感じになってし まい、別フォルダーに試験的にWordPressをセットアップしてみました。</p>
<p><span id="more-1211"></span></p>
<p>&nbsp;</p>
<p>まずはMTの弱点でもある「再構築」が不要で、記事の投稿やカスタマイズの修正 がそのまま反映される（正確には動的にページが生成されるので、もともと更新 するHTMLページが存在しない）など、使い勝手は格段にWordPressの方が良いの ではないでしょうか。また、まだまだこれからなのですが、カスタマイズのため のプラグインの数が半端ない充実ぶりで、30,000点を超えているようです。 またインストールそのもののハードルも低く、メジャーなサーバーには既にイン ストールのためのメニューがあって、私が使っているさ<a href="http://www.adminweb.jp/wordpress/install/index2.html">くらサーバーでも何もアッ プロードしなくても設置が完了</a>してしまいました。本当に5分で終わってしまいます。</p>
<p>ちょうどメジャーバージョンアップであるVer4.0がリリースされた直後でもあり ましたので、これを契機にWordPressに乗り換えてしまいました。それでも10年 近く使っていたMTへの愛着はそれなりでしたので、何だか寂しい限りです。 MTからWPへの移行方法については、<a href="http://matome.naver.jp/odai/2130797336161681801">こちらのNEVERまとめ</a>に沢山ありますので特に問題はないと思います。</p>
<h2>パーマネントリンクの件</h2>
<p>気を付けたいのは記事のパーマネントリンクの保持なのですが、どうやら誤解されている記事も散見されます。私の解釈としては、WPは動的に記事が生成されるので、固有名詞などにしていない限りは、パーマネントリンクのデータを引き継がなくてもMT時代と同じ設定にすれば簡単に引き継げます。ということでこのサイトのパーマネントリンクもMT時代から<strong><span style="color: #ff0000;">日付データ＋時刻データ</span></strong>のみで設定していたので、大丈夫だ！と思いきや<span style="color: #ff0000;">MTの公開時刻と実際にパーマネントリンクで表示されていた時刻にずれ</span>がありました！最初は海外の時差のせいかとも思いましたが、非常に微妙なずれで、どうやらバグかあるいは公開日時ではない別の時刻を拾っているようです。いづれにしても大したリンク数もないブログでしたので、10年の月日は重いとはいえ、パーマネントリンクを引き継ぐことは諦めました。WPのパーマネントリンクについては、<a href="http://wpjisaku.com/wordpress-permalink/">こちらの記事</a>が参考になるかと思います。</p>
<p>ともかくもこれから色々と旧MT時代のカスタマイズを懐かしみながら、楽しく！？WPをカスタマイズしていきたいと思います。これもブログを構築している楽しみの一つと思いますので、気長にやっていこうかなと思います。なるべくカスタマイズの過程は記事にしていきたいと思いますが、全部は記事にできないかなというところでしょうか。それと旧MT時代でも完了しなかった自宅サーバー時代からの記事の移行と未公開で溜めっぱなしの記事も早く公開していきます。（実は投稿の効率を高めたいのも今回のWP移行のメインテーマでしたので。）</p>
<p>ということで、旧MTのサイトのキャプチャー画面を記念碑に掲載して終わりたいと思います。（実はスクロール画面をキャプチャーできる<a href="http://www.gigafree.net/tool/capture/faststonecapture.html">便利なソフト</a>の存在は後で知りましたので、こちらの画像はひたすら手動で繋げたものです(+_+)）</p>
<p>・こちらはトップ画面。クリックすると全体の画面となります。<a href="https://www.shintoko.jp/engblog/archives/images/2014/09/140908_engblogmtSum.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-1220" src="https://www.shintoko.jp/engblog/archives/images/2014/09/140908_engblogmt11-1024x535.jpg" alt="140908_engblogmt1" width="625" height="326" /></a></p>
<p>&nbsp;</p>
<p>・こちらは記事単体の画面。最後の記事は、<a href="https://www.shintoko.jp/engblog/archives/2014/09/01-post_231.php">ランドアバウトの記事</a>でした。<a href="https://www.shintoko.jp/engblog/archives/images/2014/09/1400908AM_ArticlSum.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-1219" src="https://www.shintoko.jp/engblog/archives/images/2014/09/140908AM_Articl011-1024x535.jpg" alt="140908AM_Articl01" width="625" height="326" /></a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.shintoko.jp/engblog/2014/09/08/switchoverwp/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1211</post-id>	</item>
	</channel>
</rss>
