東芝のdynabook Satellite K21。10年前のパソコンですが、わが家で最速・最高スペックのマシンです。そのうちの1台に64bitのWindows10をインストールしてみました。古いインストールディスクは持っていたのですが、せっかくなので新しいISOイメージをダウンロードして、インストールしてみました。
くー、さすがに1GBのメモリではさくさく動かない…。64bitを動かすにはもう少しメモリを積む必要がありそうです。
かなり前に、「ブログに挿入する、無意味なイメージ画像の存在価値。」ということでアイキャッチ画像について批判めいたことを書いたのですが、最近になって「関連性のある画像だったらあってもいいかな」と思えるようになってきました。でもあまりに大きな画像や、記事の内容と関係ない画像については今でも否定派です。
さて、WordPressにアイキャッチ画像の機能がついて久しいのですが、今まで何にも事前準備をしていなかったので1からの実装です。
まずはアイキャッチ画像の有効化のため、テーマ内のfunctions.phpに以下の記述を追加します。
add_theme_support('post-thumbnails');
次に、サイドバーの「最近の記事」にもサムネイルサイズの画像が出るようにします。sidebar.phpにもともとあった記述
<h2>最近の記事</h2>
<ul id="recent">
<?php wp_get_archives('type=postbypost&limit=50'); ?>
</ul>
を、以下のように書き換えます。
<h2>最近の記事</h2>
<ul id="recent">
<?php $posts = get_posts('numberposts=50'); ?>
<?php foreach($posts as $post): ?>
<li>
<span class="eye"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(40,40), array('class' => 'left')); ?></a></span><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php endforeach; ?>
</ul>
ずいぶん複雑になりましたね。サムネイルのサイズはいろいろ試してみた結果、40×40ピクセルに設定しました。
各記事のダイジェスト版にあたるcategory.php、search.php、archive.phpにも「<?php the_excerpt(); ?>」の直前に以下のような記述を。
<p><span class="eyecatch"><?php the_post_thumbnail( array(150,150) ); ?></span></p>
こんな感じに表示されます。
これでOKなのですが、過去の記事にもアイキャッチ画像を設定したいな、ということで、プラグイン「Auto Post Thumbnail」をインストールしました。「Generate Thumbnails」というボタンを押すと、投稿した記事に使った画像から自動的に選んでくれて、アイキャッチ画像として一括で設定してくれます。ただし、記事に画像を1つも使っていない場合はアイキャッチ画像は設定されません。
これで少しサイトの雰囲気が華やかになりましたー。
先日、プラグインに頼らずにスマートフォンで最適に表示できるようにCSSをいじっていたのですが、環境によっては幅600pxの画像がそのまま表示されてサイトのボックス幅よりはみ出していることが確認できました。
その前に、軽くレスポンシブイメージの説明を。レスポンシブイメージとは、閲覧側の画面サイズに対して最適な画像のサイズと見せ方を選べる方法です。画面幅に合わせて最適な大きさの画像を表示させることができます。
WordPress4.4からsrcsetとsizesを使ったレスポンシブイメージが実装されているようです。何かしないと機能しないのかな。プラグインを入れたり、functions.phpに記述したりが必要だったときもあったようですが…
さっそくいろいろと探りを入れてみました。
まずは画像のソース。
<img class="size-large wp-image-12886 aligncenter" src="https://susu.cc/wp-content/uploads/2018/05/nanowallet-600x330.jpg" alt="nano wallet download" width="600" height="330" srcset="https://susu.cc/wp-content/uploads/2018/05/nanowallet-600x330.jpg 600w, https://susu.cc/wp-content/uploads/2018/05/nanowallet-150x83.jpg 150w, https://susu.cc/wp-content/uploads/2018/05/nanowallet-300x165.jpg 300w, https://susu.cc/wp-content/uploads/2018/05/nanowallet-768x423.jpg 768w, https://susu.cc/wp-content/uploads/2018/05/nanowallet.jpg 1143w" sizes="(max-width: 600px) 100vw, 600px" />
という感じで、レスポンシブイメージとしての記述は問題なし。それじゃあいったい何なのだろうか。2つほど抜けているところがあったようです。
まずはheader.phpのhead内に
<meta name="viewport" content="width=device-width,initial-scale=1">
を入れました。スタイルシートの指定よりも前に記述しておきます。
次にCSS。
img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
max-width: 100%;
height: auto;
}
「max-width: 100%;」と「height: auto;」を追加しました。
これで正しく表示されるようになりました。しばらくご無沙汰だと新技術についていくのが大変ですね。
NEMが(他の通貨も)ガッツリ値段を下げている中ですが、5月28日に既得バランスが10000を超えたのでハーベスティングできる状態になりました。5月8日に10340XEMでスタート。5月17日からは11837XEMまで買い増しして、なんとか5月中に準備完了です。
ちなみにこんな感じで増えていきました。
| 日付 | 既得バランス |
|---|---|
| 2018/05/21 | 8702.305033 |
| 2018/05/22 | 9015.846910 |
| 2018/05/23 | 9298.034599 |
| 2018/05/24 | 9552.003520 |
| 2018/05/25 | 9780.575548 |
| 2018/05/26 | 9986.290374 |
| 2018/05/27 | 10171.43372 |
| 2018/05/28 | 10338.06273 |
ハーベスティングとは何かですが、
一言で
もし10000XEM以上(Vested Balanceが)もっていれば、やるとタダでXEMがもらえる。
概要
NEM利用者は、取引が正当だと承認してもらうために手数料を払い取引を行います。(手数料がないと承認する人にとってメリットが無いため。)
承認は10000XEM以上(Vested Balanceが)持っているアカウントなら誰でも行うことができます。
取引を承認し、払われた手数料を受け取ることをNEMでは「ハーベスティング(収穫)」と呼ばれています。
NEMではこれが約1分に1回行われていて、その1分間に取引がなければ手数料が払われていないため収穫しても報酬を受け取ることはできません。
誰が収穫するかは、Inportance(重要性)を元に、多分ランダムで決まります。
このImportanceが高いほど、分子が大きくなることを意味し、収穫できる確率が高まります。
このImportanceは、XEM保有量を元に、取引数、取引量、取引相手などを考慮し決定されています。
ということで、Proof of Importance(POI)という素敵なシステムが魅力的なのです。他にも、
などに書かれています。
初収穫が楽しみ。でももう少し値段が上がってほしいなぁ。
エックスサーバーのコントロールパネルを開くと「PHPバージョン切り替え」のところにいろいろなバージョン名が出てきます。
ご利用いただけるPHPのバージョンについて
PHP7.1.2 / PHP7.0.16現在公式にサポートされているバージョンです。PHP7はPHP5やPHP4と比較してパフォーマンスが大幅に強化されています。
なお「PHP高速化設定(FastCGI)」と「キャッシュモジュール(OPcache)」が標準で有効となります。「FastCGI」と「OPcache」については、 マニュアルページ「FastCGIについて」と「APC/OPcacheについて」をご参照ください。
との記述を見ると、「パフォーマンスが大幅に強化」という文字に感化されて最新のバージョンを使ってみたくなりました。
さっそくPHPのバージョンを切り替えてみて、サイトにアクセスすると…真っ白。管理画面に入ろうとしても真っ白。というわけですぐに元に戻しました。このままじゃどうしようもないので、プラグイン「PHP Compatibility Checker」をインストールして何が原因なのかを探ります。
「PHP7.1」を選択して、「Scan all plugin and themes」を選択して、スキャンしてみます。しばらくすると…
このように使えないプラグインやテーマを表示してくれます。今使っているテーマは4年前に作ったものですが、特にエラーはありませんでした。画面が真っ白になる原因はプラグインだったわけですが、「Mobile Eye+」「Similar Posts」「wp-koyomi」といった現役のプラグインが使えなくなるのはちょっと痛いところ。PHP7.1で動くように改造する技術があればいいんですけど、そんな技術もないので今日でお別れです。同時にこれらのプラグインを使わなくなることによって不要となるPHPの記述も削除します。
Mobile Eye+が使えなくなるので、スマートフォンでの閲覧が快適にできるようにCSSを少しいじって、レスポンシブデザインを実装してみました。うまく表示されているかなー。