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

テーマのテンプレート編集○○-php関連

カスタマイズ

内部リンクを見分けるマークを付けたい!記号・アイコンフォント・画像を表示するカスタマイズ、CSSのコード

ブログ内コンテンツに内部リンクと外部リンクを置きますよね。リンクに付けるアンカーテキストではどっちのリンクか解りにくく、見分けが欲しいので、CSSでカスタマイズしてみました。 自分のページへの内...
2016.10.28
WordPress

WordPress初心者に画像追加時のメディアを説明!画像サイズ変更・画像のURLはどこ!?キャプション・代替テキストは超大事だからチェックねっ

WordPress管理画面の投稿画面にある『メディアを追加』。その画面で簡単に画像サイズを変更したり、アップした画像のURLを知りたいけど場所が分からない。。ほか初心者は慣れるまで解らないことの説明で...
カスタマイズ

WordPress・CMSでFont Awesomeアイコンフォントを導入!最新アイコンが表示しないとき、バージョンアップ方法付き

テーマにアイコンフォントFont Awesomeを導入してないとき、簡単に導入できる方法として、リンクタグを入れる方法をWordPressを例に紹介します。 これでリンクaタグ・見出しhタグの前...
2018.01.09
WordPressローカル・テスト環境

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

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

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

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

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

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

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

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

初心者で独自ドメインで運営に!ブログ便利アイテム、ある意味怖いツールを紹介

レンタルサーバーを借りて、独自ドメインを取ってブログを運営するのに、あると便利なアイテムは人それぞれありますよね。個人的に使って便利だったもの、当たり前でも知って欲しいことなど紹介します。 ブロ...
2016.06.09
カスタマイズ

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

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

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

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

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

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

初心者向け説明、WordPressの復元方法

WordPress初心者がブログを復活させる方法は、FTPソフトでサーバーからとったバックアップファイルからの復元、データベースの復元方法です。エラーで管理画面に入れないとき、すぐに元に戻せる...
2017.10.20
カスタマイズ

「get template directory uri、get stylesheet directory uri」関数の違いは親テーマと子テーマのディレクトリURIだよ

WordPressでカスタマイズしてるときget_template_directory_uriなど見たことありますよね。これは親テーマのURIを取得する関数で、子テーマ内ファイルを読み込みたいときge...
2016.10.27
カスタマイズ

ブログの画像が表示されない9つ+αの原因!リンク切れの対処法

ブログの画像が「壊れた絵」になって表示されるのは画像のURLが変わったのが原因なんですね。CSSやHTML(投稿画面のテキストモードやphpファイルなど)に書いてるパスと一致してないからそうなります。...
2017.03.06
HTMLとCSSの基本

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

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

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

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