WordPressテーマ変更!SimplicityからCocoonへ

"要素の検証"

HTMLとCSSの基本

要素の検証(デベロッパーツール)の使い方!初心者がカスタマイズできる方法!HTMLとCSS入門編

要素の検証(デベロッパーツール)は初心者がカスタマイズするのに最高のツールで、変更をリアルタイムで見ながら装飾できて便利!CSSを書いてたら文字をサジェストするからツヅリを間違えないのも良いところです...
2018.05.11
Cocoonカスタマイズ

Cocoon検索フォームのカスタマイズ!デザイン変更、入力フォーム文字変更

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

Cocoon!headerロゴ・ヘッダー背景画像をCSSだけでページ毎にスタイル変更するカスタマイズ

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

WordPress!ページ・カテゴリ毎に背景画像を変更CSSほぼコピペ

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

Cocoonナビメニューに階層を付けたとき、孫メニューが はみ出し見えない対処:コピペCSS

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

Cocoon!ヘッダーナビに画像を入れる、コピペCSSのカスタマイズ

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

Cocoon、main上『通知メッセージ』をカテゴリ・ページ毎に変更するカスタマイズ!HTML編

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

Cocoonスライドイン(モバイル下固定メニューボタン)をCSSだけでカスタマイズ!

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

WordPress管理画面ビジュアルエディタ上ボタンをスッキリさせるCSS:テーマCocoonで説明

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

WordPressテキストエディタや管理画面のスタイルをSimplicity2子テーマ内で編集するカスタマイズ

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

バックアップがないのに全削除したWordPress復元!記事・画像・CSS・パーマリンクなど

WordPressのデータベース・本体ファイルを間違ってすべて削除し、バックアップを一度もとったことが無い場合。もしキャッシュなど残っているときの、記事・画像のデータなど復元する方法です。 Wo...
カスタマイズ

Table of Contents Plusを使って、長い見出しをコンパクトに!目次h3タグをh2タグ下にリストの目次に変更する方法

目次が凄く長いとき、ページ分割するべきか。それとも見出しをh2のみ出力するべきか。など考えた時、目次をh2タグのみ表示して、そのh2タグの小見出しh3タグは、それぞれの大見出しh2タグ下に設置...
Simplicityのカスタマイズ

Simplicity関連記事の画像上にタイトルを重ね、スッキリ見せるCSSカスタマイズ

Simplicityの関連記事はサムネイルを3列・4列に表示する機能が備わってます。その画像にタイトルを重ねると、スッキリして見えたのでSimplicity2仕様のスタイルをCSSだけで作成しました。...
2017.07.08
カスタマイズ

HTMLをブラウザで表示してWindowsで勉強!HTMLファイルのカスタマイズ・CSSを読み込む方法

HTMLの勉強を独学ではじめたい。自分でCSSを書いて、スタイルを反映させたい!ドットインストールやプロゲートはひと通りやってみたから、チャレンジしたいHTML・CSS初心者さん用のページになります。...
httpからhttpsにSSL設定

httpからhttpsのSSL移行中のアフィリエイトリンク!混在コンテンツの対処

エックスサーバーの独自SSL設定後にWordPressで内部リンクをhttpからhttpsへ変更がおわったら、アフェリエイトリンクの混在コンテンツを探し、安全な通信ができるよう緑の鍵マークをつける作業...
2017.07.03
httpからhttpsにSSL設定

SSL化でhttpからhttpsに移行中、混在コンテンツの対応し緑の鍵マークを付ける工程

エックスサーバーで独自SSL設定し、WordPressで運営するブログのURL・サイトアドレスをhttpからhttpsに変更後、Chrome・Firefoxで安全な通信をする鍵に注意マークが重なる時が...
2017.07.03
httpからhttpsにSSL設定

独自SSL設定!httpからhttpsに変更するエックスサーバーでの手順

エックスサーバーでWordPressを無料で独自SSL設定して、httpからhttpsに移転しました。一般的にSSL化などといわれ、SSL通信にするとき意外と色んな工程を踏んだので、紹介します...
2017.10.25
Simplicityのカスタマイズ

CSSでTOPに戻るボタン、hover画像のみPCで表示させる超かわいい、カスタマイズ【Simplicity2】

トップに戻るボタンを画像に変更するカスタマイズは、Simplicityシリーズでは、簡単に画像に変更できます。パソコンで戻るボタンにマウスを置いたとき、別の画像を準備してonマウス・hover...
ステータスコード関連

WordPreesで自作503ページ簡単作成!ユーザーに状況を伝えるよう

503 Service Unavailableは、サーバーの503ページが表示されるけど、自分でエラーページを作成・編集して設置することも可能です。(HTMLはひな形として作成、ダウンロードで...
2018.04.17
WordPressローカル・テスト環境

WordPressのテストサイトの使い方!本番環境へ移行する方法とか

WordPressのテストサイトは完全ローカルで行うBitNamiや2分で導入できるInstantWordpPress、誰にも見せずサブドメインでテストページを構築・テストブログにファイルを移...
2017.09.28
トップへ戻る
タイトルとURLをコピーしました