40代目前の男がフリーランスを目指すブログ

40代目前の男がフリーランスを目指す為の日記です。

ランディングページ

WordPressの勉強8日目

9月19日(木)の日記です。 『グーテンベルグ時代のWordPressノート テーマの作り方2(ランディングページ&ワンカラムサイト編)』のKindle本をコツコツ進めて、ようやくランディングページが完成しました。 実はこの書籍では従来のスタイルでランディングペ…

WordPressの勉強7日目

9月18日(水)の日記です。 『グーテンベルグ時代のWordPressノート テーマの作り方2(ランディングページ&ワンカラムサイト編)』のKindle本を進めておりますが、2つの発見がありました。 『グーテンベルグ時代のWordPressノート テーマの作り方(入門編)…

WordPressの勉強6日目

9月17日(火)の日記です。 『グーテンベルグ時代のWordPressノート テーマの作り方(入門編)』のKindle書籍を2回通しで読み、WordPressでのサンプルサイト作成の要領が徐々に掴めて来ました。 少なくともオリジナルテーマの制作の仕方がおおよそ理解出来た…

簡易ランディングページの作成6日目

9月6日(金)の日記です。 先日は生のHTML・CSSでランディングページを書きましたが、本日は同じWebページを今度はBootstrap4にて書く事にしました。 目的としてはBootstrapの復習もそうですが、やはり実務ではBootstrapを使う機会が多いと思うので、ランデ…

簡易ランディングページの作成5日目

9月5日(木)の日記です。 本日はひたすらレスポンシブ対応に向けてSASSのコードの見直しと修正を行いました。レスポンシブ化にもそれ程労力を費やさないレイアウトをあらかじめ考えていたのですが、やはり実際に適用させるとなると、そう簡単にはいかないみ…

簡易ランディングページの作成4日目

9月4日(水)の日記です。 何とか、PC版のランディングページが完成しました。 Bootstrap4を使わず生のcssで作ってみた感想ですが、代わりにflexboxを使用したので思った程作成に手間が掛かった様な感じは受けませんでした。「横並びにしたいブロックを floa…

簡易ランディングページの作成3日目

9月3日(火)の日記です。 先日作成したデザインカンプの画像を元に、本日はHTMLにてWebページ制作を開始しました。 ちなみに今回はBootstrap4を使わず生のHTML・CSSでレスポンシブを踏まえたページを制作すると共に、先日Progateで新しく始まったFlexboxの…

簡易ランディングページの作成2日目 & 『ランディングページ 成果を上げる100のメソッド』を読んで

9月2日(月)の日記です。 前回ランディングページのワイヤーフレームを制作したので、この日はデザインカンプ(デザインの完成見本図)を作ってみました。 文面やレイアウトに色使い等、最初は巷のサンプル等はあえて見ずに自分のアイディアだけで挑戦して…

簡易ランディングページの作成1日目 & 『文系でもプログラミング副業で月10万円稼ぐ!』を読んで

8月30日(金)の日記です。 Bootstrapにもある程度慣れてきたので、本日からは実際に仕事で制作するとされる「ランディングページ」のスキル取得に向けて勉強を始めました。 ランディングページを簡単に調べたところ、 「検索結果や広告などを経由して訪問者…