markus-th Posted April 1, 2021 Share Posted April 1, 2021 My wife loves to cook, and I always like to further my knowledge around Processwire. So I thought I'll build a small page with the some small function to learn something. Used modules: ProMailer RepeaterMatrix Pages2PDF AIOM and some other litte modules Current functions: JSON-LD for recipes and page search Automatic ingredient calculation when changing the number of servings Creation of a PDF of the recipe Basic PWA (here is something to do, actually) Planned functions: a lot ? Site: https://www.dothiscookingthing.de 12 Link to comment Share on other sites More sharing options...
wbmnfktr Posted April 1, 2021 Share Posted April 1, 2021 On 4/1/2021 at 9:25 AM, Markus Thomas said: JSON-LD for recipes and page search Automatic ingredient calculation when changing the number of servings Creation of a PDF of the recipe Expand ?? I love these nice little details that make the site so much more interesting and better than a lot of recipe sites out there. Meanwhile it's a very good example on how ProcessWire can be used for almost anything - even as a blogging platform/tool. It even gets nice results in the Google Lighthouse Audit. Might be me but I'd find it interesting to see how the backend is structured. Mind sharing a look behind the scenes? Link to comment Share on other sites More sharing options...
markus-th Posted April 1, 2021 Author Share Posted April 1, 2021 Thanks a lot ☺️ I can show you the structure of the recipe template. Here are all accordions open. Tags are reference fields for the categories as well as the ingredients that are used as reference for individual ingredient pages. New categories and ingredients are created automatically when you enter the recipe. Especially with the ingredients there is still a lot to do, because the individual pages (e.g. https://www.dothiscookingthing.de/zutaten/balsamico/ ) should still get texts and images. Maybe also a bit of SEO texts. ? 3 Link to comment Share on other sites More sharing options...
Jan Romero Posted April 1, 2021 Share Posted April 1, 2021 Nice stuff, I’m definitely going to try some of these ? What’s the smiley little guy who is sometimes a sofa? Maybe add a title attribute? 1 Link to comment Share on other sites More sharing options...
markus-th Posted April 1, 2021 Author Share Posted April 1, 2021 Thanks, good idea. The smiley and the sofa are described in the sidebar ? Dishes with a smiley are good for cooking during the week, after work. While "sofa-dishes" may take a while and are better for weekends. Link to comment Share on other sites More sharing options...
Jan Romero Posted April 1, 2021 Share Posted April 1, 2021 Ah, useful, thanks! ? Link to comment Share on other sites More sharing options...
wbmnfktr Posted April 1, 2021 Share Posted April 1, 2021 On 4/1/2021 at 11:05 AM, Markus Thomas said: I can show you the structure of the recipe template. Expand That's what I was talking about. I imagined a setup like that and it's nice to see I wasn't that wrong about it. Could and will be a good example for others that like to build something similar (which reminds me about a site profile I built a long time back). In regards of SEO are some options available here. From category to ingridient pages and even more. Which led me to this: https://www.dothiscookingthing.de/zutaten/https://www.dothiscookingthing.de/kategorien/ Both sites look quite empty right now but that's an easy fix. That site looks like fun for all parties involved here. Link to comment Share on other sites More sharing options...
markus-th Posted April 1, 2021 Author Share Posted April 1, 2021 On 4/1/2021 at 1:15 PM, wbmnfktr said: Both sites look quite empty right now but that's an easy fix. Expand Yes, that is right. Here is some on my to do list Link to comment Share on other sites More sharing options...
Outward Posted April 2, 2021 Share Posted April 2, 2021 I really like your implementation of ingredients as pages, as well as the structure of your recipe template - I've not yet brought RepeaterMatrix into my workflow but now feel I may have wasted a lot of time not doing so! You mentioned a little about SEO text and the first thing that struck me when browsing the recipes is that unlike most recipe blogs the ingredients and recipe is the priority. So many food blogs force you to scroll through walls of text to get to the recipe. I understand it's for SEO, reducing bounce rate and creative writing - but most don't even provide an anchor to the recipe! Great work and I imagine you had a lot of fun building it. Link to comment Share on other sites More sharing options...
markus-th Posted April 2, 2021 Author Share Posted April 2, 2021 Thanks. Yes. RepeaterMatrix is awesome and save so much time. Since I'm using it I have to use a lot of templates less than before. On 4/2/2021 at 10:15 AM, Outward said: You mentioned a little about SEO text and the first thing that struck me when browsing the recipes is that unlike most recipe blogs the ingredients and recipe is the priority. Expand The SEO texts I mean are just small teasers at the categories and ingredients. The recipes should not be filled with unnecessary content. The recipes have a JSON-LD markup and are also already displayed correctly as a recipe e.g. on Google Nest Hub. Link to comment Share on other sites More sharing options...
neophron Posted April 8, 2021 Share Posted April 8, 2021 Hi, cool site! One thing though – Safari (14.0.3) doesn't support .webp and all nice images are not visible ? Link to comment Share on other sites More sharing options...
AndZyk Posted April 9, 2021 Share Posted April 9, 2021 I would recommend using the third WebP strategy for that. ? Link to comment Share on other sites More sharing options...
markus-th Posted April 9, 2021 Author Share Posted April 9, 2021 On 4/8/2021 at 5:06 PM, neophron said: Hi, cool site! One thing though – Safari (14.0.3) doesn't support .webp and all nice images are not visible ? Expand Thanks for the tipp, it is already done in https://www.dothiscookingthing.de/rezepte/ and the Categorypages ... but I forgot the homepage-listing Link to comment Share on other sites More sharing options...
AndZyk Posted April 9, 2021 Share Posted April 9, 2021 I know this is nit picking, but you could also validate the HTML for your responsive images: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.dothiscookingthing.de%2F Many people don't care about HTML validation, but I find it important. ? Regards, Andreas Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now