ブログのテーマを変更しました!WordPressテーマ:Cocoon利用中

カスタマイズ

CSS

スマホでサイトが横揺れしてはみ出る・見切れるときのスタイル:対処方法まとめ

ブログ・サイトでスマホで見た時、はみ出す:左右にグラグラ横揺れする:見切れる:横スクロールしてしまう時、追加すると良いスタイルを紹介します。 それでも反映しないとき、何をするべきか。その
Simplicityのカスタマイズ

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

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

CSS position: absolute;の指定でボタン画クリックできない!z-indexが効かない原因と解決方法

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

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

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

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

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

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

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

WordPress投稿画面クイックタグのカスタマイズ!記事にタグ追加が超簡単:Simplicity

Simplicity2では簡単に記事のスタイルを追加できるよう、ビジュアル・テキストエディタからHTMLタグを追加するTinyMce機能が付いた仕様です。 便利な機能なのでカスタマイズで自分仕様
CSS

カエレバ、デザイン変更CSSカスタマイズ!ほか簡単な登録方法

カエレバのデザインを変更したい場合の変更方法とCSSでのスタイルを紹介します。カエレバはWordPress・はてなブログ、その他の無料のブログサービスでも利用できるのでデザインの変更方法を色々書いてる
カスタマイズ

リンク前、ボタンバッジ!行頭を揃えた、おしゃれなカスタマイズ

リンクaタグ前にリンク元の内容を表す『参考』・『Link』・『引用元』などボタンのようなバッジで、行の頭を揃えスッキリしたスタイル。HTMLとCSSをコピペで活用できるコードを紹介します。 リン
カスタマイズ

メルマガ登録フォームのデザイン!WordPressプラグインMailPoet Newslettersボタン:CSSカスタマイズ

メールマガジンの購読者を増やすため、WordPressプラグインMailPoet Newslettersをいれたら、ボタンのデザインがどうも栄えない!『もっと見栄えをよくしたい』とお考えでした
Simplicityのカスタマイズ

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

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

該当HTMLを囲む親要素・属性を付けて、範囲指定して装飾する書き方!

headerタイトル、記事部分、asideサイドバー、footerのシンプルなHTMLタグ特有のHTMLタグを囲む『親要素』。またタグ内に『属性』を一緒に付けて、指定範囲のみスタイルを指定してましょう
カスタマイズ

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

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

not setが急増!アナリティクスでページタイトルが取得できなくなった原因と対処法!Simplicity編

アナリティクスでページタイトルが取得できず大量のnot setがいきなり増えました。どの検索エンジンも・direct・ソーシャル・リファラからもnot setが激増したんです。リファラスパムが原因では
Simplicityのカスタマイズ

Simplicityスマホで、画像img・iframe・表tableが見切れて横揺れ・はみ出す時、CSSで対処

WordPressの初心者におすすめ1・2位だと思う無料テーマのSimplicity。スマホでグラグラ横揺れを起こす原因と対処法を徹底的に説明します。 コンテンツ部分の枠から画像やifr
CSS

AddQuicktagの装飾!WordPressビジュアルエディタにCSSを反映させよう

AddQuicktagはあらかじめ登録しておくことで、定型文やHTMLタグを本文中に出力できる便利なWordPressのプラグインです。 WordPressのビジュアルエディタ上で装飾を
Simplicityのカスタマイズ

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

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

【CSSで画像指定】背景・コンテンツ前後に画像を使う、基本スタイル集!ブログのカスタマイズ

ブログの一部に画像を使いスタイルを変更するカスタマイズ!CSSで指定する色々な方法を初心者向けに紹介します。 本文やサイドバーなど、装飾したいタグ前後に ボーダーの代わりに画像
カスタマイズ

CSSで番号なしulリストマークのカスタマイズ!※子要素がズレる・はみ出す原因text-indentは入れちゃダメ

番号なしulリスト前li:beforeマークの数字をCSSでスタイルをキレいに見やすく装飾するカスタマイズです。 リストの装飾にtext-indentを使ったカスタマイズを使っていたら子要素がズ
カスタマイズ

番号なしulリストを記号・マーク・画像で装飾!CSS初心者が応用できるカスタマイズ説明あり

番号なしulリスト前の『・』をCSSでカスタマイズして変更する3つの方法と、目次のプラグインTable of Contents PlusのリストマークをCSSで消すセレクタなどを紹介します。
トップへ戻る