Suffice to say that the guide you followed is not from the official OpenWrt project.
The device you're using appears to be swconfig based, not DSA. Thus the method of configuring VLANs is different and does not apply to the OP's situation.
Further, I'm not entirely certain that you're using official OpenWrt on your device. But that's less relevant here.
We have guides here on OpenWrt. These are preferred against those that are hosted on other sites because the OpenWrt community has vetted them for accuracy.
Moreover, the guide you've just linked does't really address VLANs properly. It only shows how to remove a port from br-lan and use that elsewhere. As such, it's not a true VLAN example.
This is my understanding (i'm not a super hacker):
Wireless can only work if the network (interface) you assign it to is assigned directly to a bridge. (as far as I know)
From what I can see, you aren't doing any tagging on any port, so there's zero reason to use vlans.
You can just make a bridge with lan1 and lan2 in it (basically just remove lan3 and lan4 from br-lan)
Make another bridge with lan3 and lan4 in it (eg br-iot)
Assign the 'personal' interface to br-lan, and the 'iot' interface to br-iot
Assign your wireless to whichever one
If you want to stick with using vlans, basically, you can put a bridge ontop of a bridge. E.g..
Make a bridge eg call it switch0 assign all ports to it
Configure the filtering as you like (eg lan1 and lan2 are vlan20, lan3 and lan4 are vlan 30 etc) for switch0
Remove all the ports from br-lan, add port switch0.20
Make bridge called br-iot, add switch0.30 as the port
Assign the 'personal' interface to br-lan, and the 'iot' interface to br-iot
Assign wireless as you choose
I'm not sure if you should actually use the name switch0 but the idea is there.
Second way is to use all one bridge and I kinda go over it here VLANs issues on OpenWRT v24.x.x - #10 by ssosipov, essentially, you make an unmanaged interface, set it to use the bridge with everything in it including the wireless device of the network (that you add in manually) what I don't say in my post there is you can actually do this pretty easily because it lets you name the wireless device for each network, so it's actually really easy to then add them in manually as ports of the bridge and untag it onto whatever network you like in the filtering. Then you set the wireless to use that, but you set up the interfaces as you'd expect with the bridge.id.
Multiple bridges may not work with DSA. It might work for the simple case of untagged external ports. It will not work to have the same physical port (tagged with different VLANs) in multiple bridges. The switch hardware won't be set up properly. At least that was the case when DSA first appeared.
It is possible to place an IP address directly on an Ethernet port or a wifi AP interface without involving a bridge. This setup only allows one port. A dual band router with an AP on each band to the same network requires a bridge.
Yes. I actually did a major overhaul of that article a few months ago. It should be good.
Yes, it can work with VLANs. Get it setup with the primary network (the one used to manage the device) first. Then the others will be added as unmanaged. If you've got an AP that uses DSA, the config will largely be the same except for the additional networks using proto 'none'.
Keep in mind that the wifi client isolation only works on a per-AP basis. That is to say that your guest wifi clients will not be able to see other clients that are connected to the same AP, but they would be able to see clients connected to the other AP.
I connected via lan2 port from the main router and WAN port on the AP router. then I connected my pc via lan1 port of the AP and now it does not have an internet connection. also, how to setup the VLANs I previously created from the main router to be used in the AP as well?