Wordpress

ワードプレスJIN専用プラグイン【SPACE】の不具合まとめ

当サイトではワードプレスを使用してサイトを構築しているのですが、ワードプレスのテーマは「JIN」というテーマを使用しています。

そのJINには別売されている専用のプラグインがあります。

「CARAT」と「SPACE」です。

まず第一弾として「CARAT」が発売され、後に第二弾として「SPACE」が発売されました。

CARATはどちらかといえば女性向けのデザインに向いていて、SPACEは男性向けのデザインに向いています。

私は両方とも購入しました!

CARATの方で実装されている、動くマーカーを使いたくて導入しました。

しかしやはりCARATは女性らしい柔らかいデザインに向いていることもあり、後に発表された「SPACE」に乗り換えることにしました。

CARATの方では不満点や問題点、不具合等は全く無くストレスフリーで使っていたのですが、SPACEの方は不具合なのか仕様なのかわかりませんが、私の使い方では困ったことがたくさん出てきました。

この記事では、解決したものと未解決のものも含めて、現在私が把握しているJIN専用プラグイン「SPACE」の不具合をまとめておきます。

2019年10月9日に書きました。

製作者のりょうた(@tech_ryota)さんにはすでに報告したものもあるので、もしかするとこれを読むときにはもう修正されているかもしれませんね。

最新の情報は公式サイトをご覧ください。

JIN専用プラグイン「SPACE」の不具合【要点リスト】

まず簡潔にまとめておきます。不具合なのか仕様なのかは不明ですが、私が困ったことリストです。

SPACE不具合まとめ
  1. 公式サイトの表記が間違っている。
  2. 固定トップページにすると改行が効かなくなる。
  3. 固定トップページで1カラム【幅広】を選び、新着やカテゴリー記事を6つ以上表示するとデザインが崩れる。
  4. トップページ設定でマガジンスタイル(スマホ2カラム)を選んだ際、スマホで見るとコンテンツスライダーのデザインが崩れる。
  5. スマホのフッターメニューが消える。(強制的に白文字になる。)
  6. スマホのヘッダー追尾をONにすると、アンカーリンクがズレる。
  7. addEventListenerエラーが出ている。
  8. 記事中のSNSアイコンの色が指定できない。
  9. スマホのメニューからシェアしようとすると謎の記号が出る。

JIN専用プラグイン「SPACE」不具合:公式サイトの表記が間違っている。

これに関しては個人的に結構怒っているのですが、公式サイトの通りにやってもうまくいかないという不具合です。

これは不具合というよりも単なる表記ミスなのですが、公式に「表記ミスしていますよ」と教えたのにも関わらず直っていません。

しかもミス報告を指摘してから6日後に「修正しました。」と連絡があったにもかかわらず直っていないというね。

どんな表記ミス?

「SPACE」の目玉機能として、スマホで新着記事やカテゴリー記事を横スライドできるようにするという機能があります。私はこの機能に惹かれてSPACEを購入しました。

新着記事を表示するショートコードがあるのですが、公式サイトでは

[news name=”新着記事” count=”5″]

ショートコードをこのように表記すれば、新着記事が5つ表示されると書いてあります。

count

しかし、この表記が間違っています。

countの数を変えても表示される数が5で固定される。

「count=”5″」となっているところを「count=”3″」にしようと「count=”7″」にしようと、表示される記事数は5つ。

公式どおりやっているのに…。

新着記事の表示数はcountではなく、numberで指定する。

[news name=”新着記事” number=”5″]

新着記事の記事数を指定するためには、「count」ではなく、「number」としなければなりません。

同じようにカテゴリー記事を表示するコードもあるのですが、そちらの方ではcountで記事数を決定しますから、混ざってしまったんでしょう。

公式サイトが修正されない。【怒り】

私は製作者さんにそのことを伝えて、返事が来たのにも関わらず修正がされません。

修正したって言って修正してないのってなんなん?しかも返信くるまで6日ですよ。

間違えるのはしょうがない。

でも、「修正しました。」って言って修正されていないのはどういうことなんですか?

メッセージでは公式の間違えている部分のスクリーンショットも撮って送ったのに。

はっきり言って怒っています。

公式マニュアルが間違っている。
教えたのに修正しない。
他にも困っている人がいるかもしれない。

修正されないようなので注意喚起として記事にすることを決めました。

この誤表記だけではなく、これから書く他の不具合についても伝えていました。
アップデートで修正してくれればいいかなと思って、製作者さんに直接メッセージを送っていました。

私はデバッガーではありません。購入したユーザーです。
2度も指摘する手間をかけたくありません。

JIN専用プラグイン「SPACE」不具合:固定ページで改行できない。【修正済みver1.10】

これに関してはSPACEを購入した他の方も不具合じゃないかと言っています。

そして、ひつじさん(JIN製作者)に連絡していますが、りょうたさん(SPACE製作者)の環境では再現できなかったということです。

対話の流れ

私の環境でも同じ不具合が起こっています。

さて、相性問題ということで片付いてしまったこの問題ですが、プラグインをSPACEだけにしてもこの症状は起こります。

autop2

解決策
<br>を使用して改行する。

改行したいところで改行のタグ<br>を使えば改行することが出来ます。

コレちゃうの?

autop

JIN専用プラグイン「SPACE」不具合:トップページのデザインが崩れる。【修正済みver1.10】

条件
固定ページをトップページにする。テンプレートを1カラム【幅広】に設定した場合、新着記事またはカテゴリー記事の表示数を6以上にするとデザインがおかしくなってしまう。

画像で見たほうがわかりやすいですね。

崩れたデザインの様子

space

6個目の記事が5個目の記事とくっついてしまいます。

JIN専用プラグイン「SPACE」不具合:スマホのデザインが崩れる。【修正済みver1.10】

条件

  • トップページを最新記事表示にする。
  • スマホ表示をマガジンスタイル(スマホ2カラム)

コンテンツマガジンの表示がバグります。

こうなる(スマホ画面)

スマホ

デザイン崩れ系に関しては次のアップデートで修正されるそうなので、下手にさわらないほうが良いと思います。

JIN専用プラグイン「SPACE」不具合:スマホフッターメニューが消える。

JINには標準装備でスマホのフッターにメニューを付ける機能があります。

JIN専用プラグイン「SPACE」を入れると、スマホのフッターメニューが見えなくなります。

導入前
前
導入後
後
スマホのフッターが無い!けど、スペースだけあいてる!!

原因と対策

原因
強制的にフォントを白にされるため、背景色が白いサイトでは消えて見える。(実際はある。)

対策
追加CSSにメニューの背景色と文字の色を追記する。

/* JINスマホ固定フッター */
.footer-menu-sp .menu-item a{
background-color:#cccccc; 
color:#000000 !important;
}

#CCCの部分が背景色、#000000の部分が文字色です。

色は自分で変えてくださいね。

JIN専用プラグイン「SPACE」不具合:ヘッダー追尾ONにするとアンカーリンクがズレる。

スマホの上部固定すると、その部分が隠れるために起こる不具合です。

これは上部固定で起こる不具合というか仕様なのですが、固定分を下げる設定を入れておいてくれても良いんじゃないかなと思いますがどうなんでしょう。

JIN専用プラグイン「SPACE」不具合:addEventListenerエラーが出ている。


条件
【SPACE】ハンバーガーメニューのデザインを【SPACE】スタイル1にする。

特に悪さはしないのですが、エラーが出ているのはちょっと気になりますよね。

SPACE公式サイトで出てるエラーなので、私の環境だけではないでしょう。

JIN専用プラグイン「SPACE」不具合:記事内SNSアイコンの色指定が効かない。

条件
SNS設定(OGP)> SNSボタン設定>【SPACE】スタイル1にする。

SNSボタンの色が全て白くなってしまうので、JIN公式の設定では色の指定ができなくなる。

JIN公式のやり方でやってもダメですよ。


JINのオリジナルアイコンリスト|JIN(ジン)

アイコンテスト

SNSアイコンのみ白指定をされているので、他のアイコンは色を自分で指定することが出来ます。

スマホボタンメニューからシェアしようとすると謎の記号が出る。

条件
スマホのボタンメニューをシェアボタンに変更後、Twitterでシェアしようとすると「;?>」という謎の記号が追加される。


シェアボタンからシェアしようとすると


なにこれ?

JIN専用プラグインSPACEの不具合まとめ:勉強になった。

JIN専用プラグインSPACEを導入して困ったこと(困っていること)まとめでした。

たった4000円だし、そんなに怒るなよって思う方もいるかもしれませんが、値段じゃないんですよね。

「不具合の特定と修正にかかった時間がもったいなかった。」

プラグインって時間の短縮や自分でできないことがあるからお金を出して買っているわけで、逆に時間がかかるという意味不明な状況になりました。

とはいえ、逆にいい勉強にもなりました。
おかげでプラグイン無しでSPACEと同じように新着記事を読み込んでスライドさせられるようになりました(笑)

SPACE利用せず同じような機能を実装してみた。
こっちが本家

[news name=”” number=”4"]

SPACEプラグインの使用をやめた場合、ショートコードのみが表示されていると思います。

時短のために買ったのに結局時間がかかるというねwでも勉強になったし、良かったかな!

検索周りを強化してくれるというアップデート情報もありますので、そのあたりが強くなれば嬉しいなと思って使っているのですが、とりあえず現状は不具合修正をメインにやってもらいたいですね。

他にもこんな不具合もあるよ!という方は教えて下さい。
というか、作者さんに連絡してあげてください。

ではまた。

JIN専用プラグイン「SPACE」不具合追加:関連リンクがスライドされない

気づいたので追加。

【SPACE】関連記事を横スクロールさせるが効かない

条件

カスタマイズ>記事のデザイン設定>関連記事の表示形式>マガジンスタイル(2カラム)の時。

対策
マガジンスタイル(3カラム)にする。

JIN専用プラグイン「SPACE」不具合追加:記事一覧の文字色が変更されない。

SPACEのショートコートで出力した記事一覧は背景色・文字色ともに変更されるが、
JIN本来の機能で出力された記事一覧には文字色の変更が出力されない。(サイト内の文字色とおなじになる。)


ホワイトテーマ 家具・インテリアデモサイト

記事一覧背景色「#3f332a」
記事一覧文字色「#ffffff」


カテゴリーページ

記事一覧背景色「#3f332a」
記事一覧文字色「#686357」

問題

記事一覧背景色を黒にして、記事一覧文字色を白にした場合、サイト内の文字色を黒に近い色にするとカテゴリーページや関連記事などで記事タイトルが見えなくなる。