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

"要素の検証"

HTMLとCSSの基本

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

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

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

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

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

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

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

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

Chrome検証画面で、ブログの邪魔な広告・画像のHTMLタグを見つけ削除する方法

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

エックスサーバーでお問い合わせフォームを作成!プラグインなしで設置しメニューに置く方法

WordPressでブログを運営していれば、プラグインContact Form 7で簡単にお問い合わせフォームを作成することが出来ます。が!プラグインを30個以上使ってるから1つでも減らしたい...
2018.06.07
CSS

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

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

WordPressサブドメインでテスト環境を作る2つの方法

サブドメインでテスト環境として、WordPressをインストールして構築する方法です。ローカル環境と同じよう。人に見られない、検索エンジンにインデックスされないよう、ひと手間加えることが大切です。 ...
2018.05.24
HTMLとCSSの基本

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

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

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

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

CSSセレクタ指定、HTMLタグ:親子・子孫要素をしれば装飾が反映。基本から説明するね

初心者はカスタマイズしたいのに、CSSが反映されないって事があって…。(祖先)親要素(のセレクタ)を指定し、装飾すれば面白いほど自由に反映します! HTMLタグを見て親要素を知り、スタイル指定方...
2017.06.16
カスタマイズ

超時短!!ブログのテーマカラー、背景色やボーダーを一気に変更する方法 #gush4

ブログの見た目を簡単に変えたいなら、テーマの色や背景を変更するだけでイメージが変わり自分色になるんですよね。※背景やボーダーなどに画像を使うと見栄えがさらに変わってってきます。 始めて使うテーマ...
カスタマイズ

文字がはみ出してグラグラするときの解決方法word-wrap: break-word;でも無理なときword-breakをチェック!

スマホでブログを見ると、文字がはみ出し横揺れを起こしてグラグラ。Chromeでは収まってるのに、IEやFirefoxブラウザで、はみ出してることなどありますよね。 word-wrap: brea...
カスタマイズ

何で画像の枠がはみ出すの!?max-width:100%だけではダメ!そんなときの解決法

ブログで画像に線(border)と内側余白(padding)を付けて(写真枠など)装飾したとき、親要素の幅からはみ出して、スマホでグラグラ横揺れを起こしてしまいます。なんで画像の枠が収まらないのか。そ...
HTMLとCSSの基本

HTMLとは!HTMLタグとCSSのセレクタの関係、1人でカスタマイズできる為の近道

HTMLタグとCSSのセレクタの付け方が難しくって浪費してませんか?自分でカスタマイズするにはHTMLの基本を知ってないと出来ないですよね。 HTMLの基本的な事を知ればCSSが解る近道になりま...
2016.07.24
カスタマイズ

コピペでカスタマイズ!ブログに「お知らせ」を置いてユーザーに近況情報を伝えよう

トップページに運営者からの「お知らせ」を置くと、今 運営者はどんな思いで現状運営してるのか、次に何を書こうとしてるのかなど、トップページに見に来てくれた一部の人に伝える事が出来るんです。 そのカ...
2016.02.17
カスタマイズ

WordPressの投稿画面の文字が小さいっ!「phpを触らず」フォントサイズを「一時的に」大きくする方法

WordPressの投稿画面って、フォントサイズが小さいって感じた事ありませんか?ビジュアルエディターのスタイルシートを読み込む為にphpを触るのは、ちょっと嫌だし面倒だなぁって思ってるなら一度試して...
2016.02.06
CSS

CSSでスマホ対応!画面からはみ出す、グラグラ横揺れする原因!画像YouTubeブログカード、テーブル表が見切れる時の対処法

レスポンシブ対応してるブログを運営してるのに、スマホで見ると「左右にスクロールされて動く」「グラグラ横揺れ」を起こして画面からはみ出してませんか? YouTubeの動画、アップした画像、ブログカ...
2018.03.31
カスタマイズ

WordPressの投稿画面の文字が小さいのでカスタマイズやってみた!劇的に見やすくなるので紹介

あなたは、Wordpressで管理画面のビジュアル画面からブログを書いてますか?そして、フォント、見にくいなぁ。。もっと文字を見やすく大きくしたいなぁ♪って思った事ありませんか? 私は、管理画面...
カスタマイズ

トップに戻るボタンを画像に変更するカスタマイズ方法

トップに戻るボタンのカスタマイズ。初心者がコピペで簡単に出来るように、CSSとHTMLを書いてます。Stinger5(forLadys)Gush、Simplicityなら対応、確認済。 人気の無...
2016.11.08
トップへ戻る
タイトルとURLをコピーしました