How to add custom code (HTML, CSS, JavaScript) in WordPress

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ธ.ค. 2024

ความคิดเห็น • 5

  • @rice_cooker
    @rice_cooker 3 หลายเดือนก่อน

    Im fixing clients website, and its my first time using WPBakery. Correct me if im wrong, but i cant change styles for different resolutions? If i add a border on one element on desktop, i cant remove it on mobile ? Are all styles tied for all resolutions ?

    • @WPBakeryPageBuilder
      @WPBakeryPageBuilder  3 หลายเดือนก่อน

      Hi there! WPBakery styles apply to all resolutions by default. However, you can use custom CSS - add an extra CSS class to the element and use a media query to adjust borders (or other styles) based on screen size.
      Here's a guide to CSS media queries: www.w3schools.com/css/css_rwd_mediaqueries.asp

  • @TCLKanxi
    @TCLKanxi 3 หลายเดือนก่อน

    Hi, great video, you are so savvy, so can I ask you one thing? I have a Wordpress website host, which has the shop page I want to keep untouched, for the rest of the site including the home page and contact page,, I designed a on-pager to completely replace those on the Wordpress site. I have been looking around for a few days, and couldn't seem to be able to figure out the easiest or best way to do this. I tried to replace the home page then somehow the shop page got broke, so I restored it to the original Wordpress site now, but really want to use my design. Could you please guide me to the right way? Thank you very very much!

    • @WPBakeryPageBuilder
      @WPBakeryPageBuilder  3 หลายเดือนก่อน

      Hi! ☀️ From the explanation it looks like you have created a PHP template that is being assigned to pages which is affecting the shop page at your end. This can be corrected by using an appropriate WP filter that will check for the page id and then assign the required PHP template that is created. This will avoid the issue where the same template will be assigned to all pages including shop.
      If you choose to use WPBakery you have the option to design the page starting from a completely blank page and it has a a nice drag-and-drop editor. This avoids altering PHP when any change is needed. So when any change is required to be made, it can be done from the editor itself.
      In this case, there are two options:
      1) You can use the blank layout of the page builder which will allow you to design the entire page layout - you can access that when you create a new page with WPBakery.
      2) The theme default layout within the page builder will allow you to design only the content area of the page while displaying the header and footer from the theme. This will make sure that the same header and footer will be displayed across the site.
      In both the above cases, only the pages edited using WPBakery will be changed, in other words, the shop page will be unaltered.

    • @TCLKanxi
      @TCLKanxi 3 หลายเดือนก่อน

      @@WPBakeryPageBuilder Thank you so much, I will try that out