PR

ワードプレス

ブログ

簡単!CocoonでFont Awesome 5アイコンの色やサイズを変更

Font Awesome 5のWebアイコンフォントの色やサイズ、回転をCSSをいじらなくても簡単に変更できるカスタマイズ方法を解説します。CocoonならFont Awesomeのアイコンフォントを使うのも、変更するのもとても簡単にできますので一緒にやりましょ!
ブログ

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

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

Cocoon本文にWebアイコンフォントを表示する簡単カスタマイズ

WordPressのCocoon本文中に素敵なWebアイコンフォント(fonto awesome 5)を簡単に表示する方法です。Webアイコンフォントはボックスメニューだけでなく記事の文章内にも表示して使うことができます。Webアイコンフォントを使うと楽しいので、一緒にやりましょ!
ブログ

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

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

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

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

ワードプレスで文字幅に合わせた囲み枠のサンプルコードで簡単に設置

ワードプレスの囲み枠の中から文字幅や文章の長さに合わせた囲み枠の解説です。シンプルな囲み枠やタイトル付きのサンプルもありますので「テキスト」の画面にペーストするだけでオシャレな文字を囲った枠が完成します。簡単で楽しいので一緒にやりましょ!
ブログ

WordPressのショートコードを文字列のまま本文に表示させる方法

WordPressのショートコードをそのままテキストの文字列で本文に表示する方法を解説いたします。本文にただショートコードを書いてもショートコードが実行されて、コード自体を表示することができませんが、コレ、簡単に解決しますので、一緒にやりましょ!
ブログ

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

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

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

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

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

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