Inquiring mind -2nd phase-

「Web制作」に関する記事

雑記



もう少し初歩的なところから復習中。
htmlとcssのみの勉強であれば、ローカルのフォルダにファイルを入れてchromeで開けば良いだけなので色々捗る。

起床。体調悪め。隣人は五月蠅め。
隣人が出した音をアンプで増幅させて指向性スピーカーでそのまま隣人の元にお届けしたい。


cssが重要なんだなぁ。


ブログの勉強にユンケルは欠かせない。

雑記



無限に本を買っていく。
座った瞬間に眠くなってきたけどやるぞ。


WordPress テーマの概要
閉じタグを別のphpファイルに書いて良いらしい。説明が素晴らしくて感謝料を振り込みたくなる。



次の休みにこれをCSSで整えていきたい。
流石に連日ハッスルし過ぎたようで、仕事に影響が出そうな状態になってきたので寝ます。

雑記



立ち読みした感じ、今の俺にはこれが一番効きそうだったので購入。
他の本は「よし、変数は覚えたね。じゃあデータベースいってみようか。」みたいなノリになってて、
もし世の初心者がこれについていけてるとしたら、俺は自分の生き方を見直さないといけないかもしれん・・・( ´ω`)
やりますぞ。


※眠気が半端じゃないので恐らく日本語が壊れます。

・「.」は文字列演算子の結合
・複数の引数を指定するには「,」で区切る
見た目はほぼ変わらないのに用途がまるで違う。

インタプリタ (IT用語辞典)
コンパイラもセットで覚えておく

ふりがなが振ってあるのは想像以上にわかりやすい。
プログラムの解説書にふりがなを振るのを法律で義務化しよう。

・PHPでは値を代入する前に事前に変数を宣言する必要がない。
VBAと違うんですね。

・キーが設定された配列を「連想配列」と呼ぶ。
よく出てくる「=>」はこれが関係している。

テンプレートタグ(公式)
テンプレートタグ入門の冒頭の文章が面白い。

WordPress のテンプレートタグ
のテンプレートとテンプレート階層について
凄く丁寧。ありがたや。
このサイトで書かれていた「公式テンプレートの中身を覗く」は有りだと思った。パクってなんぼ。
コロン(:)を使った構文という説明があったので、これで漸く各記号の意味を調べ終えた感がある。
(まだ見ぬ記号がたくさん存在する可能性はあるけど、今調べているものについてはここまでの知識で理解できるはず)

概観図
こういうやつよ。
ちょうだいちょうだい こういうのちょうだい もっと

今日はここまで


■独り言
とりあえず本は一旦全部読んだ。
プログラムについての説明が多かったので、すぐには活用できなそう。

「html」、「css」、「php」、「wordpress独自要素」
これらをそれなりに理解しないと、何をどうすればどうなるのかが理解できない・・・( ´ω`)
それぞれの関係が全然見えない。

Web 制作リファレンス (+α)というサイト(上で貼ったサイト)がめちゃくちゃ格好いい。これは憧れますわ。

雑記

世の中には情報がたくさん溢れているけど、その情報を扱えるかどうかは自分の状態によって変わってくる。
今の自分にとって必要な情報に早く辿り着くことが重要になってくる。
(追記)検索、検証、取捨選択、活用

という訳で今日もやりますぞ。


■基本
・ファイルの拡張子を.phpにする
・プログラムの最初と最後を「<?php」と「?>」で囲む
(半角で入力するとタグと見なされるようなので、一旦全角で)
・各行の最後に「;」を加える
・printファンクション(関数)のパラメータには、表示する文字列を指定する。
文字列を「’」または「”」で囲む
・変数につける名前を「変数名」といい、PHPでは必ず「$」から始める必要がある。
空白は含まれてはいけない、先頭に数字は使えない。命名規則については別の本で調べておく。
・array 配列を作成する関数

テンプレートタグ/wp get archives
ここを見ながらsidebar.phpをこしらえてみた。



多分昨日よりかは正しい方向に進んでいるけど、見た目がダサい。
これは誰もが通る道らしく、ググってみたら解決法が色々出てきた。

WordPress カテゴリー 投稿数を表示する
こちらの方の「displayプロパティをinline-blockに変更する」を採用



でけた ( ´ω`)
昨日の終わりに貼った画像と見た目はほぼ変わってないけど前進はしている。

今日はここまで。


【独り言欄】
数年前に購入した本がここにきてバリバリ役に立っている。
試験的に普段OneNoteでやっていたことをブログでやっています。(モチベーション維持のため)
Progateがオサレですね。行き詰ったらやってみます。

雑記

いつぶりかの休みなので、ちょっとブログの勉強を進める。

■改善したい箇所
・アーカイブ周りがダサい
・月から月への移動(1月末→2月頭など)ができない
・関連記事リンク、サイト内引用ができていない
・テーブルの表現がダサい
・記録した動画、画像は一覧できるようにしたい
・safariからアクセスした際に諸々レイアウトがおかしいらしい

■課題
・wordpress開発環境を構築できていない(いつも本番でテストしているので、たまに編集ミスによりアクセスできなくなる)
・知識が乏しくて自由にカスタマイズできない

というわけで、とりあえず開発環境の構築から始める。
以下、随時更新


1.Local by Flywheelのインストール
超簡単にローカル環境が構築できるLocalbyFlywheelの使い方 を参考に進める。

2.本番サイトのデータのコピーはAll-in-One WP Migrationを使うのが良さげ
→インポートファイルサイズ制限に引っかかったので断念。
→アナログなやり方でファイルをDLする必要がある模様。
※上記プラグインを使った時のメモ 雑記/1895/
→恐ろしく重要なメールが2019/01/12に届いているから大事にすること
自分はAdobe Dreamweaverを所有しているので、これを使ってファイルをDLする。無い場合の対処法は謎・・・
wordpressの最小構成を把握しないと無駄な時間を過ごすことになる・・・(DL時間が死ぬほど長い)


無事死亡

ツール>エクスポート>すべてのコンテンツ エクスポートファイルをダウンロード>Local側でインポート>テーマが持ってこれて無いので手動でDL
wp-content/themes/内の移行したいテーマのファイルを全てDL>フォルダに入れてzip化>外観 テーマ テーマのアップロード ファイルを選択 今すぐインストール


っぽい感じにはなった。


色を変えたら反映された。良い感じ。
開発環境構築編 完


・知識が乏しくて自由にカスタマイズできない件
とりあえず資料を引っ張りだしてきた。


パラパラと捲ってみたけど、やはりよく分からん。
一旦「アーカイブ周りがダサい」に絞って調べていく。

functions.php内のregister_sidebar();
index.php内のphp dynamic_sidebar();
辺りが怪しい。恐らくデフォルトのサイドバーが置かれているだけの模様。


※これが置かれてるだけ

関数リファレンス/register sidebar
関数リファレンス/dynamic sidebar
ちょっと何言ってるか分からない ( ´ω`)

アーカイブページという視点に切り替える
アーカイブインデックスページの作り方
WordPressアーカイブページをカスタマイズ。カスタム投稿タイプも対応します。
すげぇ丁寧に説明してるページがあるな。けど途中から分からん・・・

はじめてのWordPressまとめ
このサイトが俺を助けてくれそうな感じがする。→うーん

月別アーカイブ(記事一覧)ページを作成する[date.php]
こちらの解説が一番正解に近い気がするので、試してみる。



取り急ぎsidebar.phpを右側に表示するところまでは出来た。
しかしここまでで死ぬほどめんどいことになっているので後程メモる。そして昼寝する。

起床。テーマエディターからファイルを弄ることが出来ず、元となるファイルを弄った後にzip化してテーマファイルを再インストールするという大変面倒な手順で進めている。


どうやらここから参照できる模様。
更新めんどい問題は解決。

WordPress テーマにウィジェット機能を追加
良いことが書いてありそうな雰囲気だけどちょっと何言ってるか分からない。

【基本】サイドバーのカスタマイズ、どうやってやるの?
functions.phpもいじる必要があるらしい。



この簡素なやつは明らかに違う気がする。

init 初期化する。デフォルトとなる値をセットする。=initialize。
args 引数(argument) IT用語辞典
出たわね。俺はセットで語源を書いておいて欲しい派です。

【WP】年別・月別アーカイブ表示をカスタマイズする方法
かなり丁寧。5%くらいは理解できるので、こじあけていく。
ここがかなり本質を捉えている気がする。今日はここをゆっくり読んでおしまいかもしれない。
そして明日からまた頓挫して次の作業が来年になるかもしれないけど、今世はそういうものである。


ブログの勉強に寿司は欠かせない。

WordPressのsidebar.phpを1から作る
基礎中の基礎が多分これだと思う。一番すんなり頭に入った。実践してみる。



記事数は出てきたけどリンクが死んだ。今日はここまで。