CSS・HTML– category –
-
【Arkhe】ヘッダーロゴを中央にしたい
ヘッダーのロゴを真ん中に表示させたい… Wordpressテーマ「Arkhe（アルケー）」を使用したとき、ヘッダーロゴはヘッダーの左側に配置されます。 今回は、ヘッダーを画面中央に表示させる方法を紹介させていただきます。 【Arkhe】ヘッダーロゴを中央に CSS... -
【CSS】初心者でもできるかっこいいステップボックスの作り方
STEPボックスをかっこよく説明したい・・・ ユーザーに手順等を分かりやすく説明するために活用するのが「ステップボックス」ですよね。 今回は、シンプルでかっこいいステップボックスの作り方をご紹介します。 ブログやウェブサイトで使えるシンプルでス... -
【CSSで簡単！】背景にテキストを表示する方法
テキストの背景にテキストを表示したい・・・！ テキストの背景に数字や英文字があるとおしゃれに見えますよね！ 今回は、CSSのみで背景にテキストを表示するスタイリッシュなデザインの作り方をご紹介します。 背景にテキストを表示させる方法 CSSの「::a... -
【CSSで簡単！】アニメーション付き棒グラフの作り方
おしゃれなグラフをcssで作りたい・・・ サイト内にグラフを挿入したいときもありますよね！ 今回は、おしゃれなグラフの作り方をご紹介させていただきます。 棒グラフ 横向き棒グラフ シンプルな横向きの棒グラフです。棒グラフが左側から伸びるアニメー... -
【CSSで簡単！】見出しのおしゃれなデザイン集
おしゃれな見出しを作りたい・・・ サイトのデザインがおしゃれでも、見出しのデザインがかっこよく決まらない時がありますよね。 今回は、cssのみでできる見出しのおしゃれなカスタマイズを紹介させていただきます。 見出しデザイン 今回は、全て下記h1タ... -
【SWELL】背景や画像の角に丸みをつけたい/追加CSSカスタマイズ
背景や画像の角を少し丸くしたい… 今回は、WordPress(ワードプレス)テーマ：SWELLで背景や画像の角に丸みをつける方法をご紹介します。 CSSはテーマに関係なく使用できるますので、他テーマをご使用の方もぜひ参考にしてください。 【SWELL】背景や画像の... -
【SWELL】CSSクラス(CSS class)の設定方法
追加CSSでカスタマイズしたいけれど、"CSSクラス"をどう設定したらいいのかわからない… 今回は、WordPress(ワードプレス)テーマ「SWELL」での"CSSクラス(CSS class)"の設定方法をご紹介させていただきます。 SWELLでのCSSクラス設定方法 STEPブロックを選... -
【SWELL】メインビジュアルのフォント・サイズ変更方法
SWELLのトップ画面メインビジュアルのフォントをカスタマイズして、おしゃれにしたい… SWELLのメインビジュアルにある文字は目立つので、フォントを変えたり、サイズを変更できたらさらにかっこよくなりますよね。 今回は、WordPress(ワードプレス)テーマ...
1