WordPressのFES対応をテーマを作りながら学んでみる

https://megane-blog.com/ 用のWordPressテーマを作ります。
5
めがね 大串肇 @ 👓 @megane9988

なんか、どうやったらつぶやきがつながるのか、ちゃんと理解してないので、あとでまとめます。ほんとうによくわかってないw

2021-12-28 11:35:09
めがね 大串肇 @ 👓 @megane9988

一時間ぐらいしたので。ご飯食べようかな。休憩しますー

2021-12-28 11:35:54
めがね 大串肇 @ 👓 @megane9988

ヘッダーにシェアボタンを追加するプラグインとか、記事下に関連記事を追加するプラグインとか、全部ブロックにならないと、表示されないような気がしている。あ、でもthe_contentのフック多分通るから大丈夫なのか。 パンくずはどうやって入れるんだろう。そういうブロックがもうあるのかな

2021-12-28 11:39:53
めがね 大串肇 @ 👓 @megane9988

というわけで続きです。 togetter.com/li/1822339 なんせ、クエリーループブロックが一覧ではキモっぽいのでそれを触ってみます。

2021-12-28 13:45:07
めがね 大串肇 @ 👓 @megane9988

とりあえずクエリーループブロックを作ると、その中で使う投稿表示用のテンプレートを選択するみたいですね。 んで初期でもいくつか入ってる。 リスト風と、カラム風ですかね。 pic.twitter.com/EvckXfcFOh

2021-12-28 13:49:04
拡大
拡大
めがね 大串肇 @ 👓 @megane9988

さらに、これには、新しい投稿を作成(投稿タイプとして、そのテンプレートを作るのかな?)と幅が設定できるぽい pic.twitter.com/sEKLRh22c2

2021-12-28 13:49:45
拡大
めがね 大串肇 @ 👓 @megane9988

あ、ちがうな 新しい投稿を作成をクリックしたら投稿の新規追加画面に飛んだので、この該当のクエリーの記事を新規に追加する場合、ここからリンクできるということですね。 じゃあ、先のレイアウトは事前にコアが提供するのかな。

2021-12-28 13:51:26
めがね 大串肇 @ 👓 @megane9988

クエリーループブロック内のテンプレートを新規に追加する場合は。予め、準備されているパターンから選ぶ。なるほど pic.twitter.com/X2yofTbTbM

2021-12-28 13:52:41
拡大
めがね 大串肇 @ 👓 @megane9988

記事一覧とその下に自動的にページネーションも表示されましたね。なるほど そしてそれぞれをブロックで編集できる。 なるほど pic.twitter.com/zbLtbbk8vi

2021-12-28 13:53:41
拡大
めがね 大串肇 @ 👓 @megane9988

ページネーションは中央寄せとかできる。 CSSは後で直せばいいですかね。 ふむふむ pic.twitter.com/XCXQVptIe9

2021-12-28 13:55:11
拡大
めがね 大串肇 @ 👓 @megane9988

カラムブロックと組み合わせて、アイキャッチが左に、タイトルと、日付と、該当のカテゴリーが右に出るようにしてみた。なるほど アイキャッチが無いときになにか出す的な機能はあるのか。なくて作るのか。後で調べよう pic.twitter.com/Ozcl5bpAHw

2021-12-28 14:01:46
拡大
めがね 大串肇 @ 👓 @megane9988

とりあえずシンプルに横幅を800にして、アイキャッチとタイトルと日付と抜粋を入れてみる。 最後に、ページネーションも入れる。このページネーションもブロック pic.twitter.com/OoqCmBeWK1

2021-12-28 14:07:50
拡大
めがね 大串肇 @ 👓 @megane9988

ヘッダーはとりあえず中央寄せにして、サイトロゴ、サイトのキャッチフレーズ、Navigationをそれぞれブロックで配置。とりあえずシンプルでよいです。私のサイト pic.twitter.com/xq0nQiwECp

2021-12-28 14:09:34
拡大
めがね 大串肇 @ 👓 @megane9988

ここでロゴが中央によらない問題発生。管理画面ではよっているけど。なので、私の操作の何かが問題か。それともコアでちょっとした不具合か。でも後でCSSでなんとでもなるので気にせず進みましょう pic.twitter.com/4CNgqb6djo

2021-12-28 14:15:06
拡大
めがね 大串肇 @ 👓 @megane9988

へー、ナビゲーションブロックは600pxを境に、自動的にハンバーガーメニューに切り替える機能があるんですね。へー。便利ー。 pic.twitter.com/l82NejFbzZ

2021-12-28 14:19:26
拡大
拡大
拡大
めがね 大串肇 @ 👓 @megane9988

とりあえずアーカイブが出来ました。ねー。すごいですねー。 ■すごいなーと思ったところ - 割となんとかなる - クエリーブロックの中身は基本的なものはすでに足りてそう - ナビゲーションブロックのハンバーガーは気が利いてる - サイトロゴブロックにトップページへのリンクをつける機能がある 等 pic.twitter.com/Q47c8vUi3b

2021-12-28 14:24:29
拡大
めがね 大串肇 @ 👓 @megane9988

■現在の疑問点 - パンくずどうしようかな - 更新日出したい時はカスタムブロック作るのか - 抜粋の調整するいつものfunctions.phpに書くやつは動くのか - アイキャッチの登録無いときにダミー画像どうやって出そう。 など。

2021-12-28 14:25:56
めがね 大串肇 @ 👓 @megane9988

とはいえ、すすみましょう次は固定ページと投稿ページ singleとpageですね。 それぞれ分けられるのかな

2021-12-28 14:26:30
めがね 大串肇 @ 👓 @megane9988

とりあえずpage.htmlをつくったら。ちゃんと固定ページ用のテンプレートとして認識されたので私は大変満足です。テンプレート階層を学んだことは無駄にはならなかったですね。 pic.twitter.com/NVXnMvzbem

2021-12-28 14:28:50
拡大
拡大
めがね 大串肇 @ 👓 @megane9988

一覧作ったところまでのファイル群をエクスポートしてコミット このコードが、一覧のテンプレート。 できてるけど、出来てない。というかすごくモニュモニョしていいですね。これかー。的な。おもしろい。 コメントアウトしか無いw github.com/megane9988/fse… pic.twitter.com/ZlxT93jK95

2021-12-28 14:34:02
拡大
めがね 大串肇 @ 👓 @megane9988

はい、固定ページOK タイトルがコンテンツ幅に収まってなかったので、グループブロックにいれて、デフォルトレイアウトの継承で、幅だけ整えました。 pic.twitter.com/zcIDtIrMWD

2021-12-28 14:37:10
拡大
めがね 大串肇 @ 👓 @megane9988

あんなに、ドキュメント見ながらやると言ったのに、結局とりあえずですすめています。ごめんなさい。あとで見返します。もしくはなんか止まった時に、頼りに行きます。(つごうのよいやつですいません。

2021-12-28 14:38:05
めがね 大串肇 @ 👓 @megane9988

つづいて、singular.htmlを利用して投稿用のテンプレートを作りました。 - 日付 - 該当のカテゴリー - 該当のタグ - 投稿者 をタイトルとコンテンツの間に入れました。 コンテンツしたには。次前のリンクを表示するブロックを2つに設定したカラムに入れておきました。 pic.twitter.com/6mD4MRread

2021-12-28 14:51:20
拡大
めがね 大串肇 @ 👓 @megane9988

ここで気がついたのですが。投稿内を分割するページ区切りに対応したブロックはまだ提供されていないっぽいですね。今の私の環境には無いっぽい、なにかアップデートしたりすると出てくるのかもですが。 私は使ってないので全くOK

2021-12-28 14:52:40
めがね 大串肇 @ 👓 @megane9988

とりあえず詳細ページも出来たっぽい。 出来たっぽいという感じがまさにぽいですが。 pic.twitter.com/r32FkzkPGS

2021-12-28 14:57:03
拡大