MENU
  • 特徴紹介
  • 導入方法
  • テクニック
  • サンプル
Enjoy SWELL
  • 特徴紹介
  • 導入方法
  • テクニック
  • サンプル
Enjoy SWELL
  • 特徴紹介
  • 導入方法
  • テクニック
  • サンプル
  1. ホーム
  2. SWELL テクニック
  3. 画像・動画関連

画像・動画関連– category –

SWELL テクニック画像・動画関連
  • 【SWELL】記事内やトップページに動画を背景にして埋め込む、コンテンツの表示エリアを作る方法

    記事の中やトップページの一部分に、動画を背景にした表現をしたい場合があります。本記事では、SWELLで記事内に動画を背景にして表示する方法を解説します。
  • 【SWELL】画像を横並びで表示する方法と、マウスオーバーでちょっと大きくする方法

    画像を2~4個程度、横に並べて表示したいときってありますね。見やすくなりますし、横に並べることで読者に一瞬で見て比べてもらえます。また、クリックするメニュー画像を並べる場合に、マウスオーバーでちょっと画像を大きくすると良い演出になります。本記事では、画像を横並びで表示する方法と、マウスオーバーでちょっと大きくする方法を解説します。
  • 【SWELL】あの見た目かっこいい画像と文字を重ねるデザインの方法(ブロークングリッド)

    画像と文字を重ねてかっこよく魅せる方法です。サイトをおしゃれにするとともに、シックでカッコいい表現になりますね。SWELLで実現する方法を解説します。
1
Boon ☆
IT技術者です。ユーザー向けのソフトウェアの企画・開発を得意としています。わかりやすく楽しく!をモットーに WEBサイト制作を進めています。本ブログでは WordPress のテーマ「SWELL」の特徴、導入方法、テクニックなどを紹介します。
Twitter
PR
検索
カテゴリー
  • 特徴・おすすめ
  • 使い方・導入方法
  • SWELL テクニック
    • サイト全体
    • ヘッダー・グローバルナビ
    • トップページ関連
    • 記事関連
    • 画像・動画関連
    • サイドバー関連
    • フッター関連
    • カテゴリー関連
    • LPページ
    • お役立ちテクニック
PR
シンプル美と機能性を両立させた、国内最高峰のWordPressテーマ『SWELL』
SWELLのご購入はこちらから
ご質問・ご相談はこちらから
人気記事
  • 【SWELL】アニメーション演出を利用する方法「Blocks Animation」プラグイン
  • 【SWELL】ヘッダーの右上に電話番号やお問合せボタンを配置する方法
  • 【SWELL】サイト型トップページを作る(初心者向けに完全案内)
  • 【デモサイト・サンプルあり】SWELL でおしゃれなサイトを作る方法!
  • 【SWELL】グローバルナビに横幅一杯のメガメニュー(Mega Menu)を実装する方法
目次

新
着
記
事

新着記事

  • 【SWELL】スマホで下に出る固定オーバーラップのポップアップバナーを作る方法

    商用サイト等でよく見かけるスマホで閲覧した場合に下の方にぴょんと表示される固定のバナーを作る方法です。さりげなく表示されるとカッコ良いですしクリック率もあがりますね。
    2024年8月25日
  • 【SWELL】カラムブロック・リッチカラムで左右の高さを揃える方法

    WordPress の「カラム」ブロック、SWELLの「リッチカラム」ブロックは左右にカラムを分けられる便利なブロックです。ただし、中にコンテンツを配置した場合、左右の高さが揃わず若干見た目が悪くなります。本記事では、カラム・リッチカラムブロックで高さを揃える方法を解説します。
    2024年7月10日
  • 【SWELL】グローバルナビ(ヘッダーメニュー)のフォントの大きさを変える方法

    SWELLを使っていると、グローバルナビ(ヘッダーメニュー)のフォントが少し小さいな!と感じることがあります。こちらを大きくする方法です。
    2024年5月12日
  • 【SWELL】記事内やトップページに動画を背景にして埋め込む、コンテンツの表示エリアを作る方法

    記事の中やトップページの一部分に、動画を背景にした表現をしたい場合があります。本記事では、SWELLで記事内に動画を背景にして表示する方法を解説します。
    2024年5月12日
  • 【SWELL】サイドバーの横幅を変える方法

    SWELLのサイドバーの横幅は決まっており、単純な設定だけでは変えることができません。しかし、サイトに合わせた横幅に変えたいケースは多々あります。本記事では、SWELLのサイドバーの横幅の変更方法を解説します。
    2024年4月21日

SWELL おすすめサンプルページ
おすすめショート動画

サイトデザイン集はこちら

  • 特徴・おすすめ
  • 使い方・導入方法
  • SWELL テクニック
  • Privacy Policy
  • お問い合わせ
  • HOME

© Enjoy SWELL.