WEBデザイン– tag –

メニューにカスタムリンクを設定したから、新しいタブで開くようにしたい… 今回は、Wordpressのメニューを新しいタブで開く方法をご紹介します。 とても簡単にできるので参考にしてくださいね！ 【Wordpress】メニューを新しいタブで開く まず「外観」→「...

Arkheでおしゃれなコンタクトフォームを作りたい お問い合わせフォームとして代表的なのが、プラグインの「Contact form7」です。 今回は、WordpressテーマArlkheを使用している際のcssカスタマイズをご紹介させていただきます。 【Arkhe】Contact form7カ...

テキストの背景にテキストを表示したい・・・！ テキストの背景に数字や英文字があるとおしゃれに見えますよね！ 今回は、CSSのみで背景にテキストを表示するスタイリッシュなデザインの作り方をご紹介します。 背景にテキストを表示させる方法 CSSの「::a...

SWELLのヘッダーメニューの設置方法を知りたい… 今回は、WordPress(ワードプレス)テーマ：SWELLのヘッダーメニューの基本カスタマイズ方法をご紹介します！ 【SWELL】ヘッダメニューの設置は「外観」＞「メニュー」から まずは、ヘッダーメニューの設置方...

ブログをはじめて6カ月が経ちました！ 今回は、WordPress(ワードプレス)でブログをはじめてみて6カ月経過後のPV数、検索数、収益などをご紹介したいと思います。 ブログ概要 今回紹介するブログの概要はこちらです。 媒体WordPress(ワードプレス)WordPress...

トップページにおしゃれな動画を設置したい… WordPress(ワードプレス)テーマ：SWELLでは、トップページのメインビジュアル部分に動画を設定することが可能です。 今回は、SWELLのメインビジュアルへの動画設定方法をご紹介します！ 【SWELL】メインビジュ...

トップページメインビジュアルの下に余白ができてしまった… WordPress(ワードプレス)テーマ：SWELLでサイトを作成している際に、トップページのメインビジュアルの下に余白が生まれてしまった…なんてことはないでしょうか。 今回は、SWELLでのトップページ...

メインビジュアルの最適な画像の大きさをしりたい！ SWELLでは画面いっぱいにメインビジュアルを表示させることができるのが特徴ですよね！ 今回は、WordPress(ワードプレス)テーマ：SWELLでのメインビジュアルの最適なサイズ・設定方法をご紹介します。 ...

SEOを意識したブログ記事を書いていきたい…！ 今回は、WordPress(ワードプレス)テーマ：SWELLを使いブログを書く際に、SEOに最適なブログの書き方をお伝えします。 【SWELL】SEOを意識したブログを書くポイント ブログを書く際に意識するポイントは下記の5...

ブログをはじめて5カ月が経ちました！ 今回は、WordPress(ワードプレス)でブログをはじめてみて5カ月経過後のPV数、検索数、収益などをご紹介したいと思います。 ブログ概要 今回紹介するブログの概要はこちらです。 媒体WordPress(ワードプレス)WordPress...

パンくずリストの色を変更したい… 今回は、WordPress(ワードプレス)テーマ：SWELLでのパンくずリストの色を変更する方法をご紹介します。 【SWELL】パンくずリストの色の変更方法 パンくずリストの色を変えたい場合は、CSSをカスタマイズします。 WordPres...

パンくずリストが目立ってしまうので色を変えたい… WordPress(ワードプレス)テーマ：SWELLでのパンくずリストはデフォルトで設定されているのでとても便利です。 しかし、サイトデザインによっては色を薄くして目立たないように変えたりしたいですよね。 ...

SWELLのトップ画面メインビジュアルのフォントをカスタマイズして、おしゃれにしたい… SWELLのメインビジュアルにある文字は目立つので、フォントを変えたり、サイズを変更できたらさらにかっこよくなりますよね。 今回は、WordPress(ワードプレス)テーマ...

ヘッダーにお問い合わせボタン・予約ボタンを設置したい… 今回は、WordPress(ワードプレス)テーマ：SWELLでのヘッダーメニューへのボタン設置方法をご紹介します。 【PC版】ヘッダーメニューへのボタン設置方法 PC画面のヘッダーメニュー内に、上図のよう...

固定ページのデフォルトタイトルを非表示にしたい… 今回は、WordPress(ワードプレス)テーマ：SWELLで固定ページのタイトル(h1)を非表示にする方法をご紹介します。 【SWELL】 固定ページのタイトル(h1)を非表示にする方法 タイトル(h1)を非表示にする SWEL...

使用するフォントを変更したい… 今回は、WordPress(ワードプレス)テーマ：SWELLでフォントをGoogleフォントに変更する方法をご紹介します。 デフォルトのフォント変更 SWELLにはデフォルトでフォントが4種類用意されています。 「外観」＞「カスタマイズ」...

SWELLでヘッダーの上に表示されている色のバーを消したい… WordPress(ワードプレス)テーマ：SWELLでは、デフォルト設定でトップ画面ヘッダー上部にヘッダーバーが設置されます。 今回は、SWELLのヘッダーバーを非表示にする方法をご紹介します。 【SWELL】...

パンくずリストの表示をなくしたい… 今回は、WordPress(ワードプレス)テーマ：SWELLでパンくずリストを非表示にする方法をご紹介させていただきます。 パンくずリストとは SWELLでは固定ページのページ上部にパンくずリストが表示されるよう設定されていま...

背景や画像の角を少し丸くしたい… 今回は、WordPress(ワードプレス)テーマ：SWELLで背景や画像の角に丸みをつける方法をご紹介します。 CSSはテーマに関係なく使用できるますので、他テーマをご使用の方もぜひ参考にしてください。 【SWELL】背景や画像の...

文字を縦書きにしてみたい… 文字を縦書きにすると、英文字がおしゃれになったり、日本語が和風っぽくなったりしますよね。 カスタマイズ手順①で紹介 カスタマイズ手順②で紹介 今回は、WordPress(ワードプレス)テーマ：SWELLでCSSを使って文字を縦書きにす...

見出しのデザインを変更したい… 今回はWordPressテーマ：SWELLの、“見出し”のデザインの変更方法をご紹介させていただきます。 【SWELL】見出しのデザインカスタマイズ方法 WordPressテーマ：SWELLでは、ブロック“見出し”を選択することができます。 その...

WordPress(ワードプレス)で多言語対応のサイトを作りたい… 今回は、WordPress(ワードプレス)の多言語対応の無料プラグイン「Bogo」の設定方法・使い方をご紹介したいと思います。 多言語対応プラグイン「Bogo」について WordPress(ワードプレス)には多言語...

SWELLでブロックにアニメーションをつけたい… 今回は、WordPress(ワードプレス)テーマ：SWELLでアニメーションをつけられるプラグイン「Blocks Animation: CSS Animations for Gutenberg Blocks」をご紹介します。 こんな方にオススメ！ SWELLなどのブロッ...

メインビジュアルの最適な画像の大きさをしりたい！ SWELLでは画面いっぱいにメインビジュアルを表示させることができるのが特徴ですよね！ 今回は、WordPress(ワードプレス)テーマ：SWELLでのメインビジュアルの最適なサイズ・設定方法をご紹介します。 ...