ブログのカスタマイズ、いろいろ試してみました。

URLをコピーする
URLをコピーしました!
目次(クリックで飛べます)
カスタマイズ失敗

(2020年1月31日追加)

さて、ここからは、

カスタマイズしようと頑張ったけど上手くいかなかった話

になります。

失敗の記録=多少なりともネガティブな内容になってしまうので

2ページ目に、ひっそり書くことにしました。

ギモンくん

ミンナニナイショダヨ!

WordPressの場合、テーマ(JINやLuxeritasのようなもの)、プラグイン、

使用サーバーなどで環境が激変してしまうので、

説明されているサイト様に書いてある通りにやっても

上手くいかないことが良くあります。

ギモンくん

難儀(なんぎ)!

特にプラグインは、同じテーマ、サーバーを使っていても

入れているプラグインの種類、数まで同じ人は、まずいないと思うので、

そういう意味ではとても自由度が高い反面、

不安定な環境である、と言えるかもしれません。

ボックスナビを作りたい

JINのスマホメニュー画面、

よく言えばシンプル、悪く言えば質素で見栄えも良くないし、

使いやすさの面でもそれほど良くないな、と思っていて、

そんな時、ツイッターで見つけたのがボックスナビという方法。

といっても、またまた先に紹介したぽんひろさんのブログなのですが。

こちらの記事にある、ボックスナビの作成方法をベースに

こちらの記事にある方法で

スマホメニューをボックスナビ型に変更しようと試みました。

一応、書いてある通りに実行し、コピペして貼っていきましたが、

上手くいきませんでした。

素人なりに考えてみた結果、余所さんとの環境の違いで

原因となっているのではないかと思われる2つの部分が

浮かび上がりました。

  1. 使用サーバーがmixhost
  2. 使用しているキャッシュ系プラグインがLiteSpeed Cache

WordPress、JINで検索するとわかるのですが、

WordPressユーザーも、JINユーザーも、

使用しているサーバーがエックスサーバーの方が滅茶苦茶多い。

というか、説明サイトを見ると誇張でも何でもなく、

大体がエックスサーバーです。

これはmixhostが比較的新しくできた会社であることも

原因かと思われますが、何にせよ、この時点で

同じようにやっても必ずしも同じ結果にはならない、

ということになります。

その辺はads.txt実装の時にも大変苦労したので身に染みています。

そして、僕はこちらの方が原因だと思っていますが

使っているキャッシュ系プラグインが

LiteSpeed Cache(+クラウドフレア)であること。

高速化の記事でも書いていますが、

LiteSpeed Cacheとクラウドフレア自体は

とても素晴らしくて、実際PCでの表示に関しては

サイトの表示スピードも大幅に改善されました。

また、1つのプラグインで多くの機能を有していることで、

プラグインの数を減らせる=負荷が下がる、という

大きなメリットもあります。

ですが、JINユーザーでLiteSpeed Cacheを使っている人

全くいない、ということはないのでしょうが、

ネットで検索した限りでは全然出てこない。

なので、設定の仕方も

これで本当に正解かどうかも実はわかっていない、という有様

ギモンくん

な、なんだってー!

※サイトの表示スピードは上がりました

当ブログでは、JINに標準装備されている、ピックアップコンテンツの機能も

記事スライダーがスライドしない(動かない)という理由で

今のところ使用を断念していますが、

その際にネットを調べて得たヒントも

「キャッシュ系のプラグイン」の設定を変えれば

クリアできるのではないか?といったものだったので、

そこで試行錯誤がストップしてしまいました。

ギモンくん

もうやめたら?LiteSpeed Cache

……ということも考えたのですが、プラグイン3~4つ分を

1つにまとめてくれているこのプラグインは本当に助かっているので、

そういう理由で今回現状では断念しています。

ぽんひろさんのブログ記事では、

ボックスナビを採用しているサイトさんの紹介もしているので、

興味のある方はご覧になることをお勧めします。

ウチの環境ではダメでしたが、

他のサイトさんではしっかり、問題なく表示されていて、

ブログ内でも紹介されています。

(うらやましい)

スマホハンバーガーメニューにボックスナビを追加、
おすすめやランキングもはめ込みたい

さて、順番的には実はこちらの方が最初だったのですが。

ところで、スマホでこのブログをご覧になっている方、

おすすめやランキングは見ていただいていますか?

ギモンくん

ナニソレ、ドコニアルノ?

……という方も多いのではないでしょうか。

スマホでこのブログを見ると

まず記事の一覧があって、

その下に広告があり、

その下におすすめ記事、

ランキング(よく読まれている記事)は更にその下に表示されています。

ギモンくん

めっちゃ、スクロールする!

PCでご覧になる場合はサイドバー(サイトの横の部分)に表示されるので、

まあまあ問題なく見られるのですが、

おすすめやランキングといった機能がせっかくあるのに生きていない

という状態が勿体ないと思ってしまったので、

これをスムーズに見られるようにするにはどうすればいいのか?

ギモンくん

メニューに入れちゃえばよいのでは?

……そう思い、

こちらのサイトさんの説明を参考にやってみました。

ちなみに、こちらもぽんひろさんのボックスナビがベースになっています。

そして、いざ実装してみると、ボックスナビが表示されないことは

上に書きましたが、おすすめもとランキングも

スクロールして見ることができない。

こちらのサイト様の記事の中に類型と思える症状があったので、

参考にしてみましたが、追加CSSを書き込んでも

画像が2個くらい表示されて動かせないのは変わらないまま。

さて、お気づきでしょうか。

この不具合、

JINのピックアップコンテンツを導入できなかった時と

同じに見えませんか?

ということは、キャッシュ系のプラグインが原因なのでは?

と思い至り、

ギモンくん

 ま た お ま え か 

今回も、導入は断念しました。

スマホメニューのボックスナビ化も、

ハンバーガーメニューの変更も、

可能ならぜひやりたいカスタマイズなので、

興味のある方はぜひ、

上記のサイト、ブログ記事を参考にやってみてください。

(バックアップも忘れずに)

トップページをブログ型からサイト型に変更したい

ブログの記事数が多くなってくると、

最初の頃に書いた記事が埋もれてしまう、

というのは、これはもうブログの性質上、

ある程度は不可避なことだとは思いますが、

それでもできる限りは緩和したい、と思っています。

そこでJINのカスタマイズについて、ツイッターを検索していた時に

多く見かけたのが

ブログのトップページをブログ型からサイト型にカスタマイズする、

という方法です。

この方法を使えば、記事の順番を変えられるし、

おすすめや、ランキングも組み込めるのではないか?と思い、

試してみることにしました。

CSSをいじったり、子テーマを色々編集する方法もあるのですが、

カスタマイズ関連をいじっていて、その熱も強くなっていたので

買ってしまいました、JIN専用プラグイン

JIN専用プラグインは、現在2つ出ていて、

僕は両方買いました(!)が、そのうちのひとつ、

SPACEの方に

ブログ型からサイト型にカスタマイズする機能

が(たまたま)付いていたので、そちらを試してみることにしました。

ギモンくん

試してみてどうだった?

試してみて、正直パッとしないというか、

JINのデフォルトのデザインがいかに優れているかがわかりました。

そもそもJINのデフォルトの機能である、コンテンツマガジン

そういう、記事が埋もれてしまうことに対する

救済措置の側面もあるようにも思うし、

ピックアップコンテンツのスライダー機能も、

本来その用途で使用されるものなんですよね。

あと、これはこちらの設定次第だとは思いますが、

サイト型にするとアドセンス広告が消えてしまうのも

ちょっとどうかと思ったので、

当面はトップページは現状のデフォルトのままでいくことに

しようかと思います。

今回、CARATとSPACEを両方買ってみましたが、

現状ではこの2つのプラグインは併用できないようなので、

そのうちこの2つのプラグインの違いなどにも触れた、

レビュー記事も書いてみようと思います。

ちなみに、現状ではSPACEの方には

スマホフッターメニューが表示されない、

という不具合が出ていますが、

ツイッターのヨノイさんのツイートによると

JINのSPACEですが、スマホフッターメニューは文字色が
#fffff指定になっているため、設定しても背景の白に埋もれてしまい
現状では見えないようです。

だそうで、

下記を追加CSSに入れて対応してみました。
color指定はお好みで。
.footer-menu-sp .menu-item a{
color:#444444 !important;
}

これで回避できるようです。

尚、ダークモードでは未検証とのこと。

本家の更新があるまで、こちらの方法で対応してみようかと思います。

今度こそ終わりにかえて

この記事は、ブログの外回りを更新した箇所、

いじった場所などを忘備録的な意味も含めて、

これからも随時更新していこうと思っています。

まだまだいろいろ変更したい部分も多いので。

ギモンくん

新記事も、他の記事も、
ちゃんと更新しろよ!

それではまた、次の更新の時に。

1 2

この記事が気に入ったら
フォローしてね!

この記事をSNSでシェアする
URLをコピーする
URLをコピーしました!

コメント

コメントする

CAPTCHA


目次(クリックで飛べます)
閉じる