css– tag –
-
【Booking Package】電話番号が半角数字のみ入力できるようにしたい
電話番号の入力を指定できないかな… 予約管理プラグイン【Booking Package】 Wordpressの予約管理プラグイン「Booking package」月額料金不要で、予約管理ができるので予約システムに料金をかけたくない方にオススメです！ SMSサービス「Twilio」と連携す... -
【Arkhe】ヘッダーロゴを中央にしたい
ヘッダーのロゴを真ん中に表示させたい… Wordpressテーマ「Arkhe（アルケー）」を使用したとき、ヘッダーロゴはヘッダーの左側に配置されます。 今回は、ヘッダーを画面中央に表示させる方法を紹介させていただきます。 【Arkhe】ヘッダーロゴを中央に CSS... -
【CSS】初心者でもできるかっこいいステップボックスの作り方
STEPボックスをかっこよく説明したい・・・ ユーザーに手順等を分かりやすく説明するために活用するのが「ステップボックス」ですよね。 今回は、シンプルでかっこいいステップボックスの作り方をご紹介します。 ブログやウェブサイトで使えるシンプルでス... -
【Arkhe】固定フッターメニューの作り方
スマホのフッターに出てくるメニューを作りたい！ スマホで、フッター部分にメニューが表示されるとユーザーのクリックを誘発できますよね。 今回は、Wordpressテーマ「Arkhe（アルケー）」で、スマホの固定フッターメニューを作る方法をご紹介します。 流... -
【Arkhe】Contact form7のカスタマイズ
Arkheでおしゃれなコンタクトフォームを作りたい お問い合わせフォームとして代表的なのが、プラグインの「Contact form7」です。 今回は、WordpressテーマArlkheを使用している際のcssカスタマイズをご紹介させていただきます。 【Arkhe】Contact form7カ... -
【CSSで簡単！】背景にテキストを表示する方法
テキストの背景にテキストを表示したい・・・！ テキストの背景に数字や英文字があるとおしゃれに見えますよね！ 今回は、CSSのみで背景にテキストを表示するスタイリッシュなデザインの作り方をご紹介します。 背景にテキストを表示させる方法 CSSの「::a... -
【SWELL】メインビジュアル下の余白を消したい
トップページメインビジュアルの下に余白ができてしまった… WordPress(ワードプレス)テーマ：SWELLでサイトを作成している際に、トップページのメインビジュアルの下に余白が生まれてしまった…なんてことはないでしょうか。 今回は、SWELLでのトップページ... -
【SWELL】パンくずリストを非表示にしたい
パンくずリストの表示をなくしたい… 今回は、WordPress(ワードプレス)テーマ：SWELLでパンくずリストを非表示にする方法をご紹介させていただきます。 パンくずリストとは SWELLでは固定ページのページ上部にパンくずリストが表示されるよう設定されていま... -
【SWELL】文字を縦書きにしたい / CSSカスタマイズ方法
文字を縦書きにしてみたい… 文字を縦書きにすると、英文字がおしゃれになったり、日本語が和風っぽくなったりしますよね。 カスタマイズ手順①で紹介 カスタマイズ手順②で紹介 今回は、WordPress(ワードプレス)テーマ：SWELLでCSSを使って文字を縦書きにす... -
【SWELL】Googleフォントへのフォント変更方法
使用するフォントを変更したい… 今回は、WordPress(ワードプレス)テーマ：SWELLでフォントをGoogleフォントに変更する方法をご紹介します。 デフォルトのフォント変更 SWELLにはデフォルトでフォントが4種類用意されています。 「外観」＞「カスタマイズ」... -
【SWELL】背景や画像の角に丸みをつけたい/追加CSSカスタマイズ
背景や画像の角を少し丸くしたい… 今回は、WordPress(ワードプレス)テーマ：SWELLで背景や画像の角に丸みをつける方法をご紹介します。 CSSはテーマに関係なく使用できるますので、他テーマをご使用の方もぜひ参考にしてください。 【SWELL】背景や画像の... -
【SWELL】CSSクラス(CSS class)の設定方法
追加CSSでカスタマイズしたいけれど、"CSSクラス"をどう設定したらいいのかわからない… 今回は、WordPress(ワードプレス)テーマ「SWELL」での"CSSクラス(CSS class)"の設定方法をご紹介させていただきます。 SWELLでのCSSクラス設定方法 STEPブロックを選...
12
