float: right;  パソコン関連 https://masaa.net/2020/01/29/post-200117-1/, 大学生と高校生の二人娘のパパで弱小ブロガー。初めての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 blog site specialized in PC produce by masaa, WordPressテーマ THE THOR(ザ・トール)での「ヘッダーのバックカラー」のカスタマイズについてまとめてみました。今回のカスタマイズでは「ヘッダーのバックカラー」を単色からグラデーション化してみました。, WordPressテーマ THE THOR(ザ・トール)での「サブメニュー」のカスタマイズについてまとめてみました。今回のカスタマイズでは、サブメニューの背景色をサイトカラーに変更、パーティションの強調、フォントの強調を行いました。, WordPressテーマ Cocoonでの「ヘッダーのアイコン」カスタマイズについてまとめてみました。今回のカスタマイズでは、ヘッダーのメニューに表示している5個のアイコンに対して色を設定し、更にサイズを大きく調整してみました。, WordPressテーマ THE THOR(ザ・トール)の「番号無しリストアイコン」のカスタマイズについてまとめてみました。今回のカスタマイズでは、Font Awesome 5の黒丸アイコンに変更しサイズと位置の調整を行ってみました。, 2019年12月18日にWordPress 5.3.2 メンテナンスリリース(WordPress 5.3.2 Maintenance Release)が公開されたので、アップデートに関するエントリー記事です。, WordPressテーマ THE THOR(ザ・トール)での「アーカイブページのアイキャッチ画像をホバー時に浮かす」カスタマイズについてまとめてみました。今回は【アーカイブページのアイキャッチ画像】に対しホバー時に浮かす処理を加えました。, WordPressテーマ Cocoonで「記事一覧のインデックスをホバー時に浮かす」カスタマイズについてまとめてみました。今回のカスタマイズは【記事一覧のインデックス】に対しホバーした時に浮かす処理を加えました。, WordPressテーマ THE THOR(ザ・トール)の「ウイジェット カテゴリー」についてカスタマイズをこれまで何度か掲載してきました。今回はMENUエリアに「ウイジェット カテゴリー」を設置表示するための対応について行いました。, 【レビュー記事】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.

ここでは「0」を指定して、枠線を非表示(なし)にしています。, 目次タイトルの部分を変更するには「toc-title」というセレクタ(クラス)を使います。, 「background-color」で背景色を、「color」で文字色を指定します。, 目次コンテンツ(見出し)部分は「toc-content」というセレクタで扱われています。, ただし、文字色に関してはCocoonの親テーマで「toc a」に「color:#333」の指定がされているので、ここでは「toc-content a」を使って上書きしています。, いくつかデザインサンプルを作りました。

Copyright © 2017-2020 うぃんすとんblog All Rights Reserved. 【Cocoonユーザー・初心者向け】Wordpressで目次のカスタマイズをやってみた結果。目次トップ横にアイコンを表示したり、見出し別に文字の表示を変えたり、ホバー時に動きをつけてみました。 THE THOR(ザ・トール) (WordPressテーマ THE THOR 使用) PlayStation Plusに加入中なのにオンラインマルチプレイ開始時に加入を求められる, Google Search Console【登録したけど全然データが反映されない】. 要素の表示形式がブロックボックス(block)で表示されているため、横並びを実現するためのCSSプロパティ(float、display)で指定する必要があると思われます。 Copyright © 2018 MASAa.net All Rights Reserved. ぶっちろぐ  パソコン関連  MASAa.net Cocoonの目次はシンプルですが、目次プラグインTable of Contents Plusと比べても機能的には特にかわらないくらいです。 h2~h6の見出しまで設定をできますので、大きさが階層別のように整理整頓されて出てくるので、見やすいです。 ブログでは特に、ページの最初に目次があると読者にとって優しいサイト作りができます。この記事では、WordPressのテーマCocoonで目次を表示する方法、設定でカスタマイズする方法、さらにサイドバーに表示してスクロールに追従させる方法を解説しています。 WordPressテーマ Cocoonの「目次」については以前にもカスタマイズを行ってきました。今回「目次」に対して、PC以外の多くの端末(スマートフォン、タブレット)でも正常に表示される「目次」となるように改めてデザインを変更してみました。 からあげ棒、ありったけ 先日、Simplicity2の後継テーマ「Cocoon」のテスト版が公開されました。さっそく別サイトで使ってみましたが、すごいですね、これ。 Simplicityのよさはそのままに、機能も使い勝手も大幅にパワーアップしています。実際に... 今回は、WordPressテーマ「Cocoon」にGoogleアドセンスの「関連コンテンツ」を設置する方法をお届けします。 「関連コンテンツ」とは、記事と関連した広告がセットになって表示されるものです。たとえばこんな感じのものです... WordPressテーマ「Cocoon」の固定ページの日付を非表示にしてみました。 消したのはこの部分「投稿日と更新日」のところです。 日付表示が消えると、このようにすっきりとした表示になります。   「お問い合わせ」や... WordPressテーマ「Cocoon」は様々なカスタマイズができます。 今回は、リスト(箇条書き)の「点」をチェックマークにしてみました。 簡単なカスタマイズですが、こうした装飾を入れるだけでも、ブログの読みやすさがずいぶんと変わ... WordPressテーマ「Cocoon」を使い始めたら、ぜひカスタマイズしたいのが「ページネーション」です。 ページネーションとは、記事一覧などの下に表示される「別ページへのリンク」のことです。 これがページネーション デフォルト... WordPressテーマ「Cocoon」では、ビジュアルエディタの『スタイル』から『ボックス(白抜き)』を選択すると、囲み枠を入れることができます。 ・・・が、初期設定のままだと、枠線が太く感じられたり、色が強いと感じたりすることがあ... COOLPIX B700、PENTAX K-70、OM-D E-M5、E-PL6とか. (WordPressテーマ Cocoon 使用), WordPressテーマ 自作PCやソフトウェア、WordPressなどPC関連専用のWordPressブログサイト パソコン選びのコツ cssが全く分からなくても。というよりも使わなくてもできるスタイル内のボックスの背景色を6倍に!合計24種類もバリエーションが増えました。誰でも5秒もあれば、できる!ちょっとズルい方法。

この記事では、WordPressテーマcocoonのスキンで使われているHTMLカラーコード32スキン61カラーをご紹介いたします。ベテランさんのブログを見ていると、色々な箇所をカスタマイズし始め、次第にテーマのスキンで使われているカラーと揃えたくなってきますよね。 数字と文字が2行に分かれて表示されてしまうのですが、その場合にはどちらを修正すれば宜しいでしょうか? 無料WordPressテーマ Cocoon 目次を「Table of Contents Plus」プラグインからWordPressテーマ Cocoonの目次機能に切り換えることにしました。それに伴ってシンプルなデザインの目次をサイトにマッチするようにカスタマイズしてみ … WordPressテーマ「Cocoon」では、記事内に目次を表示する機能があります。初期設定だと次のようなデザインになっています。バランスのいいデザインなので、「この形はくずさずに、色だけを変えたい」という方もいるかと思います。そこで今回は (WordPressテーマ THE THOR 使用) 目次コンテンツ(見出し)部分は「toc-content」というセレクタで扱われています。 ただし、文字色に関してはCocoonの親テーマで「toc a」に「color:#333」の指定がされているので、ここでは「toc-content a」を使って上書きしています。 目次のデザインサンプル MASAa.blogからリニューアルしたガジェット好きmasaaのメインWordPressブログサイト 使用させていただきました。 こんにちは!今回はWordPress無料テーマ「Cocoon」の『カラム』についての記事です。では早速いきましょう!Cocoonの記事の投稿画面には『カラム』を挿入できる機能が付いています。カラムとは列で表示する機能を言います。主に並べて表 からあげ棒、ありったけ 目次を「Table of Contents Plus」プラグインからWordPressテーマ Cocoonの目次機能に切り換えることにしました。それに伴ってシンプルなデザインの目次をサイトにマッチするようにカスタマイズしてみ … Copyright © 2018 Unity Right All Rights Reserved. シンプルがベストですが…背景画像に芝画像を設置したら、なんとなくインデックス周辺が白くてサッパリし過ぎていて何かインパクトと言うか印象を変えたくメイン背景とインデックスページの記事部分背景色を変更してみました。Cocoonのスキンはなしを使 パズドラ日記と依頼された製品レビューの記事を掲載し続けるmasaaの元祖WordPressブログサイト パソコン選びのコツ 背景画像に芝画像を設置したら、なんとなくインデックス周辺が白くてサッパリし過ぎていて何かインパクトと言うか印象を変えたくメイン背景とインデックスページの記事部分背景色を変更してみました。, Cocoonのスキンはなしを使用しています。 インデックスのカードタイプはエントリーカード(デフォルト)です。, インデックスの背景色を変更するのに色々見て探しましたが分からず(何処かに変更できる所があるかもしれません)スタイルシートに書いちゃいました。, 変更前のトップページがこんな感じです。 これはこれでシンプルで良いんですが…ちょっと寂しい?エントリーカードが白いのを変更したいと思いました。, /* main背景色 */.home .main{background-color: #008000;color: #fff;/*テキストカラー*/}.a-wrap{ /* インデックスページの記事背景色 */background-color: #fff8dc; }, スポンサーリンク、シェアするの文字が黒かったのでテキストカラーで白色にしています。, 緑色の背景でエントリーカードを薄肌色で見やすくなった感じです。 今回サイドバーは変更していませんが、サイドバーの背景色も変更していこうと考えています。自分が気にいた色に装飾してみるとサイトの雰囲気も変わって楽しいです♪最後まで読んで頂きありがとうございました。また、次の記事でお会いいたしましょう。, このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。, またphp、CSSなどを変更するときにはCocoon サポート対象外のものを読んだうえで行って下さい。, 当テーマでは、できる限りサポートを行いたいと思いますが、管理者の時間的都合上サポートできないものもあるのでご了承ください。.  MASAa.net  MASAa.blog コメントありがとうございます。参考にしていただけて良かったです! MASAa.blogからリニューアルしたガジェット好きmasaaのメインWordPressブログサイト 4.お好みの色を選びます。[色を選択]のとなりにあるボックスに「カラーコード」をコピーする方法が一番簡単だと思います。 もちろん、1番下の色パレットから選んだり、グラデーションになっている画像をクリックして気に入る色を探すこともできます。