Misha about WordPress
Misha about WordPress
  • 21
  • 20 671
Allow SVG Uploads in WordPress (Fixed: Sorry, you're not allowed to upload this file type)
In this video I am going to guide you how you can upload SVG files on your WordPress website without errors.
By default in the latest versions of WordPress if you try to upload SVG files using Media Library, most likely you will not even able to select them from your computore. If you try to do it from the Block Editor (Image block for example), be ready to get an error: "Sorry, you're not allowed to upload this file type".
And right now I am about to show you how to fix both of these.
And by the way, in the video I am showing you a nice logo carousel, it is just a custom Gutenberg block, I am showing it in details in another video:
czcams.com/video/tahyuVMdH5o/video.htmlsi=MZoOxR5eTR82XnIj
#wordpress #svg
zhlédnutí: 48

Video

Auto-Scrolling Responsive Logo Carousel for Gutenberg
zhlédnutí 134Před 21 dnem
In this lesson I will show you how to create an auto-scrolling logo slider carousel in Gutenberg and how to make it responsive. A lot of folks are still using Elementor as a page builder for their project but I really would like everyone to consider a native WordPress block editor which is Gutenberg, everyone things that there is not enough functionality in Gutenberg comparing to Elementor for ...
Setting Up the Development Environment for Gutenberg Blocks
zhlédnutí 152Před 3 měsíci
In this video I will show an example how you can use wordpress/scripts instread of wordpress/create-block when you set up a development environment for your Gutenberg block. 🗺 Find me here: Site: rudrastyh.com Twitter: rudrastyh 🔥 Subscribe for more helpful videos: youtube.com/@rudrastyh #wordpress #gutenberg
How to Set an SVG Icon for a Gutenberg Block
zhlédnutí 110Před 3 měsíci
In this video I show step by step how you can choose any SVG icon for your custom Gutenberg block and how you can set it (and also to change its color) 📦 Resources: Dashicons: developer.wordpress.org/resource/dashicons/ FontAwesome SVGs: github.com/FortAwesome/Font-Awesome/tree/6.x/svgs/regular 🗺 Find me here: Site: rudrastyh.com Twitter: rudrastyh 🔥 Subscribe for more helpful video...
How to Create a Custom Gutenberg Block for WordPress
zhlédnutí 2,7KPřed 3 měsíci
This is the first video in the Gutenberg block development series. In this one we're going to create a Gutenberg block using React (don't worry) completely from scratch. In case you have never worked with React or Webpack - nothing to be worried about, because we are going to cover these topic in the video as well. ⏱️ Timestamps: 00:00 Intro 03:31 Setting up the environment 06:22 wordpress/crea...
Patterns and Template Parts in WordPress Block Themes
zhlédnutí 396Před 3 měsíci
⏱️ Timestamps: 00:00 Intro 02:10 Creating template parts 09:15 Creating patters 🗺 Find me here: Site: rudrastyh.com Twitter: rudrastyh 🔥 Subscribe for more helpful videos: youtube.com/@rudrastyh #wordpress
Templates in WordPress Block Themes
zhlédnutí 248Před 3 měsíci
In this video I am going to dive deep into how to use templates when developing a custom block theme for WordPress. ⏱️ Timestamps: 00:00 Intro 00:24 page.html 06:04 search.html and archive.html 10:42 404.html 12:51 Custom templates 🗺 Find me here: Site: rudrastyh.com Twitter: rudrastyh 🔥 Subscribe for more helpful videos: youtube.com/@rudrastyh #wordpress
useRootPaddingAwareAlignments - How to Use it When Creating a Block Theme
zhlédnutí 97Před 3 měsíci
In this video I would like to dive deep into one specific theme.json setting option - useRootPaddingAwareAlignments. 🗺 Find me here: Site: rudrastyh.com Twitter: rudrastyh 🔥 Subscribe for more helpful videos: youtube.com/@rudrastyh #wordpress
Variables in theme.json
zhlédnutí 122Před 3 měsíci
In this video I will show you how you can use CSS-like variables in your theme.json file when developing a custom block theme. 🗺 Find me here: Site: rudrastyh.com Twitter: rudrastyh 🔥 Subscribe for more helpful videos: youtube.com/@rudrastyh #wordpress
Spacing Options in WordPress Block Themes
zhlédnutí 91Před 3 měsíci
In this video we are going to talk about spacing options configuration when working with a custom block theme. ⏱️ Timestamps: 00:00 Intro 01:12 Hide spacing options 02:35 Hide spacing options for specific blocks 04:47 Default values 09:55 Custom spacing scale 13:12 Units Block names: rudrastyh.com/gutenberg/remove-default-blocks.html#block_slugs 🗺 Find me here: Site: rudrastyh.com Twitter: twit...
Custom CSS in WordPress Block Themes
zhlédnutí 125Před 4 měsíci
In this video I will show you how you can add some custom CSS to a specific block in your block theme. 🗺 Find me here: Site: rudrastyh.com Twitter: rudrastyh 🔥 Subscribe for more helpful videos: youtube.com/@rudrastyh #wordpress
Typography Settings in WordPress Block Themes
zhlédnutí 73Před 4 měsíci
In this video we are going to discuss typography settings - line height, appearance (font weight and font style), letter spacing, text decoration and letter case specifically. ⏱️ Timestamps: 00:00 Typography settings 03:27 Block-specific typography settings 🗺 Find me here: Site: rudrastyh.com Twitter: rudrastyh 🔥 Subscribe for more helpful videos: youtube.com/@rudrastyh #wordpress
Font Families in WordPress Block themes
zhlédnutí 68Před 4 měsíci
In this video I will show you how to handle font family settings for your custom block theme. ⏱️ Timestamps: 00:00 Intro 00:48 Add font family settings 03:42 Custom fonts 08:14 Block-specific font family settings 🗺 Find me here: Site: rudrastyh.com Twitter: rudrastyh 🔥 Subscribe for more helpful videos: youtube.com/@rudrastyh #wordpress
Configuring Fonts Sizes when Developing a Block Theme for WordPress
zhlédnutí 97Před 4 měsíci
In this video we're going to talk about how you can provide your own font sizes options for your custom block theme. ⏱️ Timestamps: 00:00 Intro 01:20 Setting our own predefined font sizes 06:52 Configuring for specific blocks only 🗺 Find me here: Site: rudrastyh.com Twitter: rudrastyh 🔥 Subscribe for more helpful videos: youtube.com/@rudrastyh #wordpress
Duotone Filter in WordPress Block Themes
zhlédnutí 100Před 4 měsíci
In this video I will show how to configure duotone settings in block themes ⏱️ Timestamps: 00:00 Intro 01:20 Duotone settings 03:00 Custom duotone palette 05:35 Block-specific duotone settings 🗺 Find me here: Site: rudrastyh.com Twitter: rudrastyh 🔥 Subscribe for more helpful videos: youtube.com/@rudrastyh #wordpress
Gradients in WordPress Block Themes
zhlédnutí 113Před 4 měsíci
Gradients in WordPress Block Themes
Configuring Color Palettes in WordPress Block Themes
zhlédnutí 291Před 4 měsíci
Configuring Color Palettes in WordPress Block Themes
Create a WordPress Block Theme from Scratch (FSE) (2024)
zhlédnutí 6KPřed 4 měsíci
Create a WordPress Block Theme from Scratch (FSE) (2024)
What Carousel Block Plugin to Use? (Gutenberg)
zhlédnutí 287Před rokem
What Carousel Block Plugin to Use? (Gutenberg)
WordPress Theme from HTML - Step by Step
zhlédnutí 9KPřed rokem
WordPress Theme from HTML - Step by Step
Longboard with my brother
zhlédnutí 313Před 7 lety
Longboard with my brother

Komentáře

  • @rudrastyh
    @rudrastyh Před 15 dny

    Almost forgot, there is also a blog post on my site about allowing SVG uploads, you can also find a code approach there rudrastyh.com/wordpress/svg-support.html

  • @marpusik1277
    @marpusik1277 Před 23 dny

    спасибо 😇

  • @kristijanpirkovic9594
    @kristijanpirkovic9594 Před měsícem

    Hi Misha? Is there a way to prevent the Attempt Block Recovery Issue? I know that Dynamic blocks don't have this issue but the editing experience less UX friendly just like in ACF. In Pinegrow they manage to overcome this by using React on the Backend and PHP on the front end.

  • @abhishekdeb8456
    @abhishekdeb8456 Před měsícem

    Thank you for the wonderful video my doubts about creating custom clears much

  • @ThePumasin
    @ThePumasin Před měsícem

    Будет интересно увидеть создание нескольких разных блоков не создавая под каждый плагин отдельно И создание таких частых случаев как репитеры полей, слайдер, или вывод последних новостей автоматически

  • @taunado
    @taunado Před 2 měsíci

    Thanks. How can I create a dynamic portfolio block (Grid with items and then dynamic page for each item) that's linked to a CMS that the client can CRUD?

  • @codingtostopprocrastinatio9748

    Hi. I created a slider static block. The create-block package contains a view.js file where you add js & css for frontend. The issue is that it doesn't add those assets and i still need to enqueue the files via php enqueue_scripts. Am i doing something wrong or it is supposed to work like this ?

  • @HenryPwn2d
    @HenryPwn2d Před 2 měsíci

    Thank you Misha, was the most clear video on how to get started, keep up good work :)

  • @zakmartin
    @zakmartin Před 3 měsíci

    You lost me at 1:40. I have no idea what Localhost is, or how to use it. This is not "step by step", this is step by step for people who already know how to do what you are supposedly showing viewers how to do.

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      any thoughts about what php is btw?

    • @zakmartin
      @zakmartin Před 3 měsíci

      @@rudrastyh I know what php is. Are you implying that I'm stupid because I couldn't follow your "simple. step-by-step" instructions?

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      @@zakmartin you said it yourself that you're stupid ;) I am not even thinking about it, just trying to figure it out what search query and request you came from so I can improve this and the following videos.

  • @Agent12214
    @Agent12214 Před 3 měsíci

    Thanks Misha! I have used your mulitsite search it works great and support was awesome! I look forward to this video!

  • @onelook1870
    @onelook1870 Před 3 měsíci

    Can we expect tutorial on meta boxes or plugin sidebar with Gutenberg? useSelect, useDispatch, api are this advanced topic?

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      yes, you can

    • @onelook1870
      @onelook1870 Před 3 měsíci

      @@rudrastyh I read your blogs regularly.

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      @@onelook1870 that's amazing!!

  • @Black1991Star
    @Black1991Star Před 3 měsíci

    Can you please explain why this block does not showing in your block template? (In the topic that you showed in previous lessons)

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      what do you mean i don’t get it

    • @Black1991Star
      @Black1991Star Před 3 měsíci

      @@rudrastyh Oh, sorry, it's my mistake. I didn't see that the Home page wasn't showing any content.

  • @Black1991Star
    @Black1991Star Před 3 měsíci

    Thanks. Can you explain how to store block styles in a separate file? *So that they are not inlined for each block on each page?

  • @mangalavaram
    @mangalavaram Před 3 měsíci

    created custom post type and taxonomies, how to show the custom taxonomies on results page

  • @Black1991Star
    @Black1991Star Před 3 měsíci

    Thanks. Can you please explaine Why is this test block dosen't work for your block type template ? (I see nothing on a frondend part of site, only in default template)

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      hey can you provide more details pls

  • @thebilalafsar
    @thebilalafsar Před 3 měsíci

    Please create an advanced tutorial on WordPress Speed Optimization and Core Web Vitals. Instead of just relying on plugin installations, delve into manual techniques and cover every aspect thoroughly. Teach genuine methods to speed up WordPress sites and achieve a Google PageSpeed score of 90% or higher.

  • @thebilalafsar
    @thebilalafsar Před 3 měsíci

    Hey Misha, I stumbled upon your CZcams channel thanks to a suggestion from CZcams. I appreciate your focus on creating advanced WordPress content, which sets you apart from other CZcamsrs. Most channels I've come across only cover basic topics like page builders and plugin installation. I have a request for you: Could you please consider creating an advanced WordPress course from the ground up? This would include topics like theme and plugin creation, troubleshooting, speed optimization, and more. I believe such a course would be incredibly valuable. Thanks in advance!

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      Hey, thank you very much! I am thinking about a course like that to reate next, most likely it is going to be a WooCommerce-related one

  • @user-uh8wr6wl8o
    @user-uh8wr6wl8o Před 3 měsíci

    explained perfectly 🤗

  • @iftakharulislam9068
    @iftakharulislam9068 Před 3 měsíci

    That's great brother. Need more interesting tutorial like this on Gutenberg block and use of block action filters

  • @CuruSmith
    @CuruSmith Před 3 měsíci

    Cool video 😮

  • @nicksleap
    @nicksleap Před 3 měsíci

    в 24 году объяснять разработчику как юзать терминал, это кринж или рофл?

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      а в 23 году ещё можно было?

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      а если серьёзно, то очень многие не знают таких вещей, как бы странно это ни казалось

    • @mihdan_dev
      @mihdan_dev Před 3 měsíci

      Что такое терминал?

    • @rosumere
      @rosumere Před 3 měsíci

      ​@@mihdan_dev я слышал в них деньги на "сотки" кладут. Казалось бы - причем тут wp 😂

  • @rudrastyh
    @rudrastyh Před 3 měsíci

    Guys, if you need the source files from this video, please let me know in the comments

    • @user-uh8wr6wl8o
      @user-uh8wr6wl8o Před 3 měsíci

      please give the repo link for this block so we can study if do any mistake

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      Here you go github.com/rudrastyh/misha-subscription-block

    • @fatjay9402
      @fatjay9402 Před 2 měsíci

      why did you disable like button ?

    • @rudrastyh
      @rudrastyh Před 2 měsíci

      @@fatjay9402 I didn't

    • @fatjay9402
      @fatjay9402 Před 2 měsíci

      @@rudrastyh o maybe youtube bug.. :) i made like that why i was wondering

  • @onelook1870
    @onelook1870 Před 3 měsíci

    Thanks for the video,

  • @onelook1870
    @onelook1870 Před 3 měsíci

    Hi misha can we expect some advance topics like cron, notifications and settings api

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      Hey, maybe just let me know what topics you're interested in

    • @onelook1870
      @onelook1870 Před 3 měsíci

      @@rudrastyh REST API, CPT, WP LIST Table, SEttings API and many more. So much to learn😥

  • @Black1991Star
    @Black1991Star Před 3 měsíci

    Is it possible to use the standard WordPress options to make the duotone retractable using the :hover property? Or only by using class ?

  • @Black1991Star
    @Black1991Star Před 3 měsíci

    Can you please explain how you add left and right padding for Header template? I use setting like in your example but it don't work for me.

  • @Black1991Star
    @Black1991Star Před 3 měsíci

    Can you please explain what to do for @media settings ? To customise different sizes for mobile or tablet displays ect?

  • @visualmodo
    @visualmodo Před 3 měsíci

    Very good video! =D

  • @Black1991Star
    @Black1991Star Před 3 měsíci

    Hi I got a problem with template kubrick `Fatal error: Array and string offset access syntax with curly braces is no longer supported in D:\OSPanel\domains\block.loc\wp-content\themes\default\functions.php on line 110` Can you fix it ?

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      hey i guess you just need to switch to a lower php version cause the kubrick theme itself is extremely old

    • @Black1991Star
      @Black1991Star Před 3 měsíci

      @@rudrastyh thanks, I thought the it is your theme

  • @Black1991Star
    @Black1991Star Před 3 měsíci

    Thank you. Can you explain what to do if you don't need the search page? If, for example, you need to get the search result in a pop-up window? How to add custom block with AJAX request ? Or how to filter posts by any of the parameters ?

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      thank you for the ideas, maybe in the next videos

  • @Black1991Star
    @Black1991Star Před 3 měsíci

    Hi, could you please explain how to set different font sizes for the same block but for different media queries? For example, for desktop, tablet, mobile?

  • @user-fn5xk5oc6g
    @user-fn5xk5oc6g Před 3 měsíci

    Good Bro! 👍

  • @onelook1870
    @onelook1870 Před 3 měsíci

    Hi, Misha will you be creating plugins too?

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      hey, gutenberg blocks maybe

  • @Roman-hu4jq
    @Roman-hu4jq Před 3 měsíci

    Really helpful and actual! Thank you 🙏

  • @michanabrdalik3795
    @michanabrdalik3795 Před 3 měsíci

    I have a question: how do you prevent this header from deleting this added custom class by client? I assume this is easy to client to break design by accident.

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      we need to copy it to the template once we added this class for sure

    • @michanabrdalik3795
      @michanabrdalik3795 Před 3 měsíci

      @@rudrastyh ok i understand, so for instance header.html is our backup. Thank you :)

  • @michanabrdalik3795
    @michanabrdalik3795 Před 3 měsíci

    Hi, thanks for this video :) Do you plan to make video about creating custom block?

    • @rudrastyh
      @rudrastyh Před 3 měsíci

      Hi, tbh thinking about it ;)

  • @onelook1870
    @onelook1870 Před 4 měsíci

    Subscribed

  • @visualmodo
    @visualmodo Před 4 měsíci

    Truly good video!

  • @orazaliorazali1000
    @orazaliorazali1000 Před 7 měsíci

    Like

  • @orazaliorazali1000
    @orazaliorazali1000 Před 7 měsíci

    Thanks!

  • @orazaliorazali1000
    @orazaliorazali1000 Před 7 měsíci

    Thanks!

  • @aminerocma9071
    @aminerocma9071 Před 7 měsíci

    Thank you so much man, I was really having issue with functions but you helped me furthermore you taught me how to handle the error ❤❤❤❤🤜🤛

  • @karl-ford
    @karl-ford Před 7 měsíci

    Would that convert the HTML to classic heme or block theme? Thank you.

  • @DejanPavlovic-tu8vj
    @DejanPavlovic-tu8vj Před 8 měsíci

    Can we get more please?

  • @Guocporet-ke3rl
    @Guocporet-ke3rl Před 9 měsíci

    hope next video you make more about wordpress (plugin, custom widget, or advanced themes...) thanks again to you

  • @Guocporet-ke3rl
    @Guocporet-ke3rl Před 9 měsíci

    thanks for sharing

  • @Inso_87
    @Inso_87 Před 9 měsíci

    nice Video, are there any div classes for 1 column Design or 3 column Design?