PR

ワードプレス

ブログ

Font AwesomeのWebアイコンフォントを行頭に表示させる方法

Font AwesomeのWebアイコンフォントを行の先頭に表示させる方法です。そのまま左端にコードを入力するとコードが消えてしまい左端にFont Awesomeが表示されないのですが、簡単にWebアイコンフォントを表示することができますので、一緒にやりましょ!
ブログ

HTMLだけでOK!文節の途中で勝手に改行させない簡単な方法

文節の途中で勝手に改行させない簡単な方法です。ワードプレスの「コード」の画面に書くだけで改行を防げます。「Mr.」と「 Smith」が改行されて離れずに、いつも一緒の行に表示することができます。読みやすくデザイン的にも良いので、一緒にやりましょ!
ブログ

HTMLで特殊文字の「 」をそのままブログに表示させる方法

改行禁止のスペースである「 」(ノーブレークスペース)をそのままWeb上やブログに表示させる解説です。通常表示されない特殊文字や記号などは通称HTMLエンティティ(文字参照)と呼ばれる文字コードを使えば簡単に表示させることができます。簡単ですので一緒にやりましょ!
ブログ

HTMLソースコードをそのままブログサイトに表示させる方法

ブログにソースコードをそのまま表示させる方法の解説です。コードによく出てくる小なり記号「<」や大なり記号「>」には特殊文字を使えばそのままの「<」や「>」をサイトに表示することができます。簡単ですので、一緒にやりましょ!
ブログ

WordPressのブログに「Googleストリートビュー」を埋め込む方法

ブログなどのWebサイトにGoogleストリートビューを埋め込んで表示させる方法です。画像を見ながら解説していますので、簡単にストリートビューを表示させることができ、ブログ内で操作が可能になります。利便性も上がりますので、一緒にビューしましょ!
ブログ

ワードプレスに「Googleマップ」の埋め込みを簡単に表示する方法

ワードプレスにGoogleマップの埋め込みを簡単に表示する方法です。いつも最新の地図を表示でき閲覧者の方は埋め込まれたGoogleマップを操作して場所を確認できます。権利帰属表示やルールを厳守して便利で楽しいサイトを一緒にGoogleマップしましょ!
ブログ

WordPressで「上付き文字」と「下付き文字」を簡単に入力する方法

WordPressで右上や右下に小さい文字の「上付き文字」と「下付き文字」を簡単に表示する方法です。WordPressで、注意「※1」やm「2」CO「2」などの文字を小さく表示できます。オリジナルのデザインにも使えるので一緒にやりましょ!
ブログ

メタディスクリプションが違う記事の検索結果に!反映されないが直った対策

メタディスクリプションが他の記事の検索結果に表示されていたのを見つけました。タイトルとメタディスクリプションの内容が違うので困ったのですがちょっとしたことで直ったので同じ状況の方の参考になればと思いUPしました。一緒に直しましょ!
ブログ

ワードプレスで囲み枠のHTMLソースコードから読み方と意味を解く

ワードプレスで囲み枠のHTMLソースコードから、実際に指定された画像と照らし合わせながらソースコードを1つ1つ読み解きます。このコードは線種の指定!これは余白を指定!など、コードの意味がわかれば自分でコードが書けるようになります。楽しいので一緒にやりましょ!
ブログ

ワードプレスで「角を丸くする囲み枠」のコピペ用サンプルとソースコード集

ワードプレスのHTMLで角を丸くする囲み枠がすぐにコピペで使える画像サンプル付きのソースコード集です。角を丸くする「border-radius」を使って簡単におしゃれな囲み枠が完成します。書き方もわかっちゃいますので一緒にやりましょ!