カスタマイズ

Cocoonカスタマイズ

Cocoonテーマのアップロード方法!インストールなど失敗する原因・対処方法付き。超初心者さん向け❦

ダウンロードしたテーマのZIPフォルダを、WordPress管理画面の『外観』-『テーマ』よりインストールする方法 インストールしたとき、"目的のフォルダーはすでに存在しています"と...
HTMLとCSSの基本

table:表の作りかた!行・列を増やすHTMLタグの書きかた、初心者向けだよ❦

WordPressなどのブログ・サイトで自身で表(table)を作りたい、さらにセルを追加、よこ1行・たて1列追加をしたい初心者向けに、tebleで使うタグを自由に使えるよう説明します。 tab...
Cocoonカスタマイズ

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

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

Cocoonタブボックスのタイトルをビジュアルエディタで変更したい!コピペカスタマイズ

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

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

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

WordPressで記事・カテゴリ・タグ一覧・固定ページ毎にデザイン変更するCSS

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

Cocoon!トップに戻るボタンを画像にし、サイズ・hover画像を変えるコピペCSSカスタマイズ

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

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

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

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

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

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

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

Cocoon見出しのカスタマイズ:hタグ装飾が反映しないとき試す(セレクタ)指定方法

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

WordPress管理画面のカスタマイズ!CSSコピペで投稿ミスを防止しよう:Cocoon仕様

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

Cocoon!目次クリック直後、見出しに余白を入れスッキリ見やすく!コピペCSSカスタマイズ

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

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

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

Coccon管理画面スタイル変更に!CSSを子テーマに導入コピペで簡単、実装方法

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

エックスサーバーでSSH接続!Tera Termのインストール~初期設定、設定保存方法

WordPressの『サイズが大きすぎるデータベース(sqlファイル)』は、phpMyAdminでは500 internal server errorなどのエラーが出て扱う事ができません。 ...
Simplicityのカスタマイズ

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

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

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

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

Simplicity2スマホ・スライドインのカスタマイズ!TOPに戻るボタンを画像に変更など…

Simplicity2のスマホで記事下や上にあるスライドインの検索・トップに戻る・サイドバーボタンを変更するカスタマイズ方法です。 PCビューでTOPに戻るボタンを画像にしているので、ス...
CSS

カエレバでAmazon写真が超縦長で、画像大にすると はみ出すときの2つの対処法

カエレバデザインをamazlet風-2(cssカスタマイズ用)・画像大を選択したとき、想定外の縦長画像をAmazonで掲載されてる場合、カエレバの枠から画像が はみ出します。 大画面で見...
トップへ戻る