How To Build Complex Web Pages with Wordpress, Visual Composer & Slider Revolution 5

Поділитися
Вставка
  • Опубліковано 24 гру 2024

КОМЕНТАРІ •

  • @vilmawasserman8295
    @vilmawasserman8295 2 роки тому

    I enjoyed this so much and learned even more. I am brand new to Web building and this was a huge step in the right direction. Thank you so much for thinking about the little guy with big dreams

  • @KubenNaidooKZN
    @KubenNaidooKZN 7 років тому +1

    You are an excellent tutor - I like the speed and accuracy of the tutorials. Thank you for taking the time. Really appreciate this.

    • @WPTuts
      @WPTuts  7 років тому

      Thank you very much, it's really nice of you to say :0)

  • @AJellySnakeRebel
    @AJellySnakeRebel 7 років тому

    just got yourself another sub. seems to be the most informative channel for styling wordpress with vc out there.

  • @fmanpk
    @fmanpk 4 роки тому

    Your video is wonderful to understand a lot. I need to know which theme you used in your word press. I also need this one.

    • @WPTuts
      @WPTuts  4 роки тому +1

      It's more than likely Impreza in this video. It's available from ThemeForest. :)

  • @thetallbillybass
    @thetallbillybass 8 років тому +2

    I've just purchased a theme that came with Visual Composer. I can't seem to find the Background Overlay option. Any suggestions? It is not located in the same area as this video describes. Parallax options are located in the Background tab, and Responsive Options is included as a new tab in my version.

  • @Marjoline
    @Marjoline 7 років тому +1

    This video just goes through at the perfect speed, and with such excellent examples! Thanks heaps!

  • @JCBiffro
    @JCBiffro 7 років тому +1

    Loving your vids man, slowly going through them one-by-one. Appreciate the time and effort put in!

  • @ezk10003
    @ezk10003 7 років тому

    Perfect timing, just what I am doing this evening! Thanks, great, useful and well made video!

  • @hamidrezamoshfeghi8352
    @hamidrezamoshfeghi8352 4 роки тому

    @18:30 what if we want to resize that exact image to match other 2 ?

  • @jacquedreyer5479
    @jacquedreyer5479 7 років тому

    Great Video - really helped me get my head around the visual designer. Thanks for sharing!

  • @BPEZZY87
    @BPEZZY87 7 років тому

    Can you use Visual Composer to build a site without the license because some come with basic version

  • @sophiemulders
    @sophiemulders 8 років тому

    Is it possible to make the 3 service images round??

  • @rashedxyz
    @rashedxyz 7 років тому +1

    Very clear, easy to understand. Thank you for making such awesome videos

    • @WPTuts
      @WPTuts  7 років тому +1

      My pleasure :0)

  • @davidfaichney4891
    @davidfaichney4891 6 років тому +1

    Nice tutorial mate, that is a massive help! Thanks. Just subscribed

    • @WPTuts
      @WPTuts  6 років тому

      Welcome aboard :0)

  • @sarmad54
    @sarmad54 5 років тому +1

    excellent video, and really teaching.

  • @JohnSmith-yu7it
    @JohnSmith-yu7it 7 років тому +1

    Great video, from what I understand visual composer is a plugin not a theme. What theme did you use to start?

    • @WPTuts
      @WPTuts  7 років тому

      I used Impreza, a commercial theme in this video. A well designed and versatile theme :0)
      IMPREZA THEME: themeforest.net/item/impreza-retina-responsive-wordpress-theme/6434280?ref=Psmeg

    • @JohnSmith-yu7it
      @JohnSmith-yu7it 7 років тому

      Thank you

    • @WPTuts
      @WPTuts  7 років тому

      My pleasure :0)

  • @pedrocoutinho674
    @pedrocoutinho674 8 років тому +1

    I need to make a section overplaced by other. Let me explain better. I have two sections with text and image in both and I want the image of the bottom section be over the other. Is it possible?

    • @Equinedaddy
      @Equinedaddy 8 років тому

      Overlapping sections is done by adding negative margin or adding a custom css of position: relative; then adding a top percentage... Try taken the image and adding negative margin to it, it should bring the image up or down.. Hard to explain in full through text.
      Ex. You have two section bottom with image top with content, you want the image (Tablet pic) to be on both of them, you would add a margin top of -250 (or a number depending on size of section and image).. This should then move that image 250px negative which would be the opposite direction than what the margin is..
      Hope this helps

  • @TheSerge78
    @TheSerge78 7 років тому

    Great video, with your videos VC looks like easy ! great job !

  • @Encinozojuan
    @Encinozojuan 7 років тому

    nice video it help me a lot. So I have a question can i use visual composer and slider revolution 5 on any theme that i want or only with impreza theme ? thanks

    • @WPTuts
      @WPTuts  7 років тому

      Juan Hidalgo as long as you have a license you can use them on any theme. 👍

    • @Encinozojuan
      @Encinozojuan 7 років тому +1

      nice thanks for answer me.

  • @AndrzejC
    @AndrzejC 7 років тому

    hi, I noticed your menu is different to what I get in VC, did you change it in any way in VC or any other way. My version of VC can change only fonts (colours and types). Great tutorial btw.

    • @WPTuts
      @WPTuts  7 років тому

      I'm using the Impreza theme for the video, so that may well alter some of the options available, but that shouldn't affect the methods covered in the video. :0)

    • @AndrzejC
      @AndrzejC 7 років тому

      WPTuts thx, but you don't cover this in the video. My question is, is it possible to change the menu how it looks like using VC or is there any other way?

    • @WPTuts
      @WPTuts  7 років тому

      Oh right, sorry. No, VC doesn't control any of the theme based options and styles, just the main page content.

  • @sundaraprem1301
    @sundaraprem1301 7 років тому

    Hi! I have some questions to ask u. When I added some widgets to my page the position of widget is the same position of sliders.i want my slider to be on the top and full width. And another block and widget under slider. How to do it ? Please help me ? I used visual composer too . Thank !

  • @routetochange575
    @routetochange575 7 років тому

    very useful video. Thank you

  • @nickballantine6865
    @nickballantine6865 7 років тому

    HI, Loved the video. What you are showing is exactly what we want to be doing. We have begun working with Visual Composer but do not see some of the tools that you are using. For example we have General and Design Options and that is all. You have Background and Effect which we do not have. Is this only available on the premium Visual Composer or is it only available in the theme you are using? Even within the General tab, you have options that we do not see. Hope you can clear this up for us. Nick B

    • @WPTuts
      @WPTuts  7 років тому

      Hey Nick, the options you're referring to are part of the Impreza Theme modified version of Visual Composer.
      You can find out more here: bit.ly/2rn5yYx
      I hope that helps :0)

  • @angietorre5658
    @angietorre5658 6 років тому

    I would like to know how to add html code to individual images. Can you tell me how to do that? Thanks, Angie

  • @nakedbutlerboys2776
    @nakedbutlerboys2776 7 років тому

    great videos, they are all very helpful although im struggling to get the background and effect option when editing. i purchased visual composer thinking this would give me the options but still no luck. please help :)

  • @cyclist030
    @cyclist030 7 років тому

    I like your Videos! I expected something different in this video. I'm working on a onepage website with siteorigin pagebuilder and I'm thinking about to buy Revelution Slider. Is it possible to animate rows, that u build with Visual Composer with Revolution Slider?

  • @herodontus
    @herodontus 6 років тому

    This is a rather basic page but great work explaining the process!

  • @Keganj7
    @Keganj7 7 років тому +1

    Is there a way to add an email as a link in the button but when a viewer clicks on the email link, the physical email address does NOT appear in their email window? We would like for the public to email us but not know our physical email addresses. Thanks!

    • @WPTuts
      @WPTuts  7 років тому +1

      Not that I know of, you would need to have an email address inserted into the 'to' field of your email client for it to send.
      If you want to receive emails but not make your email address visible you would need to use an online form. However, once you reply to the email the address would be visible to the recipient.

    • @KymberleyBradshaw
      @KymberleyBradshaw 7 років тому

      I think your best option in this case would be to use a plugin like ContactForm7 and set up a small email form - addresses will be hidden.

  • @adrianoferreira9567
    @adrianoferreira9567 8 років тому

    Please, what theme you left enabled in wordpress to work with visual composer?

    • @Equinedaddy
      @Equinedaddy 8 років тому

      Pretty much any theme will run with the VC plugin.. You just have to download it.. Bridge(theme) just disables the Frontend aspect, which you can enable if you know some php coding, there may be other themes that do the same

  • @mimiastou9753
    @mimiastou9753 5 років тому

    Bonjour j'ai commencé à personnaliser mon thème wp bakery de yourrdress de thèmeforest mais je n'arrive pas à finaliser car trop complexe pour moi merci de m'apporter votre expertise je vous que vous y connaissez bien.

  • @miguelmejia4656
    @miguelmejia4656 6 років тому

    in the row settings, I don't have the background overlay option. what then?

  • @tracypowers3135
    @tracypowers3135 7 років тому +1

    are you using a theme or starting with blank page?

    • @WPTuts
      @WPTuts  7 років тому

      This video uses the Impreza theme but apart from the header / footer areas the content of the page is made up of just VS and SR5 elements.

  • @samadmahmood9011
    @samadmahmood9011 4 роки тому

    Man...How are you??
    I want any image slider plugin which automatically adds all images of website
    then when i upload more images from frontend then that slider automatically update itself and also add recent images and show in slider
    without going to backend
    Can any plugin do this??

  • @rsjbarker
    @rsjbarker 7 років тому

    Brilliant tutorials. Thanks, I've subscribed.

  • @tracyau9122
    @tracyau9122 7 років тому

    yes, you're good at teaching this, thanks

  • @epiquewenqa
    @epiquewenqa 8 років тому +5

    18:36 you said the beauty's of it is that you can adjust images, yet you didn't adjust that right image, instead you changed it to a whole diff photo that had the same measurements of the middle and left photo..

  • @appmarket384
    @appmarket384 6 років тому

    Thanks mate got a few tips 👌

  • @carterfitzgerald1499
    @carterfitzgerald1499 8 років тому

    If I buy visual composer, can I use it on mutiple websites?

    • @WPTuts
      @WPTuts  8 років тому

      You need a license for each website you use Visual Composer on. So if you use it on 5 websites, you'd need 5 licenses. Unless you get it as part of a theme, then you can use it with that theme without the need to buy a separate license.

  • @spicyjazzadventure9694
    @spicyjazzadventure9694 8 років тому

    Great job! One thing though. It would have been nice if you had used a basic wp theme instead, without the Ultimate VC add ons installed. Besides that, i fond it a very helpful tutorial. 1000X's better than the original tutorials offered on the VC website. Thanks much!

    • @Equinedaddy
      @Equinedaddy 8 років тому

      Basic WP themes cannot really do what VC can do, you can use the standard page editor, but with VC, Beaver Builder, Element, cornerstone, Divi and so on it makes things 1000x's easier.. He did not use much of the Impreza themes customizations, just all VC, he also did not use any Ultimate VC addons either, but I would recommend picking them up from Ultimate Visual Composer Adonis website, as it is great to go with any theme that you have the VC plugin with

  • @ideaonly
    @ideaonly 8 років тому

    Great Tuts!Thanks for sharing!

  • @projectbased
    @projectbased 8 років тому

    Great Job. Thanks a lot. I am interested to learn on CUSTOM POST TYPES in WP. Any Tutorial?

    • @AsadSiddiqi
      @AsadSiddiqi 8 років тому

      I have one here which will apply to any theme :) v=Dgb0dtPGgfw

  • @ekaterinatrifonova7454
    @ekaterinatrifonova7454 7 років тому +1

    Great video! I am a beginner in using Visual composer but under the guidance of your video I managed to create a pretty good page! Thank you!

    • @WPTuts
      @WPTuts  7 років тому

      My pleasure, glad to be of help :0)

  • @afriendlycow
    @afriendlycow 7 років тому

    +WPTuts I cannot find Slider Revolution 5!!!!

  • @SamIAmJam
    @SamIAmJam 7 років тому

    THANK YOU!!! for this video.

  • @ron.bennett
    @ron.bennett 8 років тому +1

    Brilliant! Thank you. Cheers.

  • @kabiyesii1
    @kabiyesii1 8 років тому +1

    Which theme do you use.

    • @Equinedaddy
      @Equinedaddy 8 років тому +1

      He is using the Impreza Theme.. Look on the left on the admin nav bar, for future reference lol

  • @alshafareen
    @alshafareen 5 років тому

    This video gives a very good start on using Visual Composer. Thank you!

  • @peterskaanning6806
    @peterskaanning6806 8 років тому

    I can't finde any contact form

  • @azfiu
    @azfiu 7 років тому +3

    why didn't you show how you did the most eyecatching part of the website? the slider part

    • @WPTuts
      @WPTuts  7 років тому

      azfiu as this isn't really meant to cover the basics it's assumed that a certain level of knowledge about VC and SR is covered. However, there are a load of tutorials on both of those on the channel. I'd recommend taking a look at some of these if you want to learn how to get the most out of them 👍

    • @azfiu
      @azfiu 7 років тому +1

      you have like 20 lol. which one is like 10 min long at the most and will teach the basics?

    • @WPTuts
      @WPTuts  7 років тому

      This is true, there are a lot of SR tutorials on here. lol
      Not sure about 10 minutes, but this one will get you up to speed on using SR: ua-cam.com/video/RYBAIZ-SLHg/v-deo.html&list=PLTbrc9HXDstpEaXOrZHa_elWWJJXE4EE5&index=13
      Or
      ua-cam.com/video/NZ4YBhpxSyg/v-deo.html&list=PLTbrc9HXDstpEaXOrZHa_elWWJJXE4EE5&index=9

    • @azfiu
      @azfiu 7 років тому +1

      thanks! on another note, how do I change the color of the background of the header? I've changed every color in the Impreza color scheme to black and it's still grey!!

    • @WPTuts
      @WPTuts  7 років тому

      Have you looked in the Header Builder section or checked to ensure you're colours are solid and not set to semi transparent?

  • @SarmadGardezi
    @SarmadGardezi 7 років тому

    Very helpful

  • @markaszkenasy7395
    @markaszkenasy7395 8 років тому +1

    Very helpful!

  • @lk0707
    @lk0707 8 років тому

    nice one mate. good tutorial. many thanks.

    • @WPTuts
      @WPTuts  8 років тому

      +Lukasz Kopanski My pleasure :0)

    • @lk0707
      @lk0707 8 років тому

      Can you advice please. I was trying to configure my setting same as you show on tutorial, but noticed that my editor looks slightly different than yours. For example if I choose row setting, I've got "row stretch", when on yours is "row height". Im using Visual Composer 4.11.1. Can you advice please ?

    • @ReapertvUk
      @ReapertvUk 8 років тому

      I'm pretty sure it's because I'm using a commercial theme called Impreza in this video and that has some slightly modified Visual Composer options. This is more than likely why you're seeing some slight differences.

  • @Socialmediapm
    @Socialmediapm 8 років тому +1

    many thanks

  • @MARKNASRI
    @MARKNASRI 8 років тому

    great thank you

  • @koopnsky2557
    @koopnsky2557 8 років тому +1

    you're pro, thank you for make that very easy

    • @WPTuts
      @WPTuts  8 років тому

      No problem Dario, glad you enjoyed the video :0)

  • @RakibHossain-mo7ty
    @RakibHossain-mo7ty 8 років тому +1

    great video :)

  • @sjnichani
    @sjnichani 7 років тому +1

    good videos

    • @WPTuts
      @WPTuts  7 років тому

      sam nichani glad you enjoyed them 🙂

  • @Equinedaddy
    @Equinedaddy 8 років тому

    How come you never use the Preview Changes button? I find it to be a breeze
    Specially with multiple monitors, I can have my preview on one monitor hit that button and by the time my eyes move to the other monitor that change has be implemented lol
    Great vid tho

    • @WPTuts
      @WPTuts  8 років тому

      It's just the way I've always worked in Wordpress. No real reason :0)

    • @Equinedaddy
      @Equinedaddy 8 років тому +1

      Oh, yea i just found out about it, been using WP for a year now and it is the best thing ever. lol

  • @Ryan-Red
    @Ryan-Red 7 років тому

    Why is it so much better listening to a Brit give instructions? or reading anything?

    • @WPTuts
      @WPTuts  7 років тому

      Lol, no idea :0)

  • @tanaarcher3258
    @tanaarcher3258 7 років тому

    This vid is good but very fast

  • @CarlosGonzalez-ll6xx
    @CarlosGonzalez-ll6xx 7 років тому

    dude, my time used in learning wordpress its reduced to 50 or so hours, and even with that little i know this is not a complex professional site

    • @WPTuts
      @WPTuts  7 років тому

      We're all entitled to our opinions ;0)

  • @tanmoypaul908
    @tanmoypaul908 8 років тому +1

    nice one mate. good tutorial. many thanks.