WordPressテーマ Cocoonの見出しについては以前にも2度ほどカスタマイズを行ってきました。今回「見出し1タイトル（h1タグ）」～「見出し4（h4タグ）」に対して、改めて見出しが分かりやすくなるようなデザインに変更してみました。 自作PCやソフトウェア、WordPressなどPC関連専用のWordPressブログサイト Googleから夜中に来たメール Windows10の電源プランを「AMD Ryzen™ Balanced」に強制設定する！, 低価格なiVANKY製の4K60Hz対応DisplayPortケーブルを購入する！. 今日は昼くらいまで寝ていて、起きても特に何もせずブログをいじっていた。 さて今日は、私がこのブログを開設した理由を話しておきたい。また、始めるにあたり必ず守りたいことも書いて... こんばんは、しまちゃんです。 WordPressテーマ「Cocoon」のカスタマイズ備忘録です。デフォルトのh2～h6のデザインCocoonのデフォルトの見出しのデザインはこちら↓（サンプル画像）と～ってもシンプルです。でも個人的にちょっとインパクトが弱いのでカスタマイ Cocoonの見出し. Cocoonの見出しのデザインを変える .  WordPress関連 （WordPressテーマ THE THOR 使用） Cocoonの初期の設定では、上記のようにとてもシンプルな見出しになっています。 シンプルが好きって方もいるかもしれませんが、 僕的にはもう少し色合いやアイコンなどがあったほうがいいなと思ったので、 カスタマイズをしてみました。 見出しを変更するためにCSSを一度リセット 昨晩はhuluで「インターステラー」を見た。この映画は映画館でも見たし、DVDでも見たので多分見たのは3回目くらいだ。本当におもしろい映画だと思う。, マシュー・マコノヒーは色男から変態証券マン、かっこいい親父宇宙飛行士まで、何でもこなせる素晴らしい俳優だとつくづく感じる。, この時は「見出し4」だけを何とか自分好みのデザインに変更したのだけど、その後Cocoonが更新されるとこの変更したデザインも元に戻ってしまっていた。原因は、Cocoonの子テーマではなく、親テーマの方のCSSをいじっていたため。その時はやり方が分からず、子テーマを開いてもほとんどコードが書かれていなかったので親テーマのコードを変えてしまっていたのだった。, しかし色々と調べて、今日何とか子テーマのCSSに見出しのコードを入れ込み、変更に成功した。というか、結論としては単にCocoonの子テーマのスタイルシートにコードを追加すればいいだけだった。極力分かり易いように、その方法を（自分のための記録という意味もあるが）書いてみたい。, 久しぶりにやると、もうこの時点であやふやになってくる。WordPressはどこにどんな設定項目があるのかを探すのに一苦労だ。特にたまにしか行わない設定などであればなおさらだ。, 「ご存知ですか ?ここで CSS を変更する必要はありません — 付随の CSS エディター で、編集とライブプレビューを行うことができます。」とここのページ上部に記載があるが、「付随のCSSエディター」とやらが激しく役に立たないため、全力で無視する。, 今回この作業で私が一番参考にさせて頂いたサイトは以下の通り。ありがとうございました。, 実際に入力したコードは以下の通り。赤のマーカー（または赤字・青地部分）は補足説明用で入れたもので、実際にはもちろん入力していない。, 見出し4は完全新作。「見出し3」の上辺がないバージョンとした。フォントサイズも実はさらに小さい。, ※【2019.2.10追記】「margin-left:10px;」を追加して全体を少し右寄せにし、下辺も削除した。, 見出し5は以前の4とほぼ同じ形。ただ、フォントサイズを本文と同じとし、左辺の幅もちょっと細い。今気づいたのだけど、なぜか上下の幅が「4」よりも短い。これはpaddingの値のせいなのかもしれない。試していないので分からない。, これは今ちゃんと見ると、paddingを入れてもう少し文字を右側からのスタートにしたほうがいいかもしれないな。, 今回は見出しの変更だったが、引用符などいろいろとカスタマイズしたい時は同じようにここにコードを追記していけばいいようだ。, このカスタマイズを行っている最中に偶然Cocoonの更新があり、更新を適用してみたが見出しはしっかりとそのまま変更後のものが残ってくれた。今後も色や枠の幅など、気分によっていろいろと変えてみようか。, 正直未だにブログ記事におけるカテゴリーとタグの使い分けについて釈然としないが、ひとつの解釈としては、記事が1つの何かしらの話題に終始するのであればそれはその話題の「カテゴリー」扱いでいいのではないかと思う。ただし、「カテゴリー」と呼ぶくらいなので、同じ話題についてある程度の記事数があった方がいいだろう。, 逆に、一つの記事内で雑然と色々な話題に触れるのであれば、その記事には話題ごとの「タグ」をあてがってあげればいいのだろう。※この場合「カテゴリー」は「雑記」または「日記」などとなる。, そう考えると、私はこのブログに「カメラ」や「写真撮影」についてのみ主に話題にする記事を書くことがしばしばあるので、「カメラ・写真撮影」というカテゴリーを新設した。※以前「カメラ」カテゴリーは作っていた気がするが、消してしまった。, 同じ意味において、「教育」もその話題のみの記事を複数書いているので「カテゴリー」に格上げしてもいいような気もするが、なぜかこれは気が進まない。私が教育を語って「カテゴリー」に昇格させてしまうのは何かおこがましい気がする。, 今後もこの「カテゴリー」と「タグ」は柔軟に変更していくつもり。しかし記事を遡ってそれぞれのカテゴリーとタグを変更するのが面倒くさいな。, クロスカブ110に乗り換えました。今後はクロスカブの話題を中心にできる範囲で更新していきます。, こんばんは、しまちゃんです。今日は土曜日だというのに朝からたたき起こされて、インフルエンザの予防接種に行ってきた。朝起きていつもするように、特に意味もなくベランダの外を眺めにいくと「ちゅーるちゃん」がこちらを伺っていた。ピントがベランダの壁, WordPressテーマ「Cocoon」のカスタマイズ備忘録です。今回は投稿記事の見出しデザインをカスタマイズしてみました。見出しを変えると手っ取り早くオリジナリティを出すことができるので、優先的にやっておきたい部分ですよね。それでは早速や. 結論から言えば、昨日と今日あれだけ時間をかけて試していた方法はうまくいかず、と... こんにちは、しまちゃんです。 Copyright © 2018 MASAa.net All Rights Reserved. エックスサーバーというだだっ広い自分の庭（世界）で、ワードプレスとCocoonを使って自分の家や道路、ひいては町を自分の納得のいくよう... こんにちは、しまちゃんです。 ぶっちろぐ 今日は朝からワードプレスと格闘していて、先ほどやっと昨日からやろうとしていた新サイトの構築に成功した。 今日は日曜日。去年の今頃私はツールドおきなわに参加していた。今年は家でパソコンに向かってカチャカチャと忙しい。知識は増えるが体力はどんどんなくなってゆく。  MASAa.net パズドラ日記と依頼された製品レビューの記事を掲載し続けるmasaaの元祖WordPressブログサイト 沖縄地方は今日も朝から雨模様だ。 今日は昨日に引き続き、私の住んでいる沖縄地方は朝から冴えない天気となっている。 最近ブログ作りが楽しい。（ネタはなくなりつつあるが。） THE THOR（ザ・トール） 無料WordPressテーマ Cocoon パソコン選びのコツ 今回はCocoonの見出しをカスタマイズしていきます。 見出しというのは、 ＜h2＞＜/h2＞ や ＜h3＞＜/h3＞ で囲った、タイトル等を指します。 今回はその見出しをデフォルトの状態から脱却するために、自分の思い描くデザインにカスタマイズしていきましょう！ 昨晩はGoogle Search Consoleのエラーと戦いつつブログの更新... 「ご存知ですか ?ここで CSS を変更する必要はありません — 付随の CSS エディター で、編集とライブプレビューを行うことができます。」, *****以上ここまでは、デフォルトの見出し設定をリセットするためのコード*****, この画面が開くので、右上の「編集するテーマを選択」で「Cocoon Child（Cocoonの子テーマ）」を選択する。, 左側のスタイルシートの「必要ならばここにコードを書く」と書いてあるすぐ下（今回は13行目）からコードを入れていく。私は今回見出しのデザインを変更したいので、h2（見出し2）～h6（見出し6）までのコードを、デザインを紹介しているサイトからコピペし、あとは自分好みに太さやフォントの大きさなどを実際のサイトを見ながら調整した。.  パソコン関連 こんばんは、しまちゃんです。 昨日、家にANAの株主優待... こんばんは、しまちゃんです。 見出しについては、以前「【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 こんな時はあがいても仕方がないので、普段できないことをコツ... こんばんは、しまちゃんです。 （WordPressテーマ Cocoon 使用）, WordPressテーマ 見出しについては、以前「【Cocoon】見出し(h1〜h6タグ)をカスタマイズする」のエントリー記事でカスタマイズを行いましが、今回「見出し1(h1タグ)」～「見出し(h4タグ)」に対して少しだけ折り目のデザインを付けてみました。 だいぶ主張が強めですね。h2の見出しが多い記事だと、くどくなります笑. チメブロ, 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. しかし時折晴れ間がのぞいて天気雨になったり、不安定な感じ。 からあげ棒、ありったけ （WordPressテーマ THE THOR 使用） 無彩色でシンプルにまとめられていて、嫌われにくいデザインです。 変更後はこちら。 なこラボの見出しデザイン. 今回は、cocoonの見出しのカスタマイズについてまとめていきます。 cocoonの見出しがcssで変更できない時. 今日はやはりというかなんというか、朝は起きることができず、11時前に起床した。せっかくの天気の良い日曜日を半分無駄にしてしまった。 昨晩、さて寝ようかとブラウザを閉じ、開いていたフォルダを閉じ、メールを閉じようとしたら1通のメールに目が留まった。 これはベランダのネギ。いくら成長しても納豆を食べるたびに切られてしまう。関西ではお... こんにちは、しまちゃんです。 MASAa.blogからリニューアルしたガジェット好きmasaaのメインWordPressブログサイト このメールを見た瞬間、イスから飛び... こんばんは、しまちゃんです。 見出し(h2・h3・h4・h5・h6など)の外観を変えようとした時に、無料配布されているテンプレートのcssを検索して埋め込もうとしたことはありませんか？ 実は以前、見出しのデザインを変更したことがあった。 那覇でインフルエンザの予防接種を受ける、他. 今やれることを精一杯やる！と思いながらマイペースに過ごしています。 好奇心旺盛なので、様々なジャンルについての記事を書いていますよ♡*°, 元々は無料テーマ「Sinplicity2」を使っていたのですが、テンプレートを変えて良かったと思う点はたくさんあります。, 女性らしさと表示位置を少しずつずらして、段落が分かりやすくなるように設定してみました。, そんなCOCOONの公式ページはこちらですので、気になる方は使って見てくださいね♡, 見出し(H2・H3・H4・H5・H6など)の外観を変えようとした時に、無料配布されているテンプレートのCSSを検索して埋め込もうとしたことはありませんか？, COCOONの場合に限らず、同様の手順をしても綺麗に反映されず、デフォルトの線や背景色が残ってしまうことがあります。, しかし、このような場合はCSSの指定先を変えたり、元の色を消せば綺麗にカスタマイズできます。, まず、元々COCOONのテンプレートでカスタマイズされている背景色やボーダーを消しましょう。, 今回は女性らしいイメージに仕上げたかったので、こちらのカスタマイズで解説していきます。, 次のページでコピペで使えるCSSのコードと、それぞれの設定や変更方法についてご紹介していきますね。, COCOONの見出しをCSSでカスタマイズしたい時は、デフォルトの装飾を消してから指定しましょう。そこで、見出し装飾を消すCSSとお洒落な見出しCSSのコードをコピペで使えるテンプレートとしてご紹介しています。, 【歌ってみたはコレで完璧！】Audacityの使い方：ダウンロード・基本操作・カスタマイズや応用【完全版】, &honey(アンドハニー)のヘアオイルを3種類試してみた！髪への効果・使用感・香り【口コミレビュー】.  MASAa.blog 今日は沖縄地方は朝から雨模様となっている。現在はあがっているが、久しぶりの雨のような気がする。

Ps4 セーブデータ 拡張子 9, レゴストア クリックブリック 違い 12, 役員 異動 英語 5, 第五人格 Line シェア 方法 12, ナム ジヒョン 2019 4, セレナ 後部座席 スピーカー 5, フリーホラーゲーム おすすめ 2020 14, 星 浜 ユイ 10,