要素の検証

WordPressテーマCocoonのデフォルト『検索窓・検索フォーム・検索ボックス』言いかたはさて置き『サイト内検索』のカスタマイズをご紹介します。 検索フォームの線の色 検...

Cocoon拡張機能、スタイル欄にあるボックス（タブ）。管理画面ビジュアルエディタ上で『CHECK・ポイント・メモ』などのタイトルを『○○ポイント！』など自由に変更出来たら便利ですよね。 ...

CocoonのCocoon設定からヘッダーにロゴ：画像をいれているけど、ページ毎にロゴ（header画像）を変更したい。背景画像をガラリと変えたい。アップデートの影響を考えてPHPファイルは触...

WordPressの設定でサイト背景を画像に変更するには、管理画面の外観－カスタマイズ－背景画像より指定できます。CocoonもSimplicityもこれで対応❦ 画像を選択からメディアが立ち上...

特定のページだけ・カテゴリ毎・固定ページだけ・記事単位…などでデザインを変えたいとき、WordPressではCSSだけで指定することが可能です。 デフォルトテーマ・Cocoon・Simplici...

Font Awesome5のTwitterアイコンのクラス属性（指定方法）が『fa』から『fab』に仕様変更され、AMPで表示されなくなりました。実装する方法を色々考えた結果、WordPres...

Cocoon一覧ページのh1タグとは、カテゴリ一覧・タグ一覧・月ごとのアーカイブ一覧・書いた人author一覧などのタイトルです。 アーカイブページのh1タグ：タイトルをデォルトからホンノリ装飾...

Cocoonでトップに戻るボタンを画像に変更する設定 『Cocoon』設定を開き『ボタン』タブをクリック。『トップへ戻るボタンを表示する』にチェックが入っている事を確認したら、下へスクロ...

Cocoonのメニューに階層を付け、下層に子カテゴリなどをいれるとonマウスしたとき左へスライドして表示されます。 置いてるメニューの位置などで、幅の狭い画面で見ると下層（孫カテゴリ）の...

グローバルナビに自作画像を入れると、サイトの差別化ができると共に、文字情報ではなく視覚・感覚的に内容がわかりやすい、さらに目に留まりやすい…などのメリットがあります。 メニューに画像を使うのは、...

WordPressテーマCocoonではメインエリアの上に、ページに訪れた人への通知メッセージが設定で置けます。 記事で設定したカテゴリ毎、または記事毎によって『お知らせしたいコメント』...

WordPressPHP初心者向けにif文『もし○○のとき××』の書きかたを紹介します。使う分岐タグはギュッとしぼってin_category()、is_category()、is_single...

Cocoonのスライドイン（footer下にあるモバイル専用固定メニューボタン）はスマホ・タブレットでは画面下にずっと固定された部分です。 自分のサイトカラーやイメージに合わせてスライド...

WordPressテーマCocoonを使い参考にしたページの通り見出しの変更をしたけど、うまく反映しないのはなぜ？？と装飾し始めた頃は思うかもしれません。 大半の原因は以下の通り。 ...

WordPressで投稿前にチェックしておきたいパーマリンク・アイキャッチ画像・カテゴリ・タグなどつい設定し忘れなどありませんか？ 下書き保存するはずが、ボーっとして公開をポチ ...

目次をクリックして見出しに飛ぶと、特にh2タグは見出しデザインが見切れて見えますよね。 Cocoonの目次機能を有効化して、CSSにコピペするだけで目次クリック後の見出しがシッカリ見える...

WordPressのビジュアルエディタを使ってる人でエディタの上にあるボタン、イタリック・左右寄せ・中央揃え・インデントを増やす減らすなど…使いますか？ 使わないボタンは管理画面上から消...

CocoonもSimplicityも、親テーマに管理画面上のスタイルを変更できるadmin.cssが付いてて、かなり簡単に管理画面のスタイルを変更できます。 一番オススメしたい人はWordPre...

WordPressのテキストエディタは文字が小さく見にくいので、wp-includes/cssフォルダ内にあるWPコアファイルeditor.min.cssを直接編集していました。 アップ...

CSSでSNSフォローボタンをカスタマイズしていて、position: absolute;を使いスタイルを重ねて・重ねてカスタマイズをしおわった時。肝心のフォローボタンをクリックしても反映しない事が起...