- 27
- 15 231
SinanWP
United Kingdom
เข้าร่วมเมื่อ 14 มิ.ย. 2021
Web & WordPress Development ❤
Page Reading Scroll Progress Bar for WordPress Bricks Builder
This GSAP data-animate feature comes with my SNN-BRX Theme.
If you dont know what is SNN-BRX Theme Watch This : th-cam.com/video/PssxfHxDdmY/w-d-xo.html
00:00 Intro & Demo
00:28 Explanation & Setup
01:15 How to Make it
If you dont know what is SNN-BRX Theme Watch This : th-cam.com/video/PssxfHxDdmY/w-d-xo.html
00:00 Intro & Demo
00:28 Explanation & Setup
01:15 How to Make it
มุมมอง: 301
วีดีโอ
Easy Page Transitions for WordPress Bricks Builder
มุมมอง 47514 วันที่ผ่านมา
The Ultimate Theme SNN-BRX Child Theme 😎 v0.177 If tyou dont know what is SNN-BRX Theme Watch This : th-cam.com/video/PssxfHxDdmY/w-d-xo.html 00:00 Intro and Demo 01:36 The Setup 05:15 Talking About Random Stuff
Custom Maps, Map Colors, Map Icons for WordPress Bricks Builder
มุมมอง 41714 วันที่ผ่านมา
My Custom Map Element. If you dont know what is SNN-BRX theme check this video : th-cam.com/video/PssxfHxDdmY/w-d-xo.html 00:00 Introduction 00:45 Setup, How it works 01:02 Understandign LAT and LON Coords 03:19 Custom Styles, Map Colors ! 03:47 What is map Tiles ? 04:32 Dark Color and Topology Color
Try My CODE HTML CSS ELEMENT, WordPress Bricks Builder, ITS JUST BETTER
มุมมอง 25021 วันที่ผ่านมา
Improved my Custom Code Element try it. If you dont know what is SNN-BRX theme check this video : th-cam.com/video/PssxfHxDdmY/w-d-xo.html
Lottie Element, SVG Animation with WordPress Bricks Builder, EASY !
มุมมอง 51021 วันที่ผ่านมา
This Lottie Elements gets added with my theme SNN-BRX child theme if you dont know what is SNN-BRX check this video th-cam.com/video/PssxfHxDdmY/w-d-xo.html 00:00 Intro 00:47 What is Lottie ? 01:42 How to Make SVG Animation ? 02:48 Some Libraries for Lotties 03:17 Lottie Element Workflow and Options #wordpress #bricksbuilder #sinan
GSAP Animations for WordPress, Bricks Builder, EASY !
มุมมอง 1.1K21 วันที่ผ่านมา
This is the way. First Video SNN-BRX Theme Introduction th-cam.com/video/PssxfHxDdmY/w-d-xo.html 00:00 Intro 01:29 Enabling GSAP in SNN-BRX 02:55 Your first GSAP Scroll Animation 05:03 Explaning GSAP Scroll Animation Differences 06:35 Serial GSAP Scroll Animation 08:08 PINNED GSAP Scroll Animation 10:09 Parallax GSAP Scroll Animation #wordpress #bricksbuilder #sinan
The ULTIMATE WordPress Theme, SNN-BRX for Bricks Builder - v0.151
มุมมอง 2.2K21 วันที่ผ่านมา
Explaining the all the important featuresSNN-BRX Child Theme. This theme works with bricks builder only. github.com/sinanisler/snn-brx-child-theme/issues 00:00 Intro 01:25 Setup & Install 02:12 SNN Settings & White Labeling 03:20 Other Settings & GSAP & UI and UX Changes 07:25 Security Settings 09:35 Login Settings & Customizations 12:58 Custom Post Types 14:18 Custom Fields 17:30 Custom Taxono...
Headless DYNAMIC WordPress, Free Website, WP to Cloudflare
มุมมอง 3193 หลายเดือนก่อน
With WP-REST it is very easy to make Headless DYNAMIC WordPress. sinanislercom.pages.dev/ developer.wordpress.org/rest-api/ * Code is not very clean I know but I wanted to make this video really fast and teach how great is wp-rest.
Headless STATIC WordPress, Free Website, WP to Cloudflare
มุมมอง 2863 หลายเดือนก่อน
EASY Headless STATIC WordPress, WordPress to Cloudflare Deploy, Simple Headless Static Site 😊 NO-CODE Headless WordPress 00:00 Intro 01:11 Installing Plugin 01:30 Generating .zip Build 02:50 Cloudflare Subdomain 04:04 Upload .zip Build 06:16 Site LIVE 06:45 Talking about Forms
Basic Translation WordPress Page Without Plugin
มุมมอง 1864 หลายเดือนก่อน
With this method, you can easily translate a landing page. Script: sinanisler.com/codex/easy-wordpress-multilanguage-translation-with-javascript-array-json/ If you want to change something just use AI to help you ;)
SNN-BRX - My Bricks Builder Child Theme - v0.1
มุมมอง 4636 หลายเดือนก่อน
github.com/sinanisler/snn-brx-child-theme
Make ChatGPT More Readable + CSS Code
มุมมอง 917 หลายเดือนก่อน
Chrome chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne You can install it for firefox too. CSS : codepen.io/sinanisler/pen/GRajLMY
Backup Migration Plugin - WordPress Plugin Review
มุมมอง 5287 หลายเดือนก่อน
Backup Migration Plugin: sinanisler.com/backupbliss 00:00 Intro 01:15 Creating Backup 02:30 Creating Staging from The Backup 04:05 Moving the Staging to LIVE 05:15 Showing Some More Features
SCROLL TRIGGER ANIMATION, FREE PLUGIN, GSAP - Bricks Builder, WP Tutorial
มุมมอง 9818 หลายเดือนก่อน
Do you need GSAP Scroll Trigger Animations on Bricks Builder? 00:00 Intro 01:05 Creating the New Page 03:00 Making The First GSAP Animation 05:00 Staggering Child Doms/Containers 06:00 Scrubbing Linking Animation to Scroll Bar 07:03 Enabling Markers / Debugging 10:06 Enabling Pinning 11:00 Finetuning... 12:00 Y Position Property 12:30 Finetuning, Finetuning...
SCROLL STACKING, STICKY - Bricks Builder, WordPress Tutorial
มุมมอง 6278 หลายเดือนก่อน
00:00 Intro 00:18 Building Layout 01:20 Stacking, Sticky & Top Settings
Bricks Builder Blocks, Gutenbricks Plugin, Easy Custom Blocks - WordPress
มุมมอง 4348 หลายเดือนก่อน
Bricks Builder Blocks, Gutenbricks Plugin, Easy Custom Blocks - WordPress
CSS GRID - Bricks Builder, WordPress Tutorial
มุมมอง 7198 หลายเดือนก่อน
CSS GRID - Bricks Builder, WordPress Tutorial
DYNAMIC LOOP POPUPS, TOO EASY - Bricks Builder, WordPress Tutorial
มุมมอง 8548 หลายเดือนก่อน
DYNAMIC LOOP POPUPS, TOO EASY - Bricks Builder, WordPress Tutorial
DOM, HTML Optimization - Elementor vs Bricks Builder - WordPress Tutorial
มุมมอง 1968 หลายเดือนก่อน
DOM, HTML Optimization - Elementor vs Bricks Builder - WordPress Tutorial
Variable Manager / Library, New Feature 🔥 - Bricks Builder, WordPress Tutorial
มุมมอง 1.4K8 หลายเดือนก่อน
Variable Manager / Library, New Feature 🔥 - Bricks Builder, WordPress Tutorial
Conditions - Elementor vs Bricks Builder - WordPress Tutorial
มุมมอง 1428 หลายเดือนก่อน
Conditions - Elementor vs Bricks Builder - WordPress Tutorial
3D Web Animations, 3D Design Tool, ThreeJS - Spline 3D
มุมมอง 2178 หลายเดือนก่อน
3D Web Animations, 3D Design Tool, ThreeJS - Spline 3D
Basics - Elementor vs Bricks Builder - WordPress Tutorial
มุมมอง 3558 หลายเดือนก่อน
Basics - Elementor vs Bricks Builder - WordPress Tutorial
Basic Setup - Fonts, Colors and Sizes - How to Bricks Builder, WordPress Tutorial
มุมมอง 1.1K9 หลายเดือนก่อน
Basic Setup - Fonts, Colors and Sizes - How to Bricks Builder, WordPress Tutorial
Page Transitions, WordPress + Bricks Builder + HTMX
มุมมอง 63611 หลายเดือนก่อน
Page Transitions, WordPress Bricks Builder HTMX
Where to Install WordPress, WordPress Tutorial
มุมมอง 197ปีที่แล้ว
Where to Install WordPress, WordPress Tutorial
Understanding WordPress, Block Editor, Template Hierarchy
มุมมอง 278ปีที่แล้ว
Understanding WordPress, Block Editor, Template Hierarchy
Interesting! How affects the loading speed your custom theme? Are there anything that slows down the loading page?,not sure about GSAP, maybe that slows down... I am just asking. Can you compare the speed with youtheme vs the default child theme? any diffrences? Thank you.
almost none. I already used the theme on multiple prod sites I still can get 99 100 performance on lighthouse... test it yourself.
@@SinanWP Thank you. I will test myself. Normally I use Bricks Builder with ACSS and Advanced Themer.
I noticed that you have removed the ICONS from all your elements within the Bricksbuilder using your latest child theme.......But the Container element icon is still visible !!!! was this on purpose or is that a "glitch"
lol I just seen what you are saying thats not container icon hover that and READ what it is and CLICK to learn :)
This is awesome and a huge timesaver, THANK YOU
Scroll triggering is dope! What about lotties in CTA's, can you animate this on a click/hover/other interaction? 😀
hover and click lottie plays are on my list.
@ cant wait!
added try the latest release
Thank you! so simple it's genius
Hi... here are some great freatures, thanks... will be using this but I need to add custom avatars to users maybe look at how they implemented this feature (WP Swiss Toolkit | Plugin by BoomDevs)
Its not that hard to implement but I am not sure that feature is related to this theme. Almost every feature I add agency client freelance work related.
It will be a game changer, if your theme could have reactivity. Like in ReactJS single application, when you click on links and instead of loading pages, the next page appears immediately. Any plans to work on it? Thanks
already did. check this my htmx video th-cam.com/video/ZtULptLDm8U/w-d-xo.html making spa with wp + htmx childs play really but I prefer this gsap method of transition because it is native. will think about it.
Learn Basic CSS...
New Version Released and TONS OF NEW FEATURES ADDED ! VIDEO HERE -------> th-cam.com/video/PssxfHxDdmY/w-d-xo.html
I need to add JavaScript also how can I do that???
inside <script> tags
This is absolutely amazing. You have a lot of energy and you can manage it in a way that is helpful for you and for others, Congratulations for this to you. 💪One Question, how does it depend on the later changes in bricks builder or WordPress core? I'm thinking about the maintenance of the web sites as they may chnage in future and the easiest way to keep them working without extra efforts. For instance if a plugin has a bug and the developer fixe it, we can solve it by simply update them, but for custom codes, we have to go into each website and update them manually one by one. How do you manage this kind of things ?
I am building this theme to install it on client project and forget about. About PLUGIN BUGS or CONFLICTS; as long as you dont create conflict like using the gsap settings with motion.page or bricksforge together bugs or conflicts will not happen. Everything is very clean and simple coded and if bug happens easy to fix it as well. I already fixed tons of bugs and theme is very stable. But still make your tests first with your workflow. While I am developing this theme I am not testing with other plugins because I dont care about other plugins that is why I am developing this theme. I want to delete all the plugins because I can solve most of my needs with this theme. Thats my thinking.....
Great Great work. Thank you very much. Take ❤ from me for your contribution. You spend much more time on this. You deserve it.
This features comes from my theme If you dont know what is SNN-BRX theme check this video • th-cam.com/video/PssxfHxDdmY/w-d-xo.html
This features comes from my theme If you dont know what is SNN-BRX theme check this video • th-cam.com/video/PssxfHxDdmY/w-d-xo.html
Thank you for your valuable tips. Your child theme is also great 😊
Great work man! Do you have any plans to integrate a smooth scroll like Lenis or any of the gsap text plugins?
no. smooth scroll needed when you are in windows but when you scroll with mac touchpad or apple mouse or ios or android phones their scroll works like a smooth scroll so when you think about it smooth scroll is imitating the mac scroll and this is very annoying thing. we are hijacking peoples scroll to imitate apple :)
This is awesome, love your feedback and work! =]
Where i can find snn other setting?
th-cam.com/video/PssxfHxDdmY/w-d-xo.html
As a sidenote.. using Cloudflare and Cloudflare's Tunnels, you can host this dynamic site right from your very own computer, 100% secure.. that's right, no paid hosting needed!
Nice work.. provided it doesn't conflict with Advanced Themer 😊
every feature is modular having any conflict with a plugin would surprise me.
This is just Great!
This features comes from my theme If you dont know what is SNN-BRX theme check this video • th-cam.com/video/PssxfHxDdmY/w-d-xo.html
Your child theme is an absolute powerhouse of enhancements and improvements for bricks and WordPress! Is it possible to for this child theme to be a plugin? or is it possible to utilize certain features of the child theme through code snippets?
child theme is right way to go. LESS IS MORE.
Awesome Stuff 🔥 I´m not a WP Pro, what do I need to make this GASP animation work in a new WP installation with bricks builder activated? Do I need that Github zip file and or a special theme?
Yep that's it watch the previous video to learn this child theme. And definitely learn little bit CSS just the basics.
So very much appreciate your content! Would love to see more GSAP bricksforge tutorials
Nice, this have a lot of potencials.
Hey! Let me start by saying, great content! I just stumbled upon your video (thanks to TH-cam recommendations) about your child theme project yesterday, and I immediately subscribed. You asked for suggestions on what videos you should make, so here’s my genuine input: GSAP animations are fantastic, but many of us don’t have the time to code these things from scratch. I have an LTD for Bricks Forge and Motion Pages and use them because of time savings. The reason I actually subscribed to your channel is because of your child theme project. This is where I think you should focus your efforts. You're the only person on TH-cam doing something like this, and it's incredibly valuable. Honestly, I would even pay for this if it included all the functions I need. Why? It’s much better to add these features via a child theme than to keep updating plugin after plugin. I currently add similar functions via code snippets, but as flat files, so they don’t affect my database. I’ve been considering creating a "blueprint child theme" myself, but I just don’t have the time to dedicate to it. Turning this into a series of videos-adding functions, explaining them, and growing your audience-would be amazing. I’m all for it! I even starred your GitHub repo with the intention of forking it to add the functions I need for WordPress :) :) :) Keep up the awesome work, and I can’t wait to see more from you!!
I will add some stuff to this theme for sure I have tons of plans for 2025 😉 BUT I will never have a roadmap 🤣 Problem is, it is imposible to make a perfect theme for everyone and I am not making a theme for everyone. I am developing this theme first for myself. All of these features are very strategic and client focused it will be more clear in time when I make more videos. Enjoy the ride.
Thanks for your efforts, I just bought Bricksforge and want to learn cool animations but haven't had time to play with it...... I guess there are many ways to do things......
I have motion.page lifetime I still coded this and will use this on prod ;)
Enjoy ✌ This features comes from my theme If you dont know what is SNN-BRX theme check this video • th-cam.com/video/PssxfHxDdmY/w-d-xo.html
I'm sorry... I didn't understand. I even didn't get how you make static from wordpress... I like your attitude to solve things, but this video...ehm... too fast and not clear form me!
In short, you have to have a Cloudflare Account (free one will do), a domain, and a source for the data you want to "fetch" and then display. He assumes you already know about the Cloudflare setup, it's not difficult and there are NUMEROUS videos explaining how to do it.
Thanks for the answer. :)
Hi SInan, first of all thanks for the effort, but i think there is a little bug, even if I dont check the "Enable Math Captcha for Login", when I try to login from a incognito window, i write my credentials but it ask me for a correct captcha, even when there is no captcha box
please test the latest release made a fix for it. github.com/sinanisler/snn-brx-child-theme/releases what is your hosting and browser btw ?
@@SinanWP I experienced this issue as well. Had to enable math captcha to prevent being locked out.
@@SinanWP sorry for delay, I{m testing in local, my default browser it's Brave, but when I have a problem, I try with chrome, opera or firefox
this is fixed btw. I disabled sessions and math chaptcha will not effect the login at all completely frontend now. it will block the basic bots still better this way.
So what does the theme do to the login/credentials? if I'm working on a project and I get timed out when I try to log back in my password doesn't work, I reset my password and still can't get it but the moment I disable your child theme I can log in with no problem.
please test the latest release made a hotfix for it. github.com/sinanisler/snn-brx-child-theme/releases what is your hosting btw ?
@@SinanWP I was working on a test side with TasteWP then I moved my site to a local installation using Local and in both cases the issue occurred, I'll test the new update and let you know if it works.
UPDATE, I was mistaken, I was working on a site with InstaWP and that's where I saw the issue, right now I tested that site with Version: 0.156 and I still get locked out, then I spun a new site this time is TasteWP and with Version: 0.156 I also got locked out, I don't know if this is issue is hosting related.
are you sure you are downloading the latest release :) it needs to be 0.156 github.com/sinanisler/snn-brx-child-theme/releases/
@@SinanWP Yes I checked the version inside Wordpress, I'm pretty sure that is the version.
Love your work @SinanWP!
be seeing you at 1.0
this theme will not become 1.0 until 0.999 🤣🤣 all versioning is automated github.com/sinanisler/snn-brx-child-theme/blob/f88e3804208538c31be2dad5ba7afbdac4ebf3e0/.github/workflows/main.yml#L65
Thanks for this video! Is it possible with bricks builder and WooCommerce?
not this method but headless woocommerce possible check this podcast dothewoo.io/headless-woocommerce-and-wordpress-with-darko-svetolikovic/
Great Job!
One question. If i have a plugin that does one or two thing similar with the theme, ie disabling the comments, will it conflict with the theme or not?
no it wont if you dont enable anything everything will be as native-default like before. thats why I made ALMOST everything as settings.
Wow. Great work. Thank you so much.
please, make a version for elementor! I plan to start new projects with bricks but I still use elementor a lot. Would be really useful.
stay away from elementor like it is a virus :) dont make any new sites with it.
@@SinanWP 100% agree, run away :)
suggestion: instead of completely hide the icons, turn them small and aligned to the left. Icons makes easy to find the widgets
tried that .didn work. looks cleaner without icons and icons takes text space readability more important than icons
This is awesome, I'm gonna use it on my clients and charge them 100 million dollars 😉
enjoy :)
Great! But it is safe use this child theme with GSAP with Next Bricks that use GSAP library too? Thanks! Great work 👏👏👏
yes should be ok but that kills the purpose of the feature. I implemented this gsap so I dont have to use other plugins. LESS IS MORE.
That's cool dude
Damn dude, you're a freak lol
But Wait There is More... Theme Download : sinanisler.com/snn-brx-download ISSUES and BUG reports --------------------- > github.com/sinanisler/snn-brx-child-theme/issues
Thank, nice introduction. How does it work with dark mode? Ist there a way in Bricks to assign alternative colors that will be displayed when the site is in dark mode?
bricks builder doesnt support like one click dark mode or anything but there are so many ways to solve dark mode. I usualy create my own custom classes and styles and solve it with one couple line of custom css check. jsut basic css.
@@SinanWP Thank you. That's how I've done it so far. I hoped with Bricks and ACSS there'd be a more elegant way.