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

HTMLとCSSの基本

HTMLとCSSの基本

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS初心者へ❦スタイルの不具合ってどうやって直すの?その工程、見てみよぉ!

幅のせまいスマホから見ると、枠から画像や文字がはみ出す。対処ページを探しコードをコピペするため検索検索検索。検索と確認をくりかえし時間を費やすより、それぞれ状況が違うから、原因を突き止めてから検索する...
CSS

CSSが効かない原因!反映させるため、ブログ初心者さんが確認する7つのこと

反映していたCSSが突然、反映しなくなった原因はホントに沢山あります。編集後のコードの消し忘れや消しすぎなどが原因です。コメントアウトのミス、CSSの構文があっているかなどを書いていきます。このほか基...
CSS

WordPress投稿のテキスト画面が、超見やすいCSSカスタマイズ!スマホ・タブレットでミスタップを防ぐコード

WordPressのエディタで記事を書いて、装飾したいときテキスト画面を開くと見にくい!またスマホやタブレットで書いてると、文字が小さく行間がないから、別の場所をミスタップ! 5分の作業でWor...
2018.01.30
NO IMAGE HTMLとCSSの基本

親要素の指定方法!ブログ初心者にCSSのセレクタ簡単な付け方を説明

ブログを見ていると、親要素という単語を見かけます。カスタマイズ初心者は、親要素を見つけるのが得意ではないので、超簡単にそれを見るける方法を書いていきますね。 ここでは、文章を書いてる部分コンテン...
HTMLとCSSの基本

ブログで邪魔な広告・画像のHTMLタグを見つけ、ワンクリ削除する方法

トップ・サイドバーにあるアドセンス(広告)。ブログ画面のスクリーンショットを撮るときは消したい!またブログを読んでいるとき、チラチラ大きく動く画像を削除したい! 超簡単に消す方法です^^ ...
2017.01.05
CSS

レスポンシブ対応!メディアクエリの書き方と書く場所。あなたのテーマはスマホファースト、PCファースト!?

レスポンシブ対応のテーマを使っていても、スマホで確認したら画像や表が画面からはみ出てたり、CSSで装飾したものがPCビューと違って幅の狭いスマホでは表示がおかしい部分がでてきます。そこでメディ...
NO IMAGE HTMLとCSSの基本

HTMLの要素!属性、属性値とは!?class名を複数設定するHTMLの書き方付

HTMLやCSSの初心者からすれば、属性と属性値という単語が、HTMLやCSSの説明で突然この言葉が出てきて話が進むと、これは何をさしてるのか意味がわからない状態のまま、読み進めますよね。 属性...
HTMLとCSSの基本

HTMLのdivとspanの違いは、ブロックレベルとインライン要素★入れ子にしたカスタマイズ例:初心者向け

初めてカスタマイズするとき、divとspanの違いって何だろうって初心者は思ってしまうものです。これはブロックレベル要素とインライン要素の違いを知ることで、解決できます。 HTMLタグを知り始め...
2017.09.11
NO IMAGE HTMLとCSSの基本

隣接セレクタ!セレクタの指定方法と色んな使用例。初心者向けページ

隣接セレクタは、同じ親要素内にある要素Aの直後の要素のスタイルだけを変えたい場合、便利です。CSSでブログの細かい部分を指定して反映させたいときに使います。 基本であるclass・id・子孫セレ...
HTMLとCSSの基本

CSSの基本、子セレクタの説明!初心者向け、子孫セレクタとの違い付き

子セレクタの使い方と、子孫セレクタの違い。また2つを複合して使う場合も結構あるので、それぞれ使用例をあげてます。 HTMLタグの要素や、親要素や子要素の関係と基本的なclass、id、タイプ、全...
HTMLとCSSの基本

CSSセレクタ指定方法!HTMLタグのid・classなど優先順位を説明

初心者のカスタマイズでCSSが反映しない、書いた内容が効かない、でもキャッシュが原因ではない。なんで反映しないのか!?それはHTMLのタグの指定方法、セレクタの選び方が理解できてないのが原因、またはC...
2017.01.02
HTMLとCSSの基本

初心者のCSSが反映されない原因の1つ!優先順位の詳細度とは

セレクタはあってるのに、CSSが効かない・何で反映しないのか!?解決法の1つ、HTMLタグに囲まれた文字・画像を装飾するとき指定する『セレクタ』pなどを囲む親要素、#mainや.article...
2016.07.21
トップへ戻る