自分用サイト備忘録

サイトの話雑記

サイト作る上で参考にした記事とか忘れやすい事柄メモ
他人のサイトのこういう構築メモぽいものが大好きなので自分も残しておこうと思ったのもある。

2020/12/21 プラグイン追記

構築時

 今回のサイトテーマはCocoonを使用させてもらっています。凄い便利。

Cocoon
SEO・高速化・モバイルファースト最適化...

 スキンは同梱のSILKを利用しています。気が向いたら変更するかも。
そういう気軽さがあっていいですね。いつか作れるようになりたいなー。

coccon設定画面Failed to load plugin url: http.../js/affiliate-ta...
新たにインストールしたwordpress...

 まず導入時最初に引っかかったのが謎のエラー。どうやらスプリクトがアドブロック系に阻まれブロックされていた様子。自分はuBlockOriginを使っているのですがホワイトリストに自分のサイトを突っ込んだらなんとかなりました。

最初にしたこと

【ブログカード】Cocoonを使い始めたら、ホームイメージを忘れずに設定しよう
WordPressテーマ「Cocoon」...
【Cocoon】HTMLを使わないので簡単に完成。固定ページからサイト型トップページを作成する方法。 | ねんごたれログ
ブログ型からサイト型トップページにしよう...
https://h1ghcontrast.com/doujin/663.html

 サイトの基礎設定と固定ページをweb上でhtml編集するやり方の参考にしました。特に前者は設定しておかないとデフォルトのCocoonサムネのままらしいですからね……。『ゆずゆろぐ。』さんにはたくさんお世話になりました。
 あとはゲーム日記のTopページ作成やイラスト展示に必要なプラグインの調節の為にお世話になりました。ゲーム日記のページも専用のウィジェット欄を作りカテゴリの新着記事を表示出来るようにしたり。本当はタグクラウドもゲーム関連タグのみ表示させたかったのですがどうやらそういうプラグインは存在しないようなので諦めました。1回テーマファイル弄ったけど全ページで消えたりしてため息ついた所で『そういえばよく考えなくてもカテゴリの話題と関係ない話だってついでにすることあるし必要なくね?』ってなりました。

使用プラグイン

Best WordPress Gallery Plugin – FooGallery
最高の WordPress ギャラリープ...
Lightbox & Modal Popup WordPress Plugin – FooBox
A responsive image l...
TinyPNG – JPEG, PNG & WebP image compression
Speed up your websit...
まろやかWEB拍手 for WordPress | まろやかPHP
PHP中心のスクリプトやWordPres...
Best WordPress Widget Area Plugin - Content Aware Sidebars
Create unlimited Wor...
Newpost Catch|今村だけがよくわかるブログ
WordPressプラグイン「Newpo...
Lightweight Widget Area Plugin – Content Aware Sidebars
Display new sidebars...
Custom Post Type UI
タクソノミーや投稿タイプなどのカスタムコ...
WP show more
Hide the Text betwee...

参考にした細かいカスタマイズ

【Cocoon】カテゴリーにアイコンや線を入れて見やすくするカスタマイズ
WordPressテーマ「Cocoon」...

 これ!!ウィジェットのリンクテキストにアイコン入れたりできるやつ。ちなみにfontawesome5のに設定している時cssで表示させたいならfont-weightの指定が必要です。

【保存版】Font Awesomeの使い方:Webアイコンフォントを使おう
導入方法から基本的な使い方、「Font ...

 今はゴテゴテさせたくないのでこれくらいの装飾にしています。シンプルなサイト大好きマン。
あとやった事は固定ページで作った展示ページ等の日付を消したりh1要素を装飾したり。ロゴはCanvaさんのお世話になりました。色々フォント見比べて乗せてみました。

【Cocoon】新着・人気記事のショートコードでカテゴリーを表示
本記事では無料WordPressテーマ「...

そしてゲーム日記の新着一覧にラベルを付けたかったのでこちらの記事にあるカスタマイズを試そうとしたのですがphpファイルを調整するとエラー。
調べてみると少し根幹を弄らないといけないっぽい。参考にしたサイト様はこちら。

致命的なエラーをチェックするためにサイトと通信できないため、PHPの変更は取り消されました。 | WordPress | GAROP.NET

負荷軽減の努力

 アカンってなったのはサイト自体の重さ。いやサイトの方はCocoonの高速化と画像の容量を落とすCompress JPEG & PNG imagesとか入れたりして何とかなってるんですけど(というかサイト開設したばかりだから重くなりようがない)管理画面がクソ重かった。いくらなんでも重すぎるのでキャッシュ削除プラグインを入れました。
 プラグインが悪さを!?と思ってP3 (Plugin Performance Profiler)を入れてチェックしたらこのプラグインしか円グラフに表示されなかったのはまた別の話。ちなみに当たり前ですが管理画面の重さは変わらなかったので多分freoの時みたいに(*)WAFとかが原因だろうなーと思い、切ることにしました。
*freoの時みたいに:ある時freoがログインできなくなった時があり、その原因がロリポップのサーバーセキュリティ系の機能が原因だった。切った

 やはり自分のサイトなので一番自分が見やすいって思いたいのでやっぱり投稿を快適にやりたいんですよね。色々奮闘して行こうと思います。

トップページの話

 よくトップページ弄るのにサイト型へーとか見ますけど個人的にバリバリなブログのサイトをやってみたかったから必要ないんだよーと思いながら何とか調べました。やりたかったこととしましては「トップページの先頭に案内文を載せたい」でした。というか抜粋文わざわざ考えて描いたりしてるのにショートコードとか使ったら表示しない仕様になってるので論外だと思ったわけで。

https://chocohel.com/tool/cocoon/5924

追記:Cocoon設定だけでいい感じのトップページ作れるようになってた! ありがたい……。

To Be Continued…