自分が使っているブラウザがFirefoxのためFirefox基準で手順。
chromeを使っていたら結構いろいろなサイトで解説してあるため、そちらを参照したほうがいい。
右クリックしMakeLink-設定を選択。新規で以下を作る。
<div class="share_link"> [browser-shot url="%url%" width="230"] <div class="link_title"> <a href="%url%" target="_blank">%text%</a> <div class="clear"></div></div></div>
OK押す。
見た目の問題なので追加しなくても問題なし。
/*--------------------------------
キャプチャ Browser Shots
---------------------------------*/
.share_link {
width:85%;
margin: 20px auto;
padding: 10px;
border:double #008B8B;
overflow: hidden;
}
.browser-shot{
text-align:center;
}
.browser-shot img{
box-shadow:0px 2px 4px #CCCCCC;
}
.link_title{
text-align:center;
line-height:150%;
overflow: hidden;
padding-top:10px;
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/*--------------------------------
780px キャプチャ Browser Shots
---------------------------------*/
.share_link {
margin:30px auto;
}
.browser-shot{
margin:0 15px 0 0;
float:left;
text-align:left;
}
.share_link .link_title{
margin:0;
text-align:left;
}
/*-- ここまで --*/
20150116に現象発生。
調べて見ると、何かしらのプラグインが悪さをしていることが多いらしい。
うちの環境では、
v1.3にて修正されたことを確認した。修正されて良かった……。
データが取得できない云々のエラーが発生する。php.iniでファイルサイズが足りないとか。
実際pixabayのイメージは取得できているからphp.iniではなさそう。
httpsで取得しにいこうとして失敗しているので、httpで取得しにいくように切り替える必要がある。
したがってプラグインの編集ページでpick-a-pic.phpの506行目に以下行を追加する。
$photo_url = str_replace('https','http', $photo_url);
こうすることで、httpsを強制的にhttpに切り替えている。
flicker側でhttpsを強要されたら使えなくなる。プラグインも更新されていないため、そうなったら別のプラグインを使うしか無いかも。
Flickr - Pick a Picture Broken in WP 4.4 beta (1 post)
Flickr API going to SSL
Pz-HatenaBlogCard 1.2.8ではエラーが発生しなかったが、Pz-LinkCardでデータベースエラーが発生するようになった。
バージョンは、1.7.3。
気がついたのは、500エラーが発生するようになったから。
サーバーのログを確認してみると、
\xe3\x83\x87\xe3\x83\xbc\xe3\x82\xbf\xe3\x83\x99\xe3\x83\xbc\xe3\x82\xb9\xe3\x82\xa8\xe3\x83\xa9\xe3\x83\xbc
と表示されている。デコードすると"データベースエラー"とのこと。
直し方がわからないので、Pz-HatenaBlogCardに戻した。