ホーム Web制作

Web制作

今からBootstrap3を始める人のための、CSSフレームワーク入門

Bootstrap3はCSSフレームワークとして定着してきており、情報量も豊富なので、初心者のWebデザイナーさんでも簡単に使い始めることができるのが嬉しいところ。 すでにT...

SiteOrigin CSSをもっと便利い使いたおす方法まとめ

SiteOriginCSSはWordpressにコーディング不要なCSSスタイルパネルを追加してくれる無料プラグインです。前回までで基本的な使い方を紹介しましたが、このプラグインに...

PageBuilderをもっと便利い使いたおす方法まとめ

Wordpressにページビルダー機能を無料で追加できるPageBuilderプラグイン。高機能で手軽にページビルダー化できるため、常に人気上位のプラグインとなっており、Web制作...

SiteOrigin CSSであっという間にWebデザイン エディター編

Wordpressに高品質なCSSエディターを追加できる無料プラグイン、SiteOrigin CSSの使い方。エディターモード編です。 SiteOrigin CSSはビューモード...

SiteOrigin CSSであっという間にWebデザイン ビューモード編

Wordpressにコーディング不要でスタイリングができるCSSスタイルパネルを実装可能なSiteOriginCSSを紹介します。 SiteOriginCSSはWordpress...

PageBuilderで超簡単Webデザイン! ウィジェット編

Wordpressにページビルダー機能を無料で追加できるプラグイン、SiteOrigin PageBuilderを使ってサクッとWeb制作。今回はウィジェット編です。 前回はPa...

PageBuilderで超簡単Webデザイン! レイアウト編

SiteOrigin Page BuilderはWordpressにページビルダー機能を追加できる無料プラグインです。 前回の記事ではページビルダーでできることやどんな機能がある...

SiteOrigin CSS WordPressにCSSエディターを追加できる無...

WordpressにDreamWeaverのようなCSSエディターを追加できる無料プラグイン、「SiteOrigin CSS」を紹介します。 前回紹介したページビルダープラグ...

WordPressにビルダー機能を追加できるSiteOriginPageBuil...

Wordpressに無料でページビルダー機能を追加できるプラグイン、SiteOrigin PageBuilderを紹介します。 Wordpressといえば無料テンプレート。テンプ...

Adobe XD の簡単な使い方&レビュー

現在プレビュー版が公開されているAdobe製のプロトタイプツール。 単にデザインを作るだけでなく、実際の画面の動きを含めてより本番に近い状態で確認できるツールです。 しかも、Ph...

PressBuilder ContactForm7を使った問い合わせページの作成...

PressBuilderはドラッグ&ドロップの簡単な操作でサクッとWebサイトを作れるWordpress向けレスポンシブテンプレートです。 PressBuilderなら問い合...

PressBuilder サイトマップページの作り方

PressBuilderはドラッグ&ドロップの簡単な操作でサクッとWebサイトを作れるWordpress向けレスポンシブテンプレートです。 簡単にページを作れるページビルダー...

PressBuilder ウィジェットの便利な使い方

簡単な操作で自由にWordpressを使ったWebサイト作成が可能なPressBuilder。 この記事ではPressBuilderに搭載されているオリジナルウィジェットのセ...

PressBuilder 固定ページテンプレートの便利な使い方

PressBuilderはドラッグ&ドロップでレイアウトを作成できるWordpressレスポンシブテンプレートです。 今回は固定ページに用意されている3つのテンプレートの使い...

PressBuilder グリッドレイアウトの作り方

ドラッグ&ドロップでページ作成ができる、WordpressのレスポンシブテンプレートのPressBuilder。レイアウトテンプレートが用意されているため、簡単な設定だけでもす...

PressBuilder フッターレイアウトのカスタマイズ

PressBuilderはドラッグ&ドロップで自由にサイト制作ができるWordpress向けレスポンシブテンプレート。用意されている豊富なウィジェットを使って様々なレイアウトの...

PressBuilder ヘッダーのカスタマイズ

PressBuilderを使って、ヘッダーレイアウトのカスタマイズをやってみます。 PressBuilderはドラッグ&ドロップで自由にサイト制作ができるWordpress向...

PressBuilder ページビルダー対応のWordPressレスポンシブテン...

Wordpressの独自タグや難しいPHPなどのプログラミング言語を使用しなくても、ドラッグ&ドロップで自由にサイト制作ができる、ページビルダー対応のWordpressテンプレ...

EC-CUBE3.0 フッターブロックのカスタマイズ方法

EC-CUBE3.0のフッターブロックをカスタマイズする簡単な方法を紹介します。 フッターブロックはクラスファイルと紐付いてないのでほぼHTMLと同じ扱いが可能。フッターメニュー...

EC-CUBE3.0 新着情報ブロックのカスタマイズ方法

EC-CUBE3.0のデフォルトテンプレートに用意されている新着情報ブロックのカスタマイズ方法を紹介します。 E-CUBE3.0のデフォルトではすべての情報が出力されたり、一般的...

最新記事

超高品質!Drupal向けテンプレートまとめ 2017年最新版

Drupalは高度な技術を持っていなくても簡単に使えるのが特徴のCMS。現在も活発に活動が続けられ、海外では人気の高いCMSです。ここでは最新版のDrupal8に対応した高品質なテ...

Bootstrap3 ポップオーバーとPopover.jsの簡単な使い方

要素をクリックすることでヘルプメッセージなどを表示することができるポップオーバーコンポーネント。ツールチップとよく似てるので作るのは簡単ですが、Webアプリなどでは結構使えるコンテ...

Bootstrap3 Progress bars の使い方

進行状況を表示するのに使えるのがProgressバーコンポーネント。Webアプリやショップサイトで注文工程の進歩状況を表示する際に使うことができます。 Bootstrap3 Pr...

スマホ向けアプリアイコンのデザインに使えるフリー素材128個まとめ

アプリアイコンのデザインに使えるフリー素材を128個集めてみました。 アプリアイコンはGimpなどのフリーツールでも簡単に作れるのですが、フリー素材を使うことで効率良くアイコン作...

キラキラ光るエフェクトが美しい無料ベクター素材

キラキラ光る美しいエフェクトの無料ベクター素材を厳選して集めました。 こういったライトエフェクト系の素材はゴージャスなイメージを作る時によく使われる素材で、バナーやヘッダー画像は...

はてな人気記事