CocoonカスタマイズCocoonスライドインのNaviメニュー！背景など可愛くカスタマイズするCSS
Cocoonでスライドインを使ってると『左下』にある『≡メニュー』ボタンをタップした、スマホ用ナビの『背景色』や『デザイン』を可愛くするCSSをご紹介❦ どのようにCSSを指定すれば『ど...
要素の検証
Cocoonカスタマイズ
プラグインSiteGuardのcaptchaが表示されない・画像が変わらない原因！WP Fastest Cacheの設定を変更すればOK
SiteGuardのCaptchaが表示されなかったり、更新してもCaptcha画像が変わらない事があったので、プラグインWP Fastest Cacheを利用しているWordPressユーザーさんは...
CocoonカスタマイズCocoonテーマのアップロード方法！インストールなど失敗する原因・対処方法付き。超初心者さん向け❦
ダウンロードしたテーマのZIPフォルダを、WordPress管理画面の『外観』－『テーマ』よりインストールする方法 インストールしたとき、"目的のフォルダーはすでに存在しています"と...
HTMLとCSSの基本table：表の作りかた！行・列を増やすHTMLタグの書きかた、初心者向けだよ❦
WordPressなどのブログ・サイトで自身で表（table）を作りたい、さらにセルを追加、よこ1行・たて1列追加をしたい初心者向けに、tebleで使うタグを自由に使えるよう説明します。 tab...
CocoonカスタマイズCocoon検索フォームのカスタマイズ！デザイン変更、入力フォーム文字変更
WordPressテーマCocoonのデフォルト『検索窓・検索フォーム・検索ボックス』言いかたはさて置き『サイト内検索』のカスタマイズをご紹介します。 検索フォームの線の色 検...
CocoonカスタマイズCocoonタブボックスのタイトルをビジュアルエディタで変更したい！コピペカスタマイズ
Cocoon拡張機能、スタイル欄にあるボックス（タブ）。管理画面ビジュアルエディタ上で『CHECK・ポイント・メモ』などのタイトルを『○○ポイント！』など自由に変更出来たら便利ですよね。 ...
CocoonカスタマイズCocoon！headerロゴ・ヘッダー背景画像をCSSだけでページ毎にスタイル変更するカスタマイズ
CocoonのCocoon設定からヘッダーにロゴ：画像をいれているけど、ページ毎にロゴ（header画像）を変更したい。背景画像をガラリと変えたい。アップデートの影響を考えてPHPファイルは触...
WordPressWordPress！ページ・カテゴリ毎に背景画像を変更CSSほぼコピペ
WordPressの設定でサイト背景を画像に変更するには、管理画面の外観－カスタマイズ－背景画像より指定できます。CocoonもSimplicityもこれで対応❦ 画像を選択からメディアが立ち上...
WordPressWordPressで記事・カテゴリ・タグ一覧・固定ページ毎にデザイン変更するCSS
特定のページだけ・カテゴリ毎・固定ページだけ・記事単位…などでデザインを変えたいとき、WordPressではCSSだけで指定することが可能です。 デフォルトテーマ・Cocoon・Simplici...
CocoonカスタマイズテーマCocoonで記事内に入れたFont AwesomeのTwitterアイコンがAMPで表示しないので対応させた方法
Font Awesome5のTwitterアイコンのクラス属性（指定方法）が『fa』から『fab』に仕様変更され、AMPで表示されなくなりました。実装する方法を色々考えた結果、WordPres...
CocoonカスタマイズCocoon一覧タイトル：h1タグを装飾・h1タグタイトル前に画像を入れる時のCSS
Cocoon一覧ページのh1タグとは、カテゴリ一覧・タグ一覧・月ごとのアーカイブ一覧・書いた人author一覧などのタイトルです。 アーカイブページのh1タグ：タイトルをデォルトからホンノリ装飾...
CocoonカスタマイズCocoon！トップに戻るボタンを画像にし、サイズ・hover画像を変えるコピペCSSカスタマイズ
Cocoonでトップに戻るボタンを画像に変更する設定 『Cocoon』設定を開き『ボタン』タブをクリック。『トップへ戻るボタンを表示する』にチェックが入っている事を確認したら、下へスクロ...
CocoonカスタマイズCocoonナビメニューに階層を付けたとき、孫メニューが はみ出し見えない対処：コピペCSS
Cocoonのメニューに階層を付け、下層に子カテゴリなどをいれるとonマウスしたとき左へスライドして表示されます。 置いてるメニューの位置などで、幅の狭い画面で見ると下層（孫カテゴリ）の...
CocoonカスタマイズCocoon！ヘッダーナビに画像を入れる、コピペCSSのカスタマイズ
グローバルナビに自作画像を入れると、サイトの差別化ができると共に、文字情報ではなく視覚・感覚的に内容がわかりやすい、さらに目に留まりやすい…などのメリットがあります。 メニューに画像を使うのは、...
CocoonカスタマイズCocoon、main上『通知メッセージ』をカテゴリ・ページ毎に変更するカスタマイズ！HTML編
WordPressテーマCocoonではメインエリアの上に、ページに訪れた人への通知メッセージが設定で置けます。 記事で設定したカテゴリ毎、または記事毎によって『お知らせしたいコメント』...
カスタマイズ複数カテゴリ・記事のPHP条件分岐！WordPress分岐タグif文・条件式の書きかた
WordPressPHP初心者向けにif文『もし○○のとき××』の書きかたを紹介します。使う分岐タグはギュッとしぼってin_category()、is_category()、is_single...
CocoonカスタマイズCocoonスライドイン（モバイル下固定メニューボタン）をCSSだけでカスタマイズ！
Cocoonのスライドイン（footer下にあるモバイル専用固定メニューボタン）はスマホ・タブレットでは画面下にずっと固定された部分です。 自分のサイトカラーやイメージに合わせてスライド...
CocoonカスタマイズCocoon見出しのカスタマイズ：hタグ装飾が反映しないとき試す（セレクタ）指定方法
WordPressテーマCocoonを使い参考にしたページの通り見出しの変更をしたけど、うまく反映しないのはなぜ？？と装飾し始めた頃は思うかもしれません。 大半の原因は以下の通り。 ...
CocoonカスタマイズWordPress管理画面のカスタマイズ！CSSコピペで投稿ミスを防止しよう：Cocoon仕様
WordPressで投稿前にチェックしておきたいパーマリンク・アイキャッチ画像・カテゴリ・タグなどつい設定し忘れなどありませんか？ 下書き保存するはずが、ボーっとして公開をポチ ...
CocoonカスタマイズCocoon！目次クリック直後、見出しに余白を入れスッキリ見やすく！コピペCSSカスタマイズ
目次をクリックして見出しに飛ぶと、特にh2タグは見出しデザインが見切れて見えますよね。 Cocoonの目次機能を有効化して、CSSにコピペするだけで目次クリック後の見出しがシッカリ見える...
