ブログ制作– category –

使用しているブログのテーマ「Luxeritas」で「Google Material Icons」を採用。Font AwesomeからGoogle Material Iconsに全移行してみました。Luxeritasを使用していなくてもGoogle Material Iconsは使えますが、Luxeritasの場合、アイコンのコードさえ記入すれば即使えます。Google Material Iconsに移行した理由なども記載しておきます。

ブログの最適化を進めていると様々な弊害も生じます。良かれと思って行ったセキュリティ対策がスピード低下に繋がる事もあります。特に「reCAPTCHA」は良くもあり悪くもあり。コメントなどを記入できるブログなどは必須ではありますがそれ以外では特に必要性を感じません。実際にreCAPTCHAを表示・非表示で記事の表示パフォーマンスをテストしてみると…スマホでの表示は極端に遅くなります。PCでは表示し、スマホでは非表示。または必要な記事のみに表示…などreCAPTCHAの表示を制御する事である程度改善できるかと思います。

CLSに関する問題:0.25超とは？ある日Google Search ConsoleにおいてCLSに関する問題:0.25超が発生。遅いと判断されたブログの記事を改善すべく対策しました。モバイルでのスピードが遅めだったのは理解できますがPCでの表示スピードも遅いと判定されました。ブログの表示スピードで重要になってくるのは必要不可欠なプラグインと不必要なプラグインの選定。画像を多く採用する為、パフォーマンスが低下。画像の最適化は全ページに関わり、しかもひとつひとつ処理する必要性があります。

この記事の内容はLuxeritasの目次・Luxeritasの目次のCSSコード・Luxeritasの目次のカスタマイズ方法などを記載しています。Luxeritasは目次を挿入できます。目次のカスタマイズは開閉やフォント・背景や罫線の色を変更できます。もう少しカスタマイズしたいと思いませんか？Luxeritasのスタイルを使った目次でも良いですが…Luxeritasのブログはほとんど皆同じ。目次の背景色を変えたり文字の色は変えられても…目次の全体的な見え方は同じですね？

ブログの表示スピードはモバイルが「要」スマホでいかに早く表示させるか？対策とテスト結果をご紹介します。ブログの表示スピードはトップページより投稿ページ！肝心の投稿ページが遅くては評価もマイナスです。投稿ページも「1秒台で表示」誰もが課題にする投稿ページの表示スピードアップ！ブログの記事の表示スピードによる離脱率の増減はブログ運営者にとって課題。PCで高得点でもスマホでの表示が遅いと記事に行き着きません。

SNSシェアボタンの色を変えたいと思った事はありませんか？スタンダードカラーだからこそ認知度が高い！どこも同じ色だから馴染みがある。馴染みがあるからボタンをクリックしやすくなる！スタンダードカラーはそのような利点があります。ただし…場合によっては目がいき過ぎてしまう…と言うような難点も無きにしも非ず。あえて目立たせない考え方もあります。または、ブログのスタイルに合わせてオリジナリティを出したい！と言うような考えもあります。今回はLuxeritasのシェアボタンの色を変えるカスタマイズ。必要性があったら試してみてください。

スマホ・タブレット・パソコン…3種のデバイスで表示した時に表示を変えたい！特にウィジェットで表示切り替えしたい時は…プラグインを利用するのが手っ取り早いですね。デバイスごとに表示を切り替えるプラグインは沢山あります。古くから親しまれているのは「Widget Logic」Widget Logicはスマホとタブレットを分岐してくれません。その事から若干不都合もありましたので探してみると？3種類の表示を切り替えられるウィジェットがありました。そのプラグインが「Widget Options」

wordpressのカスタマイズは多彩。トップページを固定ページにする事で様々なデザインにできますね。このブログがLuxeritasで作られている為、Luxeritasのトップページというタイトルですが…どのwordpressのテーマでもできる事です。現時点でLuxeritasを使用していますが…もしかしたら変わる事もあります。Luxeritasのブログを見てみると…パッと見た目がLuxeritasと分かるものが多いですね？固定ページをトップページにする理由は？見た目で即Luxeritasとは分からない。という理由では無い。単にブログをオシャレにしたかった！どちらかと言うと「サイト風」と言う事でしょうか？

おしゃれなカルーセルを使いたい！wordpressのカルーセルプラグインはどれが良いのか？デザイン的に優れた機能を追加できるカルーセルプラグインは？無料でカッコいいカルーセルを表示させたい！目に留まったカルーセルプラグインは「Smart Slider3」細かい設定ができるエディタ機能で思い通りの表示が可能！優れたカルーセルプラグイン「Smart Slider3」今回は画像上にテキストやリンクボタンを追加できるカルーセルプラグイン「Smart Slider3」のエディタをピックアップして紹介します。

wordpressのテーマ「cocoon」はとても優れた無料テーマ。カスタマイズも容易なのでとても好まれますね。cocoonのページネーションのデザインもシンプルで良いです。スクエアで表示されるcocoonのページ送り。一見してcocoonに見えないように円形にしてみる事にしました。cocoonのデザインカスタマイズは簡単で分かりやすいですね。各部の細かい部分まで思い通りにカスタマイズできそうです。専門的な知識が乏しくても、色々カスタマイズできるのが良いです。今回のcocoonカスタマイズ箇所は「ページネーション」です。