-
WordPress記事を削除しても大丈夫？安全なリダイレクト活用ガイド
ブログを整理する中で、ビジネスよりの記事と技術系の記事を分けようと、最近この「技術ブログ」を立ち上げました。 その過程で悩んだのが、「記事を別ブログに移したら、元の記事は削除していいの？」という点です。 検索順位は？SEOに悪影響は？──答えは... -
Flexboxで作るヘッダーのサンプル集
Flexboxは、CSSはWebページのレイアウトを設定できるモジュール。 Flexboxを使うと簡単に整列したり、配置できるようになるので、ヘッダーなどのレイアウトに使われています。 今回の記事では、Flexboxを使ったヘッダーの作り方を紹介します。 よくあるヘ... -
CSSとJavaScriptで作るハンバーガーメニュー
ホームページでよく出てくるパーツ「ハンバーガーメニュー」。 今回は、ハンバーガーメニューの作り方を紹介します。 ハンバーガーメニューとは ハンバーガーメニューとは、スマホなどでのクリックすると開くメニューのこと。この３本線が、ハンバーガーの... -
ラジオボタン・チェックボタンの代わりに画像選択にする方法
HTMLとCSSで、フォームのラジオボタンやチェックボタンの代わりに画像選択にする方法の紹介です。 Before After HTMLとCSS <div> <input id="image_a" type="radio" value="image_a.jpg" name="image"&g... -
箇条書きリストをおしゃれにするCSS10個
ブログ記事を書いていると頻繁に登場するのが、箇条書き。項目を並べたり、まとめるのに便利で、わたしもよく使います? 今回は、CSSコピペでできる、おしゃれなリストのデザインをご紹介します。 リストの基本の書き方 リストには「番号付き」と「番号なし... -
【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
記事を書く時に、他のホームページやブログの文章を一部紹介したいことって、けっこうありませんか？ この記事ではコピペで使えるCSSのサンプルを５つ用意しました。 ブログやWordPressで引用符（blockquote)デザインを変える方法もご紹介します。 HTMLとC... -
【CSS】シンプルで女性らしい囲み枠デザイン48選
この記事では、無料ブログ向けにコピペでできる、大人女性向けの飾り枠のデザインを用意しました。また、好きな色にアレンジする方法も解説しています。 文章の中で囲み枠を設定すると、記事内で文章を目立たせたり、メリハリをつくることができます。 読... -
コピペで作れるかわいい見出しデザインのCSS
CSSのコピペだけで反映できる、簡単な見出しデザインを用意しました。フォントのサイズや色はご自由に変更ください。 見出しを使うメリット 見出しを使うと、記事の読みやすさがUPします。 記事の要点を読者に伝えることができる 読者が目的の情報を素早く...
1