WordPress関連のバックアップ(No.7)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
WordPress関連へ行く。
- 1 (2014-12-16 (火) 15:45:25)
- 2 (2014-12-16 (火) 16:46:59)
- 3 (2015-01-04 (日) 15:37:35)
- 4 (2015-01-16 (金) 16:06:00)
- 5 (2015-01-19 (月) 10:12:54)
- 6 (2015-12-22 (火) 16:15:43)
- 7 (2016-09-22 (木) 17:47:16)
- 8 (2016-11-08 (火) 11:18:04)

目次 †

目次
WPプラグインbrowser-shotの見た目を美しく
Wordpress4.1でビジュアルエディタが使えなくなった時
- 結果
  - 追記(20150119)
WordPress4.4(もっと前から？)でPick a Pictureプラグインが使用できなくなった
- 修正方法
- 備考
  - 参考サイト
Pz-LinkCardでデータベースエラー発生

↑

WPプラグインbrowser-shotの見た目を美しく †

自分が使っているブラウザがFirefoxのためFirefox基準で手順。
chromeを使っていたら結構いろいろなサイトで解説してあるため、そちらを参照したほうがいい。

↑

前提条件 †

browser-shot(WPプラグイン)がインストールされていること
MakeLink(Firefoxプラグイン)がインストールされていること

↑

MakeLink設定 †

右クリックし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押す。

↑

実際の手順 †

スクリーンショットを撮りたい画面上の何も無いところで右クリック
MakeLinkで作った設定をクリック
クリップボードにコピーされるため、WPに貼り付け。

↑

WPスタイルシート変更 †

見た目の問題なので追加しなくても問題なし。

/*--------------------------------
キャプチャ　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;
}
/*-- ここまで --*/

↑

参考にしたサイト †

http://shufulife.com/capture/

↑

Wordpress4.1でビジュアルエディタが使えなくなった時 †

20150116に現象発生。
調べて見ると、何かしらのプラグインが悪さをしていることが多いらしい。

↑

結果 †

うちの環境では、

PS Disable Auto Formatting
TinyMCE Advanced
Browser Shots を止めた結果、Browser Shotsを停止したら表示出来るようになった。
無効にすることでサイト表示に影響が出るため早く修正されることを願う……。

↑

追記(20150119) †

v1.3にて修正されたことを確認した。修正されて良かった……。

↑

WordPress4.4(もっと前から？)でPick a Pictureプラグインが使用できなくなった †

データが取得できない云々のエラーが発生する。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-LinkCardでデータベースエラー発生 †

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に戻した。

MyWiki - WordPress関連 のバックアップ(No.7)