Good video. I believe isnt a good to add a tag to logo image. The tag is better to reserve to title of the website or title of each page, to let search engines use it. Could be better to use a to add the logo class.
Thank you Ivan! I have learned a lot these first episodes of Theming. I have been working with Drupal for 4-5 years but never bothered about theming, thought it was to difficult. But you explain it in a way that even an old and tired brain can understand! Thank you very much and I look forward to watch the next episode. /Sven-Ivan aka Mistah7
Great tutorial. One little thing I wanted to suggest to save time is to add the Performance to the short cut so each time you do not have to go to /config/ and then performance. You can do so by clicking on the star button next to the Performance heading (@3.54) and then each time you need to clear your cache you just click on the shortcuts menu and there you will find the Performance link.
Hey, quick questions, about ways of doing this header. Isn't it better to create something like "header.html.twig" and include it in your "page.html.twig" ? (to clarify everything, so that if you come back to your code in 1 year it will be easy to find every piece by their name) Also if i want to create my own variables to have them in my header (let's say and , or a custom with a text block) do i declare them in the Drupal back office ? (i barely know this CMS so maybe my questions are irrelevant)
What you said about the header, yeah sure. It's good practice to separate your components in separate files, so that you can easily edit and reuse them. As for the other question... well since I haven't used Drupal since this series I also barely know this CMS :D ... And to be quite frank, if you don't NEED to use Drupal, then better don't ... there are much better CMSs out there with much better developer experience. October CMS for example: ua-cam.com/play/PLUBR53Dw-Ef-X-_A1KLy41r2QArCBy4rM.html or even WordPress (don't listen to the haters :D )
Hi Ivan, youtubers When I change my page.html.twig to page--front.html.twig and clear the cache, all my content dissapears. When I look into it with firebug, I see that all my regions defined in theme.info.yml are gone and not being displayed. Instead its displaying only 3 regions with other names. I did everything exactly the same as you did since video one. Anyone one knows whats up ? thanks in advance :)
Hi, my suggestion would be to enhance the resolution of the video. It is now only in 360 available. Keep up the good work though! Another thing to be mentioned is that in a earlier video you turned off caching. Still you refresh the cache at the beginning of this video. How does that relate to eachother. No bashing, just to get your vids even better.
+Paul Rijke Hey Paul video is in HD but you viewed it almost immediately after it was released, so UA-cam didn't get the chance to create higher quality versions of the video. If you take a look at it now you will be able to choose 1080p quality if you want. As for the other question - we disabled the caching for the theme layer in previous video, so that the changes that we make in our templates and css will be visible right away. Changing the configuration files and adding new files to our theme still requires cache refresh. To be honest I don't if you can turn that off, it's been this way since Drupal 6 as far as I know.
Great tutorial so far. Really enjoy theming. Spent some time to figure out how Gulp Watch need to be installed, but that's working fine. Now on the theming, i did try to follow as close as it's gets the steps, but now the theme is only right when logged out. In the video you are loggen in, and theming is working. What did i miss?
Thanks for the detailed videos. I have a query, in the beginning we have set cache = false and 'Null'ified cache bin right, then why we are erquired to clear cache often
I believe the cache we disabled earlier will only apply to the template file which already exists. In this case, he has copied new template from core completely to a custom theme which might be the reason for clearing cache.
Everything is great! Only, my site is still to the edge, it is not moved to the center of the page. Where I can change css for that? I replaced my css, sass, images, js and lib folder with your folders from github.com. Please, help! I called "page--front.html.twig " "page--user.html.twig" because the first name didn't worked and in FILE NAME SUGGESTIONS was that second file name. Is it because I have Drupal-8.2.5? Should I name it differently?
What you are talking about is a CSS issue. These videos are not about that, you should use your own css for your site. But from your description probably your container isn't set up right. Wrap your header in a container class. And give it for example width: 960px; margin: 0 auto. That should center your content.
the "@include container(1100px);" code generates : max-width : 1100px instead of just width , which does not produce the result in the tutorial , susy API has maybe changed.
Hi and thanks for your great tutorial! :) I have encountered a problem. I don't know how to start gulp watch. I am using git bash on Windows 8 and it does not find the command. Do I have to install it?
+David Peherstorfer Did you run "npm install" like in the video? That should install gulp automatically for you. Also, do you have Node.js installed on your system?
+Watch and Learn wow, thanks for your fast reply! I did run npm install on my system and I have a folder node_modules in my htdocs folder, where my drupal installation is situated. Not sure what that does or if it is the Node.js installation.
+David Peherstorfer That doesn't seem right, node_modules should be in your drupal folder. Not in htdocs. Copy gulpfile.js and package.json to the root of your Drupal folder and then run "npm install" there. That way you would get node_modules installed there. Then from the root of your Drupal folder run "gulp watch". Hope that should do it.
+Watch and Learn Ok i figured it out. You need to run the command "npm install -g gulp". without the -g you don't get the global access through the commandline.
Thanks !! I'm learning a lot with your videos, when I finish the Drupal Videos I will start with Middleman tutorials. Obviusly I will share your channel with my contacts.
+Watch and Learn Yes, I'm really interested in the 'Customizing the regions layout' video as well, as it is not very clear how to specify the exact position of the regions created in the video #4 (Blocks and Regions). Thank you for your Theming tutorial!
Try October CMS, it's much better for developers than Drupal or WP. You have the whole series on my channel. ua-cam.com/play/PLUBR53Dw-Ef-X-_A1KLy41r2QArCBy4rM.html
I think my advice to anyone watching would be to install Admin toolbar module to speed up clearing your cache. Thanks for the tutorial.
Good video. I believe isnt a good to add a tag to logo image. The tag is better to reserve to title of the website or title of each page, to let search engines use it. Could be better to use a to add the logo class.
Really nice, 5 years later it's always working perfectly :)
Glad to hear it :D
Thank you Ivan! I have learned a lot these first episodes of Theming. I have been working with Drupal for 4-5 years but never bothered about theming, thought it was to difficult. But you explain it in a way that even an old and tired brain can understand!
Thank you very much and I look forward to watch the next episode. /Sven-Ivan aka Mistah7
REALLY appreciated!!Thanks Ivan, I am never skip your ads :)
You are welcome :) glad you like the videos. But you can skip the ads, I don't think it makes any difference :)
Great tutorial. One little thing I wanted to suggest to save time is to add the Performance to the short cut so each time you do not have to go to /config/ and then performance. You can do so by clicking on the star button next to the Performance heading (@3.54) and then each time you need to clear your cache you just click on the shortcuts menu and there you will find the Performance link.
+Oliur Chowdhury Alternatively, you can run drush cache-rebuild from the command line to clear cache.
enjoying your content so far.great job!
You have done a great job with the theme series :)
Odlicni tutoriali, mnogo su pomogli ;) . Hvala!
Hey, quick questions, about ways of doing this header.
Isn't it better to create something like "header.html.twig" and include it in your "page.html.twig" ? (to clarify everything, so that if you come back to your code in 1 year it will be easy to find every piece by their name)
Also if i want to create my own variables to have them in my header (let's say and , or a custom with a text block) do i declare them in the Drupal back office ?
(i barely know this CMS so maybe my questions are irrelevant)
What you said about the header, yeah sure. It's good practice to separate your components in separate files, so that you can easily edit and reuse them. As for the other question... well since I haven't used Drupal since this series I also barely know this CMS :D ... And to be quite frank, if you don't NEED to use Drupal, then better don't ... there are much better CMSs out there with much better developer experience. October CMS for example: ua-cam.com/play/PLUBR53Dw-Ef-X-_A1KLy41r2QArCBy4rM.html or even WordPress (don't listen to the haters :D )
Hi Ivan, youtubers
When I change my page.html.twig to page--front.html.twig and clear the cache, all my content dissapears. When I look into it with firebug, I see that all my regions defined in theme.info.yml are gone and not being displayed. Instead its displaying only 3 regions with other names. I did everything exactly the same as you did since video one. Anyone one knows whats up ? thanks in advance :)
I solved this by setting the theme again and it worked
You are awesome
you just saved my day, thanks!
Great Stuff, Very informative
Hi, my suggestion would be to enhance the resolution of the video. It is now only in 360 available. Keep up the good work though! Another thing to be mentioned is that in a earlier video you turned off caching. Still you refresh the cache at the beginning of this video. How does that relate to eachother. No bashing, just to get your vids even better.
+Paul Rijke Hey Paul video is in HD but you viewed it almost immediately after it was released, so UA-cam didn't get the chance to create higher quality versions of the video. If you take a look at it now you will be able to choose 1080p quality if you want.
As for the other question - we disabled the caching for the theme layer in previous video, so that the changes that we make in our templates and css will be visible right away. Changing the configuration files and adding new files to our theme still requires cache refresh. To be honest I don't if you can turn that off, it's been this way since Drupal 6 as far as I know.
Aha okay! Probably the thene registry thats needs a rebuiild you're probably right. But still it was a bit confusing. Still liked the vid very much
Welcome to my laboratory where safety is Number 1 priority!! Boom!
is this the same guy?
simon eric Lol no it's not
Great tutorial so far. Really enjoy theming. Spent some time to figure out how Gulp Watch need to be installed, but that's working fine.
Now on the theming, i did try to follow as close as it's gets the steps, but now the theme is only right when logged out. In the video you are loggen in, and theming is working.
What did i miss?
Found it. Problems with permissions. chown user:www-data of templates and css map.
+Nachtfotograaf I love it when viewers find solutions to their own problems :) . Glad you fixed it.
Thanks for the detailed videos. I have a query, in the beginning we have set cache = false and 'Null'ified cache bin right, then why we are erquired to clear cache often
I believe the cache we disabled earlier will only apply to the template file which already exists. In this case, he has copied new template from core completely to a custom theme which might be the reason for clearing cache.
Everything is great!
Only, my site is still to the edge, it is not moved to the center of the page.
Where I can change css for that?
I replaced my css, sass, images, js and lib folder with your folders from github.com.
Please, help!
I called "page--front.html.twig " "page--user.html.twig" because the first name didn't worked and in FILE NAME SUGGESTIONS was that second file name. Is it because I have Drupal-8.2.5? Should I name it differently?
What you are talking about is a CSS issue. These videos are not about that, you should use your own css for your site. But from your description probably your container isn't set up right. Wrap your header in a container class. And give it for example width: 960px; margin: 0 auto. That should center your content.
Thank you! That is it. Hvala. :)
the "@include container(1100px);" code generates : max-width : 1100px instead of just width , which does not produce the result in the tutorial , susy API has maybe changed.
Hi and thanks for your great tutorial! :) I have encountered a problem. I don't know how to start gulp watch. I am using git bash on Windows 8 and it does not find the command. Do I have to install it?
+David Peherstorfer Did you run "npm install" like in the video? That should install gulp automatically for you. Also, do you have Node.js installed on your system?
+Watch and Learn wow, thanks for your fast reply! I did run npm install on my system and I have a folder node_modules in my htdocs folder, where my drupal installation is situated. Not sure what that does or if it is the Node.js installation.
+David Peherstorfer That doesn't seem right, node_modules should be in your drupal folder. Not in htdocs. Copy gulpfile.js and package.json to the root of your Drupal folder and then run "npm install" there. That way you would get node_modules installed there. Then from the root of your Drupal folder run "gulp watch". Hope that should do it.
+Watch and Learn Ok i figured it out. You need to run the command "npm install -g gulp". without the -g you don't get the global access through the commandline.
Can you upload a video customizing the region layout? I would like to take all the controll o my regions.
+Leonardo Cavani There will be video about that, yes.
Thanks !! I'm learning a lot with your videos, when I finish the Drupal Videos I will start with Middleman tutorials. Obviusly I will share your channel with my contacts.
+Leonardo Cavani Thanks Leonardo :)
+Watch and Learn Yes, I'm really interested in the 'Customizing the regions layout' video as well, as it is not very clear how to specify the exact position of the regions created in the video #4 (Blocks and Regions).
Thank you for your Theming tutorial!
+Valery Kondakoff Ok, I have to make a video about Field relationships, and then I will do this one.
4:20 Two ways:
- The Drupal Way
- The Right Way
Thanks a lot
How to make it easy for users to change the background-image?
Add a custom block with something like {{ page.headerimage }} ?
Great video though (:
This course is more complete than many paid ones, and I come from a paid one :(
If I didn't dislike Drupal as much as I do, maybe I would make a paid course, and I would use your comment as a testimonial :D
I despise Content Management Systems. I know how useful they are, I use wordpress everyday. But man its such a drag to be a CMS programmer.
Try October CMS, it's much better for developers than Drupal or WP. You have the whole series on my channel. ua-cam.com/play/PLUBR53Dw-Ef-X-_A1KLy41r2QArCBy4rM.html