2020.01.18ここでは、WordPressのCocoonテーマで、ブログの横幅を変更する手順をご紹介します。Cocoon(コクーン)では、サイトの色々なレイアウト変更を行うことができ、記事の表示スペースの横幅も手軽に変更することが可能です。目次Cocoon設定で記事スペースの横幅を変更する他のサイトの横幅を参考にするときのコツまとめ:横幅を最適にしてブログをレベルアップCocoon設定で記事スペースの横幅を変更する1WordPress管理画面(ダッシュボード)のCocoon設定を開き、メニュータブの「カラム」をクリックしてください。2「メインカラム設定」のカテゴリーで「コンテンツ幅」という項目があります。これがサイトのメインスペースの横幅です。最小600px~最大1,600pxの範囲で、1px単位で設定できますので、いろいろ試して自分のブログに最適だと思う値に変更してください。3また、「サイドバー設定」のカテゴリーで、サイドバー側の横幅も変更することができます。4「カラム間余白設定」のカテゴリーでは、「カラム間の幅」が設定できます。これは、「メインカラム」と「サイドバー」のスキマの幅です。5各設定を変更したら、最後に一番下の「変更をまとめて保存」を忘れずにクリックしてください。他のサイトの横幅を参考にするときのコツ他のブログを見て「これは見やすいな」と感じたサイトの幅を参考にする場合、参考サイトと自分のサイトを交互に切り替えてみて、同じ幅になっているか確認しながら調整すると上手く真似することができます。その際は、どちらも同じズーム倍率で比較しましょう。Chrome】ちなみに当ブログの横幅は、メインカラム「728」px、サイドバー「336」pxになっています。サイトの最適な横幅に関しては、下記の記事を参考にしました。読みやすいブログは記事の幅や余白を計算してデザインしています。有名サイトの記事幅・コンテンツ幅・余白の設定を調べてひとつの基準を割り出してみました。テーマ作成やカスタマイズのご参考にどうぞ。naifix.comまとめ:横幅を最適にしてブログをレベルアップ今回は、WordPressのCocoon設定から、ブログの横幅を変更する手順をご紹介しました。自分のブログを見ていて「記事の横幅がもう少し幅があったら...」とか「もう少し狭くしたいな...」などの細かい要望も、Cocoon設定なら簡単に変更可能です。ブログのレイアウトを最適化して、サイトのレベルアップに挑戦してみてください。WordPressのやさしい教科書。そんな疑問にお答えします。2020.01.17WordPress自作のアンダーラインマーカー機能を作る【WordPress・Cocoon】WordPressのCocoonテーマには、アンダーラインマーカー(下線)の機能が標準装備されています。アンダーラインマーカーは強調したい部分に使うと、文章にメリハリが出ますので記事内の文字装飾に良く使われます。今回は、各サイトなどからダウンロードした「テーマ」をWordPressにインストールし、ブログを新しいテーマに変更する方法を、初心者にもわかりやすいように画像を使ってご紹介します。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。2019年6月よしてっく家族5人、モノづくり系中小企業に勤める40代サラリーマン。10年以上会社で培ったスキルを活かし、パソコン・インターネット関連を中心とした有益な情報、使い方、トラブル対策、仕事の時短術、ネットで稼ぐ方法、WordPressの設定やカスタマイズなど配信していきます。2019年6月よしてっく家族5人、モノづくり系中小企業に勤める40代サラリーマン。10年以上会社で培ったスキルを活かし、パソコン・インターネット関連を中心とした有益な情報、使い方、トラブル対策、仕事の時短術、ネットで稼ぐ方法、WordPressの設定やカスタマイズなど配信していきます。目次Cocoon設定で記事スペースの横幅を変更する他のサイトの横幅を参考にするときのコツまとめ:横幅を最適にしてブログをレベルアップ。