css Programming

Bootstrapは初心者には少しややこしいですが、2つの使い方を覚えるだけで問題ないです。Bootstrapの2つの使い方は、余白(padding,margin)とグリッドレイアウトです。

css Programming

FLOCSSはCSS設計の1つです。FLOCSSはComponent, Layout, Projectの3つに機能を分割していきます。FLOCSSの使い方を学ぶと読みやすく修正しやすいコードを書くことができます。

PHP Wordress

wordpressでECサイトにあるようなカート機能をプラグインなしで自作してみたいと思います。ポイントは1.セッションの使い方 2wordpressのデータベースに自作テーブルを作成するです。

PHP Wordress

wordpressテーマは「webページを作る」ものです。記事をデータベースから受け取り、php, cssを通じて、レイアウトを整えたり、文字サイズや色を変えたりなどをしています。中身を見てみるとかなりシンプルです。

PHP Programming Wordress

Wordpressでプラグインを使わず目次を作成していきます。コピペでOKで、ショートコードで好きな場所に目次を自動で作ることができます。プログラマー向けにコードも解説しています。

PHP Wordress

WordpressでIDを指定して特定の投稿を表示させるウィジェットを自作していきます。プラグインなしで実際にコードを書いていきアmす。流れは 1. ウィジェットエリアを作成 2. ウィジェットを作成 3.実際に表示 です。

PHP Programming

お問い合わせフォームなどwebフォームはよく見かけますが、実際どういう仕組みで動いているんでしょうか。webフォームの作り方はHTMLとPHPでプログラムを書き「入力→取得→保存」という流れで簡単にできます。

PHP Wordress

wordpressの仕組みは非常に単純です。役割はwebページをテキストで作成し、きれいに表示するだけ。文字だけでデータベースに保存し、表示する際にワードプレステーマを使ってデザインを適用しています。構造が理解できるとカスタマイズも可能です。

css Programming

Tailwind CSSはCSSフレームワークで、Bootstrapと似ています。ただ、Tailwind CSSの方が自由にデザインを当てられます。Tailwind CSSの特徴と使い方を見ていきましょう。

css Programming

sass(scss)の使い方をマスターするとcssを書く効率が10倍上がります。1. 入れ子記法の利用 2. &の利用 3. 変数の利用 4. 関数の利用を学べばsassは攻略完了です。