初心者がWordPressテーマを自作できるようになるまでのログ【2021年4月】

プログラミング

今月はMySQL基礎編を終わらせて、いよいよWordPress編に再チャレンジです!

MySQL入門 基礎編 #19~#27

4/2…「#19 NULLのレコードを抽出しよう」

NULLは抽出対象からは省かれる。NULLを含んだ抽出をおこないたい時は「WHER likes IS NULL」と明記する必要あり。

4/3…「#20 抽出結果を並び替えよう」

抽出時に数値を小さい順にしたい時は「ORDER BY カラム名」、逆に大きい順にしたい時は最後に「DESC」を付ければOK。同数の時にアルファベット順にしたいなら「, message」を追加する。

抽出を3件にしぼりたい時は「LIMIT 3」とする。また、「OFFSET 2」とすると、レコードを上から「0,1,2」と数えていく場合の「2」以下を抽出するという意味になる。つまり「LIMIT 3 OFFSET 2」とすると上から3行目のレコードから3件を抽出することになる。もっとシンプルでわかりやすくすると「LIMIT 2 , 3」で、これで「先頭の2行を外して、3行目から3件を抽出する」となる。

4/5…「#21 数値の関数を見ていこう」

四則演算ができる。「 SELECT likes * 500 / 3 FROM poosts; 」

カラム名を付けるなら計算の後ろに「AS カラム名」。割った余りを切り捨てならFLOOR()、切り上げならCEIL()、四捨五入ならROUND()と関数を使う。

4/6…「#22 文字列の関数を見ていこう」

「SUBSTRING(カラム名,3)」でその文字列の3文字目以降を抽出できる。(カラム名,3,2)とすると「3文字目から2文字」。マイナスの数値にすれば語尾からその文字数だけ抽出できる。

CONCATは文字列を連結できる。「CONCAT(カラム名①,’-‘,カラム名②)」とするとハイフンで繋げられる。

LENGTHは文字数カウント。ただし日本語に対しては正しくカウントできないのでCHAR_LENGTHを使う。

4/7…「#23 日時の関数を見ていこう」

  • YEAR()
  • MONTH()
  • DAY()

日時のカラムから任意の値を抽出できる。

「DATE_FORMAT(カラム名,’%M %D %Y %W’)」で英語表記で月、日、年、曜日の順に抽出できる。

「DATE_ADD(カラム名,INTERVAL 7 DAY」で7日後の日時を表示できる。

関数「NOW()」を書いた上で、「DATEDIFF(カラム名,NOW())」で現在日時との差日数を出してくれる。

4/8…「 #24 レコードの更新をしてみよう」

UPDATE posts SET likes = likes +5 WHERE likes >=10;
10以上のlikesに5を足せる。

UPDATE
posts
SET
likes = likes +5,
message = UPPER(message)
WHERE
likes >= 10;

複数のレコード更新をする時はこんな感じ。

4/10…「#22 レコードの削除をしてみよう」

DELETE FROM posts WHERE likes < 10;

likesが10未満のレコードを表から削除する。

削除に合わせて連番もリセットしたいなら、

TRUNCATE TABLE テーブル名 ;

でOK。

4/12…「#26 作成、更新日時を自動で設定しよう」

created DATETIME DEFAULT NOW()

これでレコードが作成された日時を挿入できる。

updated DATETIME DEFAULT NOW() ON UPDATE NOW()

これで更新された時も挿入される。

4/14…「#27 テーブルの設計を変更してみよう」

ALTER TABLE テーブル名 ADD カラム名 データ型

で新しいカラムを追加できる。このままだと追加される場所は一番最後。一番最初にもってきたい場合は最後に「FIRST」をつける。「AFTER 既存のカラム名」も使えるが「BEFORE」はない。

ALTER TABLE テーブル名 DROP カラム名

で削除できる。

ALTER TABLE テーブル名 CHANGE 既存のカラム名 新しいカラム名 データ型

で変えられる。

ALTER TABLE テーブル名 RENAME 新しいテーブル名

でテーブル名も変えられる。

WordPress入門 #1~

4/17…「#01 WordPressとはなにか?」

ブログシステム。必要な知識はHTML/CSS、PHP、MySQL。ドットインストールのレッスンでは環境構築、管理画面の使い方、シンプルなテーマ作成まで。

4/17…「#02 WordPressをインストールしよう」

4/17…「#03 ダッシュボードを使ってみよう」

4/17…「#04 WordPressの設定をしてみよう」

4/17…「#05 記事を投稿してみよう」

4/17…「#06 固定ページを作ってみよう」

視聴のみで終了。

4/17…「#07 ゼロからテーマを作ってみよう」

index.htmlとcssファイルを作り、WordPressテーマに変換する。これによりindex.phpが完成するので、それを使い、single.php(個別ページ)とpage.php(固定ページ)を作る。まずはmysiteフォルダ内にindex.htmlとstyle.cssを作成。

4/18…「#08 文書の構造を作っていこう」

index.htmlに構造を書いていく。まずはdiv idでheader,main,footer。classはcontainer。mainの中に投稿一覧となるpostsとsidebar。これらにCSSを当てていく。

4/18…「#09 ヘッダーを作りこんでいこう (1)」

headerにはまずh1、font-weight:boldでブログタイトルを。そして固定ページのメニューを横並びにつくることにする。

4/23…「#09 ヘッダーを作りこんでいこう (2)」

menu部分を装飾。続いてpostsとsidebarにfloat,widthをあてる。footerはborder-topで仕切る。

次回…「#11 記事のスタイルを作りこもう」

タイトルとURLをコピーしました