search

bobbingwide / thisis

ThisIs ... experimental Full Site Editing theme
GNU General Public License v3.0
1 stars 0 forks source link

Create template and template part samples that aren't part of the theme #9

Open bobbingwide opened 3 years ago

bobbingwide commented 3 years ago

I started with an almost completely empty theme and have been building up the templates and template parts in the Site Editor. Now I need to be able to save the intermediary stages of the theme development. I don't want to save the files as template and template part .html files since these would be automatically loaded as part of the theme. Is this a silly idea?

Alternatives:

  1. Deliver the minimal part of thisis as a new theme called minimal. Similar to emptytheme but even less.
  2. Store the exported templates and template parts as .htm files
  3. As 2. but provide a mechanism to load them as patterns.
  4. Store the exported templates and template parts as .html files anyway

Consideration

bobbingwide commented 3 years ago

Is this a silly idea?

Actually, it's a good idea to store the latest version of the templates and template parts in the theme's folders since I'm going to need them when I move the site to live.

My latest ideas are:

  1. If you really want the minimal theme checkout version 0.0.0 or 0.1.0. There are styling problems if experimental-theme.json is empty.
  2. Discarded / abandoned templates and template parts can be saved as .htm files.
  3. The https://github.com/bobbingwide/oik-patterns plugin can be used to load them.
  4. Store the exported templates and template parts as .html files, as expected for an FSE theme.
  5. Move the screenshots to an assets folder... once the video's complete.
bobbingwide commented 2 years ago

For https://github.com/bobbingwide/oik-patterns/issues/4 I've moved the .htm files to the patterns directory and renamed them to .html. Some of them are OK. But most should be trashed and replaced with more appropriate patterns. These can be extracted from existing content. Examples being:

  1. Images with duotone applied. See https://sneak-peek.me/2021/06/11/call-7-polished-portfolios/
  2. Row groups for post meta data. See fizzie metadata.html template part
  3. Some of the Query loop examples. See https://sneak-peek.me/2021/05/01/how-do-i-use-css-grid-to-style-query-output/
  4. Row groups for block info displayed in tabular form. See https://sneak-peek.me/2021/05/13/can-i-use-grid-to-wrap-divs/