Cocoonの初期の設定では、上記のようにとてもシンプルな見出しになっています。 シンプルが好きって方もいるかもしれませんが、 僕的にはもう少し色合いやアイコンなどがあったほうがいいなと思ったので、 カスタマイズをしてみました。 見出しを変更するためにCSSを一度リセット
（WordPressテーマ Cocoon 使用）, WordPressテーマ MASAa.blog
WordPressテーマ「Cocoon」のカスタマイズ備忘録です。デフォルトのh2～h6のデザインCocoonのデフォルトの見出しのデザインはこちら↓（サンプル画像）と～ってもシンプルです。でも個人的にちょっとインパクトが弱いのでカスタマイ
しかし時折晴れ間がのぞいて天気雨になったり、不安定な感じ。
最近ブログ作りが楽しい。（ネタはなくなりつつあるが。）
ぶっちろぐ こんな時はあがいても仕方がないので、普段できないことをコツ... こんばんは、しまちゃんです。
チメブロ, WordPress blog site specialized in PC produce by masaa, ブログを書く際の見やすさとして重要になるのが「見出し」です。「見出し」は新しくまとまった文章を書き始める最初に設定します。ブログ記事の項目として重要となる【見出し１～６(h1～h6タグ)】のカスタマイズについて書いたエントリー記事です。, WordPressテーマ Cocoonで「コメントのラベル」カスタマイズについてまとめてみました。。今回のカスタマイズでは「コメントのラベル」を一旦削除し、改めてラベルを表示設定させてみました。また合わせて先頭にアイコンを追加表示しました。, WordPressテーマ Cocoonの「背景（バックグラウンド）」のカスタマイズについてまとめてみました。今回のカスタマイズでは「背景（バックグラウンド）」の設定を見出しのデザインと真似たデザインとしてみました。, WordPressテーマ Cocoonでの「ウィジェットの画像をキラッと光らせる」カスタマイズについてまとめてみました。今回、ウィジェットのカスタムHTMLを使って表示させたイメージ画像に採用してみました。, WordPressテーマ THE THOR（ザ・トール）のアーカイブページのインデックスについては前回と前々回にもカスタマイズを行ってきました。今回はそのエントリー記事カードのアイキャッチ画像についてカスタマイズを行ってみました。, WordPressテーマ THE THOR（ザ・トール）で「Prev/Nextアイキャッチ画像 ホバー」のカスタマイズについてまとめてみました。ホバー時に日付＆タイトルとマスク系エフェクト利用時のマスク上テキストが重ならないようにしました。, WordPressテーマ THE THOR（ザ・トール）で「コメントを書くラベル」カスタマイズについてまとめてみました。。今回のカスタマイズでは「コメントを書くラベル」を一旦削除し、改めてアイコンとラベルを表示設定させてみました。, WordPressテーマ THE THOR（ザ・トール）の「サイドカラムエリアの見出し」のカスタマイズについてまとめてみました。今回のカスタマイズでは、先頭にWebアイコンフォント Font Awesome 5のアイコンを表示するようにしてみました。, これまでWordPressテーマ Cocoonのヘッダーメニューに関するカスタマイズを行ってきました。その際モバイル端末時のメニュー表示を考えずに作成してしまったので、今回モバイル端末でメニューを表示した際正常に表示されるよう改善しました。, 【レビュー記事】WonderFox HD Video Converter Factory Pro, 動画変換ソフトウェア『WonderFox HD Video Converter Factory Pro』のレビュー記事です。ビデオを500種類以上の形式に変換、切り取り/マージ/特殊効果などの編集、動画ダウンロード等を行うことができます。, EaseUSのiPhoneデータ管理ツールソフト『EaseUS MobiMover（ モビ ・ ムーバー）』のレビュー記事です。数クリックだけで楽にiOSデバイス上のデータを移行/編集/添削することができる便利なソフトウェアです。, Hypamer『【高度昇級＆安定性抜群】ノートパソコンスタンド PC タブレットスタンド 無段階高さ調整可能 姿勢改善 腰痛/猫背解消 人間工学設計 折りたたみ式 滑り止め アルミ合金製』のサンプル品提供頂いたのでレビュー記事作成しました。, Windows上でパーテーション操作や管理などのディスク管理ソフトウェア『MiniTool Partition Wizard 12』のレビュー記事です。無料版以外にプロ版、プロ・デラックス版、プロ・アルティメット版があります。, INDEX 1 Leawo Blu-rayコピー2 Leawo Blu-rayコピーの紹介2.1 Leawo Blu-rayコピーをインストールする2.2 Leawo Blu-rayコピーを使う！2.2.1 設定項目2.2.2 市販のDVD.
このメールを見た瞬間、イスから飛び... こんばんは、しまちゃんです。
だいぶ主張が強めですね。h2の見出しが多い記事だと、くどくなります笑.
無料WordPressテーマ Cocoon 昨日、家にANAの株主優待... こんばんは、しまちゃんです。
沖縄地方は今日も朝から雨模様だ。
今回は、cocoonの見出しのカスタマイズについてまとめていきます。 cocoonの見出しがcssで変更できない時. （WordPressテーマ THE THOR 使用） 今やれることを精一杯やる！と思いながらマイペースに過ごしています。 好奇心旺盛なので、様々なジャンルについての記事を書いていますよ♡*°, 元々は無料テーマ「Sinplicity2」を使っていたのですが、テンプレートを変えて良かったと思う点はたくさんあります。, 女性らしさと表示位置を少しずつずらして、段落が分かりやすくなるように設定してみました。, そんなCOCOONの公式ページはこちらですので、気になる方は使って見てくださいね♡, 見出し(H2・H3・H4・H5・H6など)の外観を変えようとした時に、無料配布されているテンプレートのCSSを検索して埋め込もうとしたことはありませんか？, COCOONの場合に限らず、同様の手順をしても綺麗に反映されず、デフォルトの線や背景色が残ってしまうことがあります。, しかし、このような場合はCSSの指定先を変えたり、元の色を消せば綺麗にカスタマイズできます。, まず、元々COCOONのテンプレートでカスタマイズされている背景色やボーダーを消しましょう。, 今回は女性らしいイメージに仕上げたかったので、こちらのカスタマイズで解説していきます。, 次のページでコピペで使えるCSSのコードと、それぞれの設定や変更方法についてご紹介していきますね。, COCOONの見出しをCSSでカスタマイズしたい時は、デフォルトの装飾を消してから指定しましょう。そこで、見出し装飾を消すCSSとお洒落な見出しCSSのコードをコピペで使えるテンプレートとしてご紹介しています。, 【歌ってみたはコレで完璧！】Audacityの使い方：ダウンロード・基本操作・カスタマイズや応用【完全版】, &honey(アンドハニー)のヘアオイルを3種類試してみた！髪への効果・使用感・香り【口コミレビュー】.
パソコン選びのコツ
WordPressテーマ Cocoonの見出しについては以前にも2度ほどカスタマイズを行ってきました。今回「見出し1タイトル（h1タグ）」～「見出し4（h4タグ）」に対して、改めて見出しが分かりやすくなるようなデザインに変更してみました。
見出しについては、以前「【Cocoon】見出し(h1〜h6タグ)をカスタマイズする」のエントリー記事でカスタマイズを行いましが、今回「見出し1(h1タグ)」～「見出し(h4タグ)」に対して少しだけ折り目のデザインを付けてみました。
今回はCocoonの見出しをカスタマイズしていきます。 見出しというのは、 ＜h2＞＜/h2＞ や ＜h3＞＜/h3＞ で囲った、タイトル等を指します。 今回はその見出しをデフォルトの状態から脱却するために、自分の思い描くデザインにカスタマイズしていきましょう！ こんばんは、しまちゃんです。
実は以前、見出しのデザインを変更したことがあった。 那覇でインフルエンザの予防接種を受ける、他.
今日はやはりというかなんというか、朝は起きることができず、11時前に起床した。せっかくの天気の良い日曜日を半分無駄にしてしまった。
今日は昼くらいまで寝ていて、起きても特に何もせずブログをいじっていた。
今日は朝からワードプレスと格闘していて、先ほどやっと昨日からやろうとしていた新サイトの構築に成功した。
見出しについては、以前「【Cocoon】見出し(h1〜h6タグ)をカスタマイズする」のエントリー記事でカスタマイズを行いました。, 設定出来る見出しは、「見出し１(h1タグ)」「見出し２(h2タグ)」「見出し３(h3タグ)」「見出し(h4タグ)」「見出し(h5タグ)」「見出し(h6タグ)」の6パターンです。, 最近この見出しがシンプル過ぎると思い出したので、少しだけ変化を付けることにしました。, 今回の見出しのカスタマイズは、「見出し１(h1タグ)」～「見出し(h4タグ)」に対して少しだけ折り目のデザインを付けることにしました。, このカスタマイズ内容を「スタイルシート(style.css)」の「見出し１(h1タグ)」～「見出し(h4タグ)」の設定と入れ替えます。, 上記の「見出し１(h1タグ)」～「見出し(h4タグ)」のカスタマイズの中で、追加分は下記の通りです。, または、このカスタマイズ内容を「スタイルシート(style.css)」に追記します。, 今回のカスタマイズによって、「見出し１(h1タグ)」～「見出し(h4タグ)」のデザインは次のようになりました。, 「Cocoonカスタマイズ総まとめ」のエントリー記事をアップしたばかりですが、今後も気になる点が有る場合には随時カスタマイズを行っていきたいと思います。, 大学生と高校生の二人娘のパパで弱小ブロガー。初めてのPCはMZ-80C、その後MZ-80B、PC-8001/8801/6601/9801/88VA等を経て現在のメイン機はRyzen 7 3700X搭載の自作PC。WordPressテーマ CocoonとTHE THOR（ザ・トール）を使って3つのWordPressブログサイトを運営中。このサイトのWordPressテーマはCocoonを使用。PC関連のレビュー記事ご依頼承ります！, ZMASAa.blog 昨晩、さて寝ようかとブラウザを閉じ、開いていたフォルダを閉じ、メールを閉じようとしたら1通のメールに目が留まった。
昨晩はGoogle Search Consoleのエラーと戦いつつブログの更新... 「ご存知ですか ?ここで CSS を変更する必要はありません — 付随の CSS エディター で、編集とライブプレビューを行うことができます。」, *****以上ここまでは、デフォルトの見出し設定をリセットするためのコード*****, この画面が開くので、右上の「編集するテーマを選択」で「Cocoon Child（Cocoonの子テーマ）」を選択する。, 左側のスタイルシートの「必要ならばここにコードを書く」と書いてあるすぐ下（今回は13行目）からコードを入れていく。私は今回見出しのデザインを変更したいので、h2（見出し2）～h6（見出し6）までのコードを、デザインを紹介しているサイトからコピペし、あとは自分好みに太さやフォントの大きさなどを実際のサイトを見ながら調整した。.
さて今日は、私がこのブログを開設した理由を話しておきたい。また、始めるにあたり必ず守りたいことも書いて... こんばんは、しまちゃんです。
エックスサーバーというだだっ広い自分の庭（世界）で、ワードプレスとCocoonを使って自分の家や道路、ひいては町を自分の納得のいくよう... こんにちは、しまちゃんです。
Googleから夜中に来たメール
パソコン関連 MASAa.blogからリニューアルしたガジェット好きmasaaのメインWordPressブログサイト
パズドラ日記と依頼された製品レビューの記事を掲載し続けるmasaaの元祖WordPressブログサイト
MASAa.net