PR

プログラミング

ブログ

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

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

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

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

paddingとmarginで上下左右の余白をバラバラに個別指定する7つの書き方

「padding」と「margin」をバラバラに個別指定する7つのコードの書き方を実際の画像を見ながらスッキリわかるように丁寧に詳しく解説いたします。ご自分が入れたい場所に余白スペースを簡単に入れられるようになります。楽しいので、一緒にやりましょ!
ブログ

すぐわかる!「padding」と「margin」の違いと使い分けが図解で納得

ワードプレスには欠かせない「padding」と「margin」の違いと使い分けについて、初めて聞いた方でもわかりやすいように「padding」や「margin」を指定する方法やコードの書き方まで、実際の画像を見ながら、何しろわかるように解説いたします。今日も一緒にやりましょ!
ブログ

ワードプレスでおしゃれな囲み枠の作り方はソースコードのコピペだけ

ワードプレスで簡単に使えるおしゃれな囲み枠はサンプルのソースコードをテキストの画面にコピペするだけでOKです!各ソースコードの意味(命令内容)も簡単に解説していますので、囲み枠のカスタマイズもできちゃいます。楽しいので一緒にやりましょ!
ブログ

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

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