SWELL– tag –

私はこれまで、実際にSWELLを使って2つのコーポレートサイトを制作しました。個人ブログだけでなく、企業サイト制作でもSWELLを採用しています。その経験から、SWELLの魅力を、制作者目線でお伝えします。 コーポレートサイト制作でSWELLを選んだ理由 私が...

SWELLでコーポレートサイトを制作する際、デザインに合わせて余白調整が必要な時もありますよね。そんな時の参考記事です。  ブロック下の余白量調整 各ブロックを選択した際に右側もメニューに ブロック下の余白量調整があります。 これにより余白量の調...

SWELLでページ内リンクをさせる時、少しずれてしまう、こんな時は以下方法を試してみてください。 SWELL　ページ内リンクがずれる時の対処法 ページ内リンクを設定するとき、高度な設定＞HTMLアンカーに単語を入力すると思います。 その設定位置をもし、「...

ワードプレステーマSWELLを使って、以下のようなタブで切り替えのできるお知らせページの作り方を解説します。 タブで切り替えできるお知らせページの作成方法　手順紹介 STEPカテゴリーを作成する 今回タブで分類したいカテゴリーを先に作成します。 上記...

下層ページ（お問い合わせページ）作成 STEPお問い合わせページ（完成形） 今回作成したお問い合わせページはこのようなものです。 参考になる部分だけ使ってみてくださいね。 STEPお問い合わせ用プラグイン「WPForms」を入れて有効化する 管理画面＞プラ...

下層ページ（会社概要ページ）作成 STEP会社概要用のテーブルを作る 【＋】テーブルを挿入します。 2カラム、◯行（必要な行数）でを挿入して以下のような項目を入れます。 会社名株式会社●●代表者名●●　●●設立●●●●年●月資本金●●●●万円住所●●事業内容●●●●●●...

SWELLを使用してコーポレートサイトを制作しましたので、今回はその手順を紹介します。また以下のサイトは私がSWELLで制作したコーポレートサイトです。このようなサイトを作ることできます。作り方を紹介していきますので、参考になる部分はぜひ取り入れ...

トップページ作成 それではトップページを作成していきましょう。 メインビジュアル設定 STEPメインビジュアルの高さ・オーバーレイカラー設定 カスタマイズ＞トップページ＞■表示設定＞メインビジュアルの高さを設定（100vhとすると画面いっぱいになりま...

ヘッダー・フッター作成 それではサイトに必要なヘッダー・フッターを作っていきましょう。 STEPヘッダーメニュー作成（完成形） このようにサイト上部にメニューを表示させる方法です。 STEPヘッダーメニュー作成（手順） 管理画面＞外観＞メニュー＞メニ...

ブログ型からサイト型に整える まずワードプレスにSWELLを入れた時はブログに適した構成になっています。 コーポレートサイトとして使用するには以下のカスタマイズの手順が必要になりますので見ていきましょう。 STEP固定ページを作る トップページ、ヘッ...