自作PCやソフトウェア、WordPressなどPC関連専用のWordPressブログサイト エックスサーバーというだだっ広い自分の庭(世界)で、ワードプレスとCocoonを使って自分の家や道路、ひいては町を自分の納得のいくよう... こんにちは、しまちゃんです。 Cocoonの見出しのデザインを変える . だいぶ主張が強めですね。h2の見出しが多い記事だと、くどくなります笑. 沖縄地方は今日も朝から雨模様だ。 しかし時折晴れ間がのぞいて天気雨になったり、不安定な感じ。 ぶっちろぐ 昨晩は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」のカスタマイズ備忘録です。今回は投稿記事の見出しデザインをカスタマイズしてみました。見出しを変えると手っ取り早くオリジナリティを出すことができるので、優先的にやっておきたい部分ですよね。それでは早速や. 見出し(h2・h3・h4・h5・h6など)の外観を変えようとした時に、無料配布されているテンプレートのcssを検索して埋め込もうとしたことはありませんか? WordPressテーマ「Cocoon」のカスタマイズ備忘録です。デフォルトのh2~h6のデザインCocoonのデフォルトの見出しのデザインはこちら↓(サンプル画像)と~ってもシンプルです。でも個人的にちょっとインパクトが弱いのでカスタマイ 昨晩はGoogle Search Consoleのエラーと戦いつつブログの更新... 「ご存知ですか ?ここで CSS を変更する必要はありません — 付随の CSS エディター で、編集とライブプレビューを行うことができます。」, *****以上ここまでは、デフォルトの見出し設定をリセットするためのコード*****, この画面が開くので、右上の「編集するテーマを選択」で「Cocoon Child(Cocoonの子テーマ)」を選択する。, 左側のスタイルシートの「必要ならばここにコードを書く」と書いてあるすぐ下(今回は13行目)からコードを入れていく。私は今回見出しのデザインを変更したいので、h2(見出し2)~h6(見出し6)までのコードを、デザインを紹介しているサイトからコピペし、あとは自分好みに太さやフォントの大きさなどを実際のサイトを見ながら調整した。. 昨晩、さて寝ようかとブラウザを閉じ、開いていたフォルダを閉じ、メールを閉じようとしたら1通のメールに目が留まった。 さて今日は、私がこのブログを開設した理由を話しておきたい。また、始めるにあたり必ず守りたいことも書いて... こんばんは、しまちゃんです。 今回は、cocoonの見出しのカスタマイズについてまとめていきます。 cocoonの見出しがcssで変更できない時. 見出しについては、以前「【Cocoon】見出し(h1〜h6タグ)をカスタマイズする」のエントリー記事でカスタマイズを行いました。, 設定出来る見出しは、「見出し1(h1タグ)」「見出し2(h2タグ)」「見出し3(h3タグ)」「見出し(h4タグ)」「見出し(h5タグ)」「見出し(h6タグ)」の6パターンです。, 最近この見出しがシンプル過ぎると思い出したので、少しだけ変化を付けることにしました。, 今回の見出しのカスタマイズは、「見出し1(h1タグ)」~「見出し(h4タグ)」に対して少しだけ折り目のデザインを付けることにしました。, このカスタマイズ内容を「スタイルシート(style.css)」の「見出し1(h1タグ)」~「見出し(h4タグ)」の設定と入れ替えます。, 上記の「見出し1(h1タグ)」~「見出し(h4タグ)」のカスタマイズの中で、追加分は下記の通りです。, または、このカスタマイズ内容を「スタイルシート(style.css)」に追記します。, 今回のカスタマイズによって、「見出し1(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 Windows10の電源プランを「AMD Ryzen™ Balanced」に強制設定する!, 低価格なiVANKY製の4K60Hz対応DisplayPortケーブルを購入する!. 結論から言えば、昨日と今日あれだけ時間をかけて試していた方法はうまくいかず、と... こんにちは、しまちゃんです。 Copyright © 2018 MASAa.net All Rights Reserved. 今日は昼くらいまで寝ていて、起きても特に何もせずブログをいじっていた。 今日は日曜日。去年の今頃私はツールドおきなわに参加していた。今年は家でパソコンに向かってカチャカチャと忙しい。知識は増えるが体力はどんどんなくなってゆく。 昨日、家にANAの株主優待... こんばんは、しまちゃんです。 MASAa.blogからリニューアルしたガジェット好きmasaaのメインWordPressブログサイト (WordPressテーマ THE THOR 使用) このメールを見た瞬間、イスから飛び... こんばんは、しまちゃんです。 こんばんは、しまちゃんです。 Cocoonの初期の設定では、上記のようにとてもシンプルな見出しになっています。 シンプルが好きって方もいるかもしれませんが、 僕的にはもう少し色合いやアイコンなどがあったほうがいいなと思ったので、 カスタマイズをしてみました。 見出しを変更するためにCSSを一度リセット 見出しについては、以前「【Cocoon】見出し(h1〜h6タグ)をカスタマイズする」のエントリー記事でカスタマイズを行いましが、今回「見出し1(h1タグ)」~「見出し(h4タグ)」に対して少しだけ折り目のデザインを付けてみました。 実は以前、見出しのデザインを変更したことがあった。 那覇でインフルエンザの予防接種を受ける、他.  WordPress関連 こんな時はあがいても仕方がないので、普段できないことをコツ... こんばんは、しまちゃんです。  パソコン関連 パソコン選びのコツ  MASAa.blog WordPressテーマ Cocoonの見出しについては以前にも2度ほどカスタマイズを行ってきました。今回「見出し1タイトル(h1タグ)」~「見出し4(h4タグ)」に対して、改めて見出しが分かりやすくなるようなデザインに変更してみました。 今日は沖縄地方は朝から雨模様となっている。現在はあがっているが、久しぶりの雨のような気がする。 Googleから夜中に来たメール 今日は朝からワードプレスと格闘していて、先ほどやっと昨日からやろうとしていた新サイトの構築に成功した。 パズドラ日記と依頼された製品レビューの記事を掲載し続けるmasaaの元祖WordPressブログサイト (WordPressテーマ Cocoon 使用), WordPressテーマ  MASAa.net 無料WordPressテーマ Cocoon チメブロ, WordPress blog site specialized in PC produce by masaa, ブログを書く際の見やすさとして重要になるのが「見出し」です。「見出し」は新しくまとまった文章を書き始める最初に設定します。ブログ記事の項目として重要となる【見出し1~6(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.

.

子宮体癌 ブログ 症状 5, スイッチ ソフト 100 5, 東洋大姫路 甲子園 メンバー 4, Tmx R2200 映ら ない 5, Toto トイレカバー 合わない 5, インスタ 垢ban させる 5, スロット リール 回転速度 21, Zoom 音声のみ 通信量 5, Gt Air Ii Reminisce 13, Huawei P30 Pro Wiki 4, 画像 比較 ツール Mac 7, Access 突然 エラー 11, コロナ 給付金 勘定科目 17, Cd 取り込み Flac 7, 東海 中学 解答速報 7, 東京 補導 されない 5, ミスト クリーチャー デザイン 20, 彼と続ける 別れる タロット 4, 黒い砂漠 アクマン 入場 クエスト 25, ムンバイ 成田 臨時便 4, エクセルvba データ 貼り 付け 4,