小林紗絵の記事一覧
-
印象に残るデザインを簡単に!5分で作るおしゃれなワードアート
こんにちは! 皆さんは印象に残るWebサイトといえばどのようなものを思い浮かべますか? 以前ご紹介した2019Webデザインにもある、動画、アニメーションをつける等 目を引くものが良さそうですね! [blogcard url="https://incloop.com/…
-
【はじめてのHTMLとCSS】CSSで中央寄せにする方法|最初に作るHTML 入門編④
こんにちは! 少し間が空きましたが、入門編①~③まではマスターしましたか? 今回は入門編④。要素を真ん中に寄せていきましょう! [blogcard url="https://incloop.com/html_css_beginner_iii/"] はじめに 要素と聞…
-
【はじめてのHTMLとCSS】最初に作るHTML 入門編③~コピペできるテンプレート付
こんにちは! 前回は2019年のトレンドデザインをご紹介しました。 今回は入門編IIの続きで、表の作成をしていきます。 [blogcard url="https://incloop.com/html_css_beginner_ii/"] 例えば、お問い合わせフォー…
-
2019Webデザイン|知っておきたい最新トレンド3選
こんにちは! 前回、前々回とHTML、CSSの基本をテンプレート付きで解説しました。 今回はブレイクタイムということで、 2019年のWebデザインのトレンドをご紹介したいと思います。 トレンドデザイン ―アシンメトリー https://cheesetart.c…
-
【はじめてのHTMLとCSS】最初に作るHTML 入門編② ~コピペできるテンプレート付
こんにちは! 前回は入門編Ⅰとして、HTMLとCSSの簡単な意味と使い方をご紹介しました。 HTMLは文字を入力、CSSはHTMLを装飾するファイルと覚えると楽かもしれません。 [blogcard url="https://incloop.com/html_css_bi…
-
【はじめてのHTMLとCSS】最初に作るHTML 入門編①~コピペできるテンプレート付
こんにちは!今回はHTMLとCSSで知っておきたい記述方法やタグの意味など、 基礎知識について書いていきます! はじめての方も改めて基本を学びたい方も必見です! 環境構築にはxamppがあると便利です。インストールする場合は、下記記事を参考にしてくださいね。 ※インス…
-
WordPressの子テーマの作り方!3つのファイルですぐにできる♪カスタマイズ後編
こんにちは! 前回は「STINGER8」というシンプルなテーマをダウンロードしましたね。 [blogcard url="https://incloop.com/wordpress_theme_customize/"] 今回はつづきとして、同テーマを使用したオリジナル…
-
WordPressのテーマをアップロードする方法♪カスタマイズ前編
こんにちは!小林です。 今回、次回とWordpressに慣れてきたときに知っておきたい、テーマを使用した カスタマイズ方法について解説していきます。 はじめに まず今回は肩慣らしということで、外部サイトから好きなテーマをダウンロードして有効化するまで の手順についてご紹…
-
3分あればOK!Instagramのブログパーツをサイトに設置する方法
こんにちは!小林です! 前回までプラグインの解説をしてきました。 入力して..出力して..と手順も多く大変だったと思います。 そこで今回はラクに設置したい、しかも皆さんがよく使いそうなもので..と考えました! よく使うものといえばスマホ!スマホといえばSNS!SNSと…
-
WordPressでよく使うプラグイン紹介!カスタム投稿(出力編)
こんにちは!小林です! 新年はじめてのブログですね。どうぞ今年もよろしくお願いいたします。 第2回目の「カスタム投稿(入力編)」から少し間が空きましたが、 さっそく続きの出力編の解説をしていきますね! 前回のおさらい 前回プラグインの「Custom Post Typ…
-
WordPressでよく使うプラグイン紹介!カスタム投稿(入力編)
こんにちは!前回ご紹介したアドバンスカスタムフィールドはマスターしましたか? 今回もよく使う基本プラグインについて解説していきます! はじめに 第2回目は「カスタム投稿」です。管理画面の左側のメニューにはすでに「投稿」がありますよね! こちらは投稿メニューを追加したいとき…
-
WordPressでよく使うプラグイン紹介!アドバンスカスタムフィールド(出力編)
はじめに こんにちは!前回は基本プラグイン「アドバンスカスタムフィールド」の入力編として 管理画面上での設定方法をご紹介しました。 今回は出力編として、用意したフィールド内に入力した情報を表示させていきます。 それではさっそく続きからはじめていきましょう! フィールドに…
-
WordPressでよく使うプラグイン紹介!アドバンスカスタムフィールド(入力編)
こんにちは!皆さんはwordpressでブログの運営をされていますか? これからの方も、すでにはじめているという方にも使ってほしい基本プラグインをご紹介します! はじめに 第1回目は「アドバンスカスタムフィールド」です。 その名の通り、入力するフィールドを自分の目的に合わ…
-
迷ったときの見本帳。よく使われるスマホメニューのデザイン厳選3種。
こんにちは。今回はスマホのメニューデザインについて紹介します。 よく使われる3つのデザインの特徴等をコンパクトにまとめましたので、迷ったときの参考にどうぞ! 尚、実装方法は今後このページにリンクを貼り付けていきますので、そちらをご確認ください。 はじめに 現在「スマホ メ…
-
簡単にスライダーを実装して動きのあるWEBサイトにしたい!bxSliderの使い方!
こんにちは。今回は「bxSliderの実装方法」について紹介します。 皆さんは、画像が自動でスライドするなど動きのあるWebサイトを見たことはありますか。 例えば、通販サイトでは、特集やセール開催を告知するうえで目立つよう取り入れていると思います。 本日紹介するbxSl…
-
分かりやすい!IllustratorでFontAwesomeのアイコンを使う方法
IllustratorにFontAwesomeのアイコンを導入しよう! こんにちは。 本日は、IllustratorでFontAwesomeのアイコンを使う方法について解説します! WEBサイトでアイコンを使用することにより、わかりやすいデザインを実現できます。 例え…
-
初心者必見!Webサイト制作の流れや制作期間についてまとめました!
Webサイトはどのような流れでつくられているのか。 こんにちは。本日は、現在私が携わっているWebサイト制作について、 これから制作をはじめたい方、興味はあるので知っておきたい方向けに完成までの流れをまとめました! 私自身もまだ初心者レベルですから、皆さんといっしょにステッ…