2021-02

WordPress学習記録

サイトコーディングの問題潰し前編【第28話】

レスポンシブのブレイクポイントが合わない、preタグのインデントを揃えたいなどの問題やHTML構造とクラス名の見直しを行いました。コード側とフロント側でブレイクポイントがずれる原因やpreタグの性質について新たに学ぶことができました。
WordPress学習記録

初心者でも簡単!slickプラグインで作るスライダー【第27話】

「スライダーって難しそう…」「初心者でも簡単に作れないのかな‥」こんなお悩みもslickを使えばプログラミング初心者でも簡単に実装することができます。本記事ではプログラミング初心者が実際にslickを使ってスライダーの実装に挑戦しています。
WordPress学習記録

ヘッダーとサイドバーのレスポンシブ化【第26話】

ヘッダー部分とサイドバー部分のレスポンシブ化を開始!WordPress化に向けたレスポンシブ化の実装方法やプログラミング初心者がデザインカンプからどのようにレスポンシブデザインを作ったのかについて実際のソースコードを公開しながらご紹介しています。
WordPress学習記録

投稿ページと固定ページのコーディング【第25話】

個別投稿ページ用のsingle.htmlと固定ページ用のpage.htmlのコーディングが完成!投稿ページで挿入されるさまざまな要素のスタイリングやプログラミング初心者がデザインカンプからどのように作ったのかについて実際のソースコードを公開しながらご紹介しています。
WordPress学習記録

アーカイブページと検索結果ページのコーディング【第24話】

アーカイブページ用のarchive.htmlと検索結果ページ用のsearch.htmlのコーディング。ページネーションのスタイリングやプログラミング初心者がデザインカンプからどのように作ったのかについて実際のソースコードを公開しながらご紹介しています。
WordPress学習記録

Googleマップの埋め込み方とフッターコーディング【第23話】

デザインカンプからのコーディング、フロントページが完成!サイトにGoogleマップを埋め込む方法やフッターの作り方をコードコピペ可でご紹介しています。プログラミング初心者がどのようにデザインカンプからコーディングをしているのかについても記録をしています。
WordPress学習記録

デザインカンプからコーディング RaiseTech最終課題 【第22話】

RaiseTechの最終課題であるデザインカンプからのコーディングとWordPress化に取り掛かります!プログラミング未経験者が1ヶ月半でどれほどのレベルに達しているのかコードの内容を大公開しながらご紹介します。デザインカンプからのコーディングの方法についてもわかりやすくご紹介します。
WordPress学習記録

コピペ可 初めてでもできるハンバーガーメニュー後編【第21話】

コピペでプログラミング初心者でも簡単にハンバーガーメニューを実装できる!HTML+CSS+jQueryを使って実際にプログラミング初心者が初めてハンバーガーメニュー作りに挑戦した時の詳しいコーディング方法についてご紹介しています。
WordPress学習記録

コピペ可 初めてでもできるハンバーガーメニュー前編【第20話】

コピペでプログラミング初心者でも簡単にハンバーガーメニューを実装できる!HTML+CSS+jQueryを使って実際にプログラミング初心者が初めてハンバーガーメニュー作りに挑戦した時の詳しいコーディング方法についてご紹介しています。
WordPress学習記録

FLOCSSを使ってプロフィールサイトを作る完成編【第19話】

プログラミング初心者がCSS設計のFLOCSS(フロックス)を使って簡単なプロフィールサイトを8時間で作ってみました。実際にプログラミング初心者でもFLOCSSで簡単にサイトを作ることができた方法を実践を交えてご紹介しています。
タイトルとURLをコピーしました