Boon ☆ブログテクニック紹介ブロガー（旅行好き）

ブログテクニック紹介ブログと海外旅行・国内旅行ブログを発信しています。いつかは海外ノマ…

Boon ☆ブログテクニック紹介ブロガー（旅行好き）

ブログテクニック紹介ブログと海外旅行・国内旅行ブログを発信しています。いつかは海外ノマドブロガーで暮らしたいですね。 《ブログ》 ブログテクニック → https://boonboonblog.com/ 旅行ブログ → http://boonboonstar.com
  • 固定された記事

AFFINGER サイトデザイン（スタイリッシュなショップ型）作り方を完全解説

【はじめに】本記事では、WordPress のテーマ「AFFINGER」のサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 サイトタイトル（主にショップ名）とメニューはシンプルに、ファーストアイで美容院（店内）のイメージで読者を引き寄せます。 スクロールした下にはお店のスタイリッシュな感じを表すイメージでコンセプトを配置、美しさを併せ持ちます。 アニメーションをたくさん使っていますの

580
Boon ☆ブログテク…

    • SWELL サイトデザイン（スタイリッシュなネイル・エステ系店舗サイト）作り方を完全解説

      【はじめに】本記事では、WordPress のテーマ「SWELL」で作ったサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 SWELLテーマを利用したネイルサロンやエステサロンにぴったりのデザインです。CSSで工夫を入れてアニメーションプラグインで動きを付けました。SWELLは素敵なデザインのサイトを簡単に作れる優良なテーマですね。 また、メニューから遷移する各紹介ページについても上部

      1,780
      Boon ☆ブログテク…

      • SWELL サイトデザイン（画像をリストっぽく表示するトップページ）作り方を完全解説

        【はじめに】本記事では、WordPress のテーマ「SWELL」で作ったサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 SWELLテーマを利用した写真集的なデザインです。CSSで工夫を入れてアニメーションプラグインで動きを付けました。SWELLは素敵なデザインのサイトを簡単に作れる優良なテーマですね。 また、トップページについては、左側のイメージメニューと右側のNEWSエリアを固定

        580
        Boon ☆ブログテク…

        • SWELL サイトデザイン（スタイリッシュな和食処）作り方を完全解説

          【はじめに】本記事では、WordPress のテーマ「SWELL」で作ったサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 SWELLテーマを利用したスタイリッシュなデザインです。CSSで少し工夫を入れてアニメーションプラグインで動きを付けました。SWELLは素敵なデザインのサイトを簡単に作れる優良なテーマですね。 実際のサンプルサイトはこちら 本サンプルサイトは「SWELL」を利用

          580
          Boon ☆ブログテク…
        • 固定された記事

        AFFINGER サイトデザイン（スタイリッシュなショップ型）…

        Boon ☆ブログテクニック紹介ブロガー（旅行好き）

          SWELL サイトデザイン（シンプルデザイン）作り方を完全解説

          【はじめに】本記事では、WordPress のテーマ「SWELL」で作ったサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 SWELLテーマを利用したシンプルなデザインです。SWELLの機能をそのまま素直に使って作ったサイトになります。すでに洗練していてスタイリッシュでカッコいい。素敵なデザインのサイトを簡単に作れる優良なテーマですね。 実際のサンプルサイトはこちら 本サンプルサイト

          Boon ☆ブログテク…

          SWELL サイトデザイン（シンプルデザイン）作り方を完全解説

          Boon ☆ブログテクニック紹介ブロガー（旅行好き）

          AFFINGER サイトデザイン（コミカル＆おしゃれカフェ）作り方を完全解説

          【はじめに】本記事では、WordPress のテーマ「AFFINGER」のサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 動画を背景にしつつコミカル＆おしゃれなサイトデザインです。ファーストインパクトに多様な動きを魅せるることでオシャレかつオリジナリティのあるサイトを演出します。 スマホで見た場合、カップル二人が花輪の中に来るように演出しています。 実際のサンプルサイトはこちら

          980
          Boon ☆ブログテク…

          AFFINGER サイトデザイン（コミカル＆おしゃれカフェ）作…

          Boon ☆ブログテクニック紹介ブロガー（旅行好き）

          SWELL サイトデザイン（左側にナビを固定＆スタイリッシュデザイン）作り方を完全解説

          【はじめに】本記事では、WordPress のテーマ「SWELL」で作ったサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 全体的に白貴重でシンプル＆スタイリッシュにまとめたデザインです。グローバルナビを左側に固定してマウスオーバーで開く仕掛けを入れています。 実際のサンプルサイトはこちら 本サンプルサイトは「SWELL」を利用しています。 ■ SWELL のインストール SWE

          380
          Boon ☆ブログテク…

          SWELL サイトデザイン（左側にナビを固定＆スタイリッシュ…

          Boon ☆ブログテクニック紹介ブロガー（旅行好き）

          SWELL サイトデザイン（動画背景、大人なデザイン）作り方を完全解説

          【はじめに】本記事では、WordPress のテーマ「SWELL」で作ったサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 動画を背景にしたクールなサイトデザインです。動画を使うことでオシャレかつオリジナリティのあるサイトを演出します。 実際のサンプルサイトはこちら 本サンプルサイトは「SWELL」を利用しています。 ■ SWELL のインストール SWELL のインストールと初

          Boon ☆ブログテク…

          SWELL サイトデザイン（動画背景、大人なデザイン）作り方を完全解説

          Boon ☆ブログテクニック紹介ブロガー（旅行好き）

          AFFINGER サイトデザイン（動画を背景にする）作り方を完全解説

          【はじめに】本記事では、WordPress のテーマ「AFFINGER」のサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 動画を背景にしたクールなサイトデザインです。動画を使うことでオシャレかつオリジナリティのあるサイトを演出します。 実際のサンプルサイトはこちら 記載の内容に沿って設定することで、サンプルサイトと同じようなデザインをご利用いただけます。 本サンプルサイトは「AC

          380
          Boon ☆ブログテク…

          AFFINGER サイトデザイン（動画を背景にする）作り方を完…

          Boon ☆ブログテクニック紹介ブロガー（旅行好き）

          AFFINGER サイトデザイン（シンプル＆クール）作り方を完全解説

          【はじめに】本記事では、WordPress のテーマ「AFFINGER」のサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 シンプルで、クールなブログ型です。背景白地で記事・文字が読みやすく、ヘッダーをブラック系で仕上げることでクールさを演出しています。 スマホで見た場合でも、シンプル＆クールな見た目で演出しています。 実際のサンプルサイトはこちら 記載の内容に沿って設定することで

          Boon ☆ブログテク…

          AFFINGER サイトデザイン（シンプル＆クール）作り方を完全解説

          Boon ☆ブログテクニック紹介ブロガー（旅行好き）

          AFFINGER サイトデザイン（ブログ型かわいいパターン）作り方を完全解説

          【はじめに】本記事では、WordPress のテーマ「AFFINGER」のサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 ピンクを基調に、可愛らしい雰囲気でサイトをかわいく見せています。ブログ記事を全面にならべて読者が好きな記事を選びやすくしています。 実際のサンプルサイトはこちら 記載の内容に沿って設定することで、サンプルサイトと同じようなデザインをご利用いただけます。 本サン

          Boon ☆ブログテク…

          AFFINGER サイトデザイン（ブログ型かわいいパターン）作り方を完全解説

          Boon ☆ブログテクニック紹介ブロガー（旅行好き）

          AFFINGER サイトデザイン（クールで大人な演出型）作り方を完全解説

          【はじめに】本記事では、WordPress のテーマ「AFFINGER」のサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 カクテルを題材にしたサイトイメージから大人でシックな演出を、ファーストアイでカクテルコンシェルジュのイメージがゆっくり左から右にスライドする動きで一気に読者を引き寄せます。 実際のサンプルサイトはこちら 記載の内容に沿って設定することで、サンプルサイトと同じよう

          380
          Boon ☆ブログテク…

          AFFINGER サイトデザイン（クールで大人な演出型）作り方…

          Boon ☆ブログテクニック紹介ブロガー（旅行好き）

          AFFINGER サイトデザイン（サイト型基本）メニューの背景を透明にする作り方などを完全解説

          【はじめに】本記事では、WordPress のテーマ「AFFINGER」のサンプルサイトと同じサイトデザインができる方法を解説しています。 ■ サンプルサイト 本記事で作成方法を紹介するサンプルサイトです。 ヘッダーメニューの背景を透過してすっきりしたデザインにしています。全体的に AFFINGER の特徴を活かしたサイト型のデザイン構成です。 実際のサンプルサイトはこちら 記載の内容に沿って設定することで、サンプルサイトと同じようなデザインをご利用いただけます。

          Boon ☆ブログテク…

          AFFINGER サイトデザイン（サイト型基本）メニューの背景を透明にする作り方などを完全解説

          Boon ☆ブログテクニック紹介ブロガー（旅行好き）