Cocoonのモバイルデザインを改善する
Cocoonのモバイル表示デザインを改善するために5つの各種CSSを紹介しています。「ヘッドロゴの余白調整」「モバイルボタンのカラー」等をサイトに馴染むように設定します。
Cocoonのモバイル表示デザインを改善するために5つの各種CSSを紹介しています。「ヘッドロゴの余白調整」「モバイルボタンのカラー」等をサイトに馴染むように設定します。
Cocoonのモバイルメニューを固定表示する場合、テーマの仕様のままだと、ヘッダーメニューでサイドバーが隠れてしまいます。javascript.jsで制御すれば問題ありません。
Cocoonのおすすめカードはとてもシンプルです。全体のデザインをシンプルに変更すると、ただの四角い画像が並んだように見えるので改善した方が良いでしょう。
Cocoonをテストしていて「おすすめカード」が表示されなくなってしまいました。ホームページの表示を「最新の投稿」に設定することができないのです。原因を突き止めてみましょう。
外部リンクのブログカードをサポートするため、functions.phpのショートコードを使う方法とプラグイン「Simple Blog Card」を使う方法の2つの方法を解説します。
無料WordPressテーマ「Cocoon」のサイト回遊性を高めるため、フッターのデザインを変更します。単なる設定では実現出来ないマスタマイズ方法を紹介しています。
無料WordPressテーマ「Cocoon」のページナビゲーションのデザインをCSSで変更します。CSSの設定を細かく解説しましたので、初心者にも見て欲しいページです。
無料WordPressテーマ「Cocoon」のデザイン性をを考慮してコンテンツ幅を変更する方法とプラグイン「Regenerate Thumbnails」の使い方を紹介します。
ブログテーマにはコンテンツ幅を変更出来たり、できなかったり、様々ですが、デフォルトの設定には各テーマの設計思想が表れています。変更する際はそれを理解した上で行ってください。
WooCommerceを使用したECサイトで購入個数による割引価格を表示するための無料プラグイン「Discount Rules for WooCommerce」の設定方法を解説します。
WordPressテーマ「Cocoon」のエントリーカードから、カテゴリーを削除し、シンプルな表示に変更します。「entry-card.php」を子テーマに配置し修正します。
WordPressプラグイン「Pochipp」と「All In One WP Security」は同時に使用すると干渉し、「Pochipp」にエラーが発生します。その解決方法を紹介します。
Google AdSenseとGoogle reCAPTCHAを導入することは著しいウェブパフォーマンスの低下をまねき、結果、コアウェブバイタルの指標に警告が出てしまいます。
WordPressテーマCocoonのエントリーカードはマウスオーバーの際、背景色が変わる仕様です。そのため、無駄な余白が多く、デザイン性の障害になっていると感じます。
WordPressテーマSTORK19のコメント関連が抱える問題をCSSとfinctions.phpを使って改善します。また、STORK19に適した最近のコメント表示プラグインを紹介します。
人気記事を表示するWordPressの定番プラグイン「WordPress Popular Posts」を使う際に、サムネイルが表示されないことがあります。その際はWPPショートコードを使いましょう。
Cocoonのパンくずリストまわりをデザイン的に改善します。改善点はパンくずリストを1行で表示すること。不要なアイコンを消すこと。タイトルや公開日・更新日の配置を変更することです。
ブログによるコンテンツマーケティングに取り組もうとした場合、困難なのはスタートの時期です。「Theme3」の最初の6ヶ月間がどのように経過したのか実際のデータを公開します。
WordPressテーマ「SWELL」に要素の高さを揃えるjQueryプラグイン「jquery.matchHeight.js」を組み込み、ブロックエディタの横並びブロックをキレイに整列させます。
無料WordPressテーマCocoonの通知を有料テーマSTORK19やSANGOのような見た目にカスタマイズします。これでヘッドエリアのカスタマイズは完成です。