cách thêm bootstrap vào wordpress
* Giới Thiệu
– Chào các bạn : giống như mọi khi, giới thiệu đầu ! .Mình là Thông, biệt hiệu thongiphone (có lịch sử cả 🙂 )
– Trang này mình tạo để hướng dẫn các kinh nghiệm mình học được qua mạng, và tổng hợp lại cho mọi người
– Hôm nay mình sẽ chỉ các bạn : Cách thêm bootstrap vào wordpress.
* Vì sao phải thêm bootstrap
– Bootstrap là một framework HTML, CSS, và JavaScript cho phép thiết kế phát triên responsive web mobile.
– Bootstrap là bao gồm các HTML templates, CSS templates và Javascript tao ra những cái cơ bản có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels và nhiều thứ khác
– Bootstrap có thêm các plugin Javascript trong nó. Giúp cho việc thiết kế reponsive của bạn dễ dàng hơn và nhanh chóng hơn.
* Cách thêm bootstrap vào wordpress
-B1: Các bạn vào file function.php của theme trong wordpress
-B2: Bạn thêm cho mình đoạn code này vào.
wp_enqueue_style(‘jquery’,
get_stylesheet_directory_uri() . ‘/assets/js/jquery.min.js’);
wp_enqueue_style(‘bootstrap’,
get_stylesheet_directory_uri() . ‘/assets/css/bootstrap.min.css’);
wp_enqueue_style(‘bootstrap’,
get_stylesheet_directory_uri() . ‘/assets/js/bootstrap.min.js’);
wp_enqueue_style(‘font’,
get_stylesheet_directory_uri() .’/assets/css/font-awesome.min.css ‘);
– B3: Các bạn download bootstrap về nó sẽ có dạng giống như dưới
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ └── bootstrap-theme.min.css
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
└── glyphicons-halflings-regular.woff-B4: Các bạn thêm các file dựa trên đường dẫn đó vào theme -> assets (lưu ý nhớ đúng tên với đường dẫn nhé)
-B5: Các bạn vào code thêm các thẻ của bootstrap thử nghiệm nhé, mình đã test thành công
Lưu ý: có 2 file bootstrap không có là: jquery and Font , Các bạn có thể lên mạng tải, không được thì liên hệ mình nhé. mà không có không sao đâu!
*Lời kết
– Các bạn có thắc mắc gì thì liên hệ mình nhé thông qua website: congdongshop.com của mình nhé,
– Nhớ like và comment trang của mình nhé, cảm ơn các bạn nhìu !
– Shop của mình còn có các sản phẩm có nguồn gốc rõ ràng giá cả rẻ cạnh tranh nên các bạn mua ủng hộ mình luôn nha ! thank you mọi người
