ワードプレス

プラグイン「EWWW Image Optimizer」をご利用の方はご注意を【ワードプレス】

Categories | ブログ(WordPress)

プラグイン「EWWW Image Optimizer」をご利用の方はご注意を。

あなたのが利用するサーバーの「PHPバージョン」を確認されたし。

 

e79e7d7c281745667f314ceb80536f46 400x168 プラグイン「EWWW Image Optimizer」をご利用の方はご注意を【ワードプレス】

 

プラグイン「EWWW Image Optimizer」とは、

WordPress 内の画像のファイルサイズを劣化させずに圧縮するプラグイン。

 

ワードプレスをご利用されている方で、

プラグイン「EWWW Image Optimizer」を実装している場合、

サーバーのPHPバージョンが5.3以下だと、何かしら不具合が起きそう?

と、ダッシュボード内のヘッダーに、ここのところウザく表示される。

 

The next major release of EWWW Image Optimizer will require PHP 5.4 or greater. Newer versions of PHP, like 5.6, 7.0 and 7.1, are significantly faster and much more secure. If you are unsure how to upgrade to a supported version, ask your webhost for instructions.

 

訳すと、こういうことです。

EWWW Image Optimizerの次のメジャーリリースには、PHP 5.4以上が必要です。 5.6,7.0,7.1などの新しいバージョンのPHPは、はるかに高速で安全です。 サポートされているバージョンにアップグレードする方法がわからない場合は、ウェブホストに指示してください。

 

因みに、当ブログのPHPバージョンは5.3です。

以前、「EWWW Image Optimizer」を実装してるがため不具合を起こし、

WordPressが利用できなくなってことがあります。 記事参照

 

さぁ、どうする?

残念ですが、当ブログでの実装は諦めることにし、

「Compress JPEG & PNG images」に乗せ換えました。

Compress JPEG & PNG images【WordPressプラグイン】|画像圧縮の必須アイテム

Comment(0) | Trackback(0)

TAGS: / / / / / | 2018年4月13日 |

WordPress4.8 ワードプレスの新機能「動画ウェジェット」サイドーバーに気に入った動画(Youtubeなど)を表示させる

Categories | ブログ(WordPress)

ワードプレス(WordPress)4.8に追加された新機能「動画ウェジェット」。

 

1102 400x242 WordPress4.8 ワードプレスの新機能「動画ウェジェット」サイドーバーに気に入った動画(Youtubeなど)を表示させる

サイドーバーに気に入った動画(Youtubeなど)を表示させる機能。

 


 

動画ウィジェット

ウェルカム動画は、より温かみのあるサイトのブランディングを行うのに良い方法です。訪問者の信頼と共感を生み出します。新しい動画ウィジェットを使って、メディアライブラリの動画をサイドバーに追加できるようになりました。

 


 

当方の自作ブログ「HCZ BLOG」に、

Youtube動画を表示させようと試みましたが・・・

 

サポートされたファイル形式および MIME タイプの動画が見つかりませんでした。

 

1102 08 WordPress4.8 ワードプレスの新機能「動画ウェジェット」サイドーバーに気に入った動画(Youtubeなど)を表示させる

深く考えず却下。

 

今まで通り「カスタムHTML」を使うことにします。

タグは参考まで

 

1102 09 321x400 WordPress4.8 ワードプレスの新機能「動画ウェジェット」サイドーバーに気に入った動画(Youtubeなど)を表示させる

 





<div style="text-align:center">
<iframe width="238" height="134" src="https://www.youtube-nocookie.com/embed/XMOZxsQ101M?rel=0" frameborder="0" allowfullscreen title="Youtube">Youtube</iframe>
<br>
<iframe width="238" height="134" src="https://www.youtube-nocookie.com/embed/ShQuATpv744?rel=0" frameborder="0" allowfullscreen title="Youtube">Youtube</iframe>
</div>




 

1102 10 WordPress4.8 ワードプレスの新機能「動画ウェジェット」サイドーバーに気に入った動画(Youtubeなど)を表示させる

 

しまい

Comment(0) | Trackback(0)

TAGS: / / / | 2017年11月2日 |

Broken Link Checker バージョン 1.11.4  バグっているようです 「WordPress プラグイン」

Categories | ブログ(WordPress)

0802 400x237 Broken Link Checker バージョン 1.11.4  バグっているようです 「Wordpress プラグイン」

 

2017年8月1日にBroken Link Checkerがバージョンアップされました。

バージョン 1.11.3 → バージョン 1.11.4

現在使用中の当ブログ「WordPress(バージョン 4.3)」では、互換性があるとのことで、

アップロードしましたが、ダッシュボード(管理パネル)が開かなくなりました。

あくまでも当ブログ(自作)でのエラーですが、念のためアップロードする前に、

Broken Link Checkerの旧バージョン「バージョン 1.11.3」の

バックアップをオススメします。

Comment(0) | Trackback(0)

TAGS: / / / | 2017年8月2日 |

ウェジェットの固定ページリストを並び替える方法 ワードプレス

Categories | ブログ(WordPress)

 ウェジェットの固定ページリストを並び替える方法

ウェジェットのカテゴリ順を、自分好みに並べ替えることが出来るプラグイン

Category Order and Taxonomy Terms Order」は重宝しているのですが、

固定ページもプラグインで並べ替えできないものか?と、それ系を探してみました。

が、管理画面内だけの固定ページ順は変更できても、実際サイト表示では変更されません。

あれ?なんでだろう・・・

ウフフ

実にシンプルなことでした。

ワードプレスには元々固定ページの表示順を変更する設定があったんですね。

管理画面 > 外観 > ウェジェット 固定ページの並び順を「ページ順」に変更。

 

0713 400x393 ウェジェットの固定ページリストを並び替える方法 ワードプレス

次に、表示順を変えたい固定ページの編集ページで「ページ属性」に順序があります。

最上部に表示したければの場合「0」です。

しまい

Comment(0) | Trackback(0)

TAGS: / / / | 2017年7月13日 |

XREAサーバーの PHPが 5.3から 7.0にバージョンアップ ワードプレス(ブログ)に不具合発生

Categories | ホームページ ブログ(WordPress)

XREAサーバーの PHPが 5.3から 7.0にバージョンアップ

ワードプレス(ブログ)に不具合発生

 

私ががレンタルしているサーバー(XREA)が、平成29年5月28日に新サーバーへの

マイグレーション(移行)が行われた。それに伴いFastCGI版のデフォルトPHP

5.3から 7.0にバージョンアプされた。またサーバー管理画面(コントロールパネル)も

新しいデザインに変更されされたよう。

 

13d06e01663dd75dbeaf3dfc32146eca 400x254 XREAサーバーの PHPが 5.3から 7.0にバージョンアップ ワードプレス(ブログ)に不具合発生

新サーバーへの以降後、サポートからその旨のお知らせが届く。

サイトがPHPのバージョン違いで動作しない場合は、FastCGI版PHP の

バージョンを変更することで改善する可能性がございます。

との注意事項の記載あり。

意味がさっぱり分かりません。

 

深く考えず、管理画面でPHPをバージョンアップしてみる。

ダッシュボード > サイト設定 > サイト設定の変更

 

そしてサイト(ワードプレス)を確認してみると、

何だこりゃ?

 

0529 400x396 XREAサーバーの PHPが 5.3から 7.0にバージョンアップ ワードプレス(ブログ)に不具合発生

ワードプレスをサーバーにインストールする画面になってるし。

じゃ、今までのブログはフォーマットされちゃったの?

焦りながらFFFTPでサーバーを覗いてみが、なんら問題ないようだ。

 

サポートからの注意事項で「FastCGI版PHP のバージョンを変更することで

改善する可能性がございます。」らしいから、

管理画面で7.0から5.3に変更し直す。

駄目です。

依然としてWPのインストール画面が表示される。

仕方なくサポートに対処方法を問い合わせる。

 

日を置いてブログを確認すると、問題なく表示されるようになった。

不具合の原因はなんだったんだろう。

サポートいわく、

お世話になります。
お問い合わせにつきまして、サーバーアカウント「×××.xrea.com」に設置された、データベース「×××」のデータを移行元サーバーより再取得いたしましたので、ご確認いただきましたら幸いに存じます。

 

どうやら移行時にトラブルがあったんだな。

ともあれ、よかったよかった。

でも今後どうするよ。

しまい

Comment(0) | Trackback(0)

TAGS: / / / / / | 2017年5月29日 |

Google Feed APIの代替にはシンプルな「jQuery」が絶対オススメ。実装方法を解説

Categories | ホームページ ブログ(WordPress)

ブログ(WordPress)等の最新記事をホームページに貼るつける方法として、

Google Feed APIを利用する方法がありましたが、2017年1月11日に廃止され、

頭を抱えた方は少なくないと思います。私もそうだったように・・・

そこで、代替としてGoogle Feed APIに似ている「jQuery」を利用した方法を

当ホムペに実装してみたので参考まで。

 

0120 400x300 Google Feed APIの代替にはシンプルな「jQuery」が絶対オススメ。実装方法を解説実装ページ:HCZ.JP

 

参考ページ:【jQuery】緊急案件:Google Feed API が廃止・・・

参考ページを元にカスタマイズした実装法です。詳しいプログラミングははしょります。

 

記述するスクリプトコード

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script>
<script src="js/rss.js"></script>

※body内に記述しますが、お勧めはfooter。「js/rss.js」はjsのフォルダに

格納されているということで、任意に階層を決めてください。

 

次に表示させたい場所に下記を記述



<div id="feed"></div>


 

ホームページ(html)に記述することはこれだけ。

ソースコードが非常にシンプルですね。

次にrss.jsファイルに表示させたいブログのフィードURLを記入します。

rss.jsは下記リンクをクリックしてダウンロードして下さい。

 

ダウンロードファイル → rss.zip

 

zip形式のフォルダを解凍すると、2つのファイルが入ってます。

rss.js / rss.css

 

rss.jsをテキストエディタ(TeraPadなど)で開き、下記を変更する。

url: ‘http://www.example.com/blog/feed’,

url: ‘表示させたいフィードのURL’,

 

rss.cssは、中身を自分で作成したスタイルシートにコピペして削除。

好みでサイズやスタイルを調整してください。

※クロスドメインには非対応です。

 

以上で全ての実装作業は完了です。

 

更に最新版もご覧ください。

WordPress(ワードプレス)の投稿記事をホームページ(html)に自動貼り付け

Comment(0) | Trackback(1)

TAGS: / / / / / | 2017年1月20日 |

WordPress(ワードプレス)でテーブルのレイアウトが簡単変更できるがプラグイン「TablePress」

Categories | ブログ(WordPress)

WordPress(ワードプレス)でテーブル(表)のレイアウトが簡単変更できるがプラグイン

TablePress」を導入しました。

以前からテーブルのレイアウトをいじるのに、面倒なことやっていたのですが、

プラグインを探してみると、この手が結構あるんですね。

 

0725 01 400x252 Wordpress(ワードプレス)でテーブルのレイアウトが簡単変更できるがプラグイン「TablePress」

 

実装方法は簡単。

WordPress管理画面 > プラグイン > 新規追加 >「TablePress」で検索し、

インストールして有効化。管理画面サイドバーに項目が追加される。

 

0725 02 400x251 Wordpress(ワードプレス)でテーブルのレイアウトが簡単変更できるがプラグイン「TablePress」

サイドバーの「新しいテーブルを追加」で表を作成し、出来上がった表の

ショートコードID」を記事内に記述すれば表示される。

使用方法はさほど難しくない。

使用感としては、一度作成した表(テーブル)を、先々編集(行や列の追加)する

場合は便利なプラグインだと思うが、それ以外だと一度こっきりの単純なテーブル

を、いちいちプラグインで作成管理するのは面倒臭いから不向きかも。

細かい装飾はプラグインのオプション「カスタムCSS」でコマンドを追加する必要が

あるので、結局は簡単でもないし、CSSを理解していないと使えないプラグインでした。

 

試しに固定ページでプラグイン使って作ってみました。

YouTube チャンネル解析レポート

カスタムCSS

 

.tablepress-id-1 {
	margin: 0 auto;
	font-size: 12px;
	width: 80%;
}

.tablepress-id-1 th {
	text-align: right;
}

.tablepress-id-1 td {
	text-align: right;
}

 

しまい

Comment(0) | Trackback(0)

TAGS: / / / / / / | 2016年7月25日 |

ワードプレスをXREAからCORESERVER(CORE-MINI)に移転を断念

Categories | ブログ(WordPress)

レンタルサーバーの更新期限が近づいてきたので、よかれとXREAからCORESERVER

(CORE-MINI)に移転を試みたんです。そしたらどつぼにはまってしまいました。

ワードプレスがエラーして表示できません。当方の場合はまず、

Error establishing a database connection」とエラーです。

因みに文字コードを「UNICODE」指定では英語表示。

文字コード「EUC-JP」は データベース接続確立エラー と表示されます。

で、何でエラーしたのか?どこが不具合を起こしているか?を知るには、

ワードプレスファイルが格納される、最上階層の「 wp-config.php 」 48行目

あたりの define(‘WP_DEBUG’, false); を define(‘WP_DEBUG’, true); に書き

換えUTF-8Nで保存すると内容を表示できます。

 

0627 01 400x220 ワードプレスをXREAからCORESERVER(CORE MINI)に移転を断念

エラーで良くあげられるのは、wp-config.php の3箇所。

/** WordPress のためのデータベース名 */

/** MySQL データベースのユーザー名 */

/** MySQL データベースのパスワード */

 

何回も確認しましたが、間違いはありません。

エラーにはこんなことも書かれてます。

Warning: mysql_connect() [function.mysql-connect]: Access denied for user ‘●●●●’@’localhost’ (using password: YES) in /virtual/***/public_html/www.***/***/wp-includes/wp-db.php on line 1520

 

wp-db.phpの1520行目を修正すれば良さそうかなと、懸命に調べまくり、

たどり着いた解決策は、バックアップしたdumpファイルのutf8md4 を utf8 に変更

するとでした。サクラエディターで一気に置き換え保存。サーバーにアップし確認しました。

 

すこと今度はこんなエラーが表示されました。

Notice: add_custom_image_header の使用はバージョン 3.4 から非推奨になっています! 代わりに add_theme_support( ‘custom-header’, $args ) を使ってください。 ****/wp-includes/functions.php on line 3658

対処方法

wp-content/themes/テーマ名/functions.php
10行目あたりの
add_custom_image_header(”,’admin_header_style’);

add_theme_support( ‘custom-header’, ‘$args’ );

に変更した。

 

 

すると今度のエラーは

Fatal error: Cannot unset string offsets in ****/wp-includes/theme.php on line 1605

1605行目には ’uploads’ => true, と書かれています。

 

 

もう諦めました。

ここまでさらっと書いてますが、エラーと1週間程格闘してまして、

修正してもまたどこかエラーがでそうな感じだったし。

 

結局見落としてたことがありました。

CORESERVER(CORE-MINI) MySQL バージョン 5.1.73

XREA MySQL バージョン 5.6.22

 

本家【日本語 — WordPress】 によると、


WordPress 日本語版の推奨動作環境

  • PHP バージョン 5.6 以上
  • MySQL バージョン 5.6 以上 または MariaDB バージョン 10.0 以上

古い PHP や MySQL しか利用できないレガシーな環境でも、PHP 5.2.4 以上、かつ MySQL 5.0 以上であれば WordPress は動作しますが、公式サポートは終了しており、サイトがセキュリティの脆弱性にさらされる危険があります。


 

CORESERVER(CORE-MINI)はMySQLが古いバージョンのため、

WordPressはセキュリティ的に危険があるようです。またプラグインなども当然

MySQL5.1には対応していない。

 

結論は・・・

CORESERVER(CORE-MINI)MySQL5.6以上にバージョンアップしない限り、

ワードプレスをXREAからCORESERVER(CORE-MINI)に移転(引越し)することは

危険と判断し、断念しました。

しまい

Comment(0) | Trackback(0)

TAGS: / / / / / | 2016年6月30日 |

「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

Categories | ブログ(WordPress) DW Question Answer

ワードプレス Q&Aプラグイン「DW Question & Answer」を実装してみました。

設定方法の備忘録。

 

0502 01 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

■設置方法

・ワードプレス管理画面にログイン>プラグイン>新規追加

・プラグインの検索で「DW Question & Answer

・インストールして有効化

 

0502 02 400x209 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

有効化するとダッシュボードに「Questions」項目が追加され、固定ページに

2ページ生成される。それとウェジェットが4種類追加。

 

dw 01 400x252 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン「Questions」項目

 

de 02 400x242 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン固定ページ

 

 

■ 設定方法

・まずは自作した日本語化ファイルをサーバーにアップロード。

ファイル2つ「dwqa-ja.po」「dwqa-ja.mo」をFFFTPで、サーバーに直接アップロード。

アップロード先:***/wp-content/plugins/dw-question-answer/languages/

日本語化ファイルはこちらのページからダウンロードできます。

DW Question Answer 日本語化|ファイルダウンロード

 

 

・固定ページ(2ページ)の編集

【 1 】 DWQA Ask Question 質問をするページ(フォーム)

【 2 】 DWQA Questions 質問の一覧を表示するページ

 

【 2 】を、当サイト用にタイトルとスラッグをカスタマイズ。

de 05 400x66 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

【 1 】もカスタマイズ。

de 04 400x65 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

 

・【 2 】をメインページとして設定

ダッシュボード > 設定 > 表示設定 > フロントページの表示

固定ページにチェックを入れ、フロントページをプルダウンメニューから選択。

de 06 400x156 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

・固定ページ(2ページ)のプラグインの紐付け

ダッシュボード > Questions > 設定 > 一般的

de 07 400x193 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

「質問リストページ」と「質問するページ」を固定ページから選択。

※ここの設定では質問・回答のセッティングも行える。

 

 

・一般的 設定

ダッシュボード > Questions > 設定

Question Settings

・Archive Page Show At Most  1ページに表示する質問数。

・Before A Question Appears  質問を承認制にするか?

 

Other Question Settings

Allow members to post private question.    ????

Disable question status feature.  回答受付中・解決済などを非表示。

Display status icon on the left side. ユーザーのアバターが受付中・解決済のアイコンに。

 

Answer Settings
Answer Listingb 一つの質問ページについてのすべての返事を表示。

 

Captcha Settings
質問するページにキャプチャを使う項目が表示。
どう使っていいか分からないので、未設定にしておく。

 

 

 

 

・パーマーリンク設定

デフォルトでは、質問の投稿名がURLの末尾に表示される。

ドメイン/question/投稿名

これだとアドレス(URL)が長くなり過ぎるので、post_idに変更。

function.phpに下記を追記する。

 

add_filter('wp_unique_post_slug', 'change_post_slug', 10, 4);
function change_post_slug($slug, $post_ID, $post_status, $post_type){
  $postTypeArr = array(
      'dwqa-question'
  );
  if(in_array($post_type, $postTypeArr)){
    $slug = $post_ID;
  }
  return $slug;
}

 

テーマ内にfunction.phpが無ければ作って、サーバーにアップする。

ドメイン/wp-content/themes/テーマ名/function.php

 

※ DW Question & Answer は独自のパーマリンク設定を行っている為、

DB>設定>パーマリンク設定では制御できない。よって、この方法で投稿の際、

スラッグ「投稿名」を「post_ID」に差し替える。

 

 

・メール設定

ダッシュボード > Questions > 設定 > Emails

※ 投稿があると管理者に通知される機能。設定にはユーザー登録している方にも

通知する項目があるが、これは無料版だとユーザー登録機能が備わっていないので、

専用の有料拡張プラグインが必要なんだが、

Email settings

New Question Notifications

New Answer Notifications

New Comment to Question Notifications

 

BuddyPress(無料プラグイン)を導入(インストール)し、DWQAと紐付けすれば

それが可能になる。この設定方法は後に説明いたします。

「BuddyPress」を「DW Question Answer」に連携

 

 

 

 

■ 実装後

0502 03 400x301 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

デフォルトだと文字サイズやレイアウトなど、好みでないところが出てくると思う。

よって、最低でもHTML・CSSの知識がないと実装はムズイ。

 

いけてないことが判明。

投稿時に画像が挿入ができない。ってか、やりかたが分からない。

ソース?

 

0502 04 400x302 「DW Question & Answer」の設定方法 ワードプレス Q&Aプラグイン

 

自作テーマだからだと思うが、質問投稿時に「スタイル」での記述ができない。

他のテーマで検証すると問題なく使えるな・・・。

 

それから、回答にベストアンサーを選んでも、その質問は閉じられない。

手動で「受付終了」をするシステム。

ベストアンサーボタンがどれだか分かりづらいし、インパクトなし。

 

基本的には、匿名の質疑応答には使えるが、登録制であればこのプラグイン単体では

利用できない。

しまい

Comment(0) | Trackback(3)

TAGS: / / / / / / / / / | 2016年5月2日 |

WordPress4.5 に更新しました。編集とカスタマイズの改善点

Categories | ブログ(WordPress)

WordPress4.5がリリースされたので更新してみました。

編集とカスタマイズの改善がされたようです。

その中で私が注目したので、編集の改善では「書式のショートカット」。

カスタマイズの改善は「ライブレスポンシブビュー」。

 

WordPress 4.5 01 400x318 WordPress4.5 に更新しました。編集とカスタマイズの改善点

 

編集の改善:書式のショートカット

水平線と <code> が追加た。

半角でダッシュ3本(テンキーのマイナス)「—」を3回たたくと↓

 


 

↑横線 <hr> が自動に引ける。ただしWPは未だ「html5」には未対応なのがネック。

どう言うことかというと、テキスト入力で確認すると、<hr /> となる。

自作テーマは「html5」で作成しているので、構文上支障がでますね。

私的に、早いことWP本体をHTML5に対応してもらいたいです。

 

今後、水平線を頻繁に使いそうなので、スタイルシートに追記しておきました。

 

style.css

hr {
width: 80%;
height: 1px;
border: none;
border-top: 1px #096aa2 dashed;
}

 

 

■ カスタマイズの改善「ライブレスポンシブビュー」

 

WordPress 4.5 02 400x270 WordPress4.5 に更新しました。編集とカスタマイズの改善点

 

ダッシューボード > 外観 > カスタマイズ で、テーマをレスポンシブ表示させる機能。

左下のアイコンをクリックすると、PC・タブレット・スマホと表示が切り替えられる。

 

WordPress 4.5 03 400x270 WordPress4.5 に更新しました。編集とカスタマイズの改善点

タブレット表示

WordPress 4.5 04 400x270 WordPress4.5 に更新しました。編集とカスタマイズの改善点

スマホ表示

 

フリーテーマを選ぶ時に役立ちそうですが、自作テーマはもうレスポンシブ化しているので、

使うことはなさそう。

しまい

Comment(0) | Trackback(0)

TAGS: / / / / / / / / | 2016年4月13日 |

« 古い記事 新しい記事 »