cách thêm bootstrap vào wordpress website sử dụng - congdongshop.com

cách thêm bootstrap vào wordpress

Tháng Mười Hai 29, 2017 | quản trị viên | 442 Lượt xem

cách thêm bootstrap vào wordpress

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
– B
ootstrap 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

 

 

Trả lời

Chat facebook với shop Chat zalo với shop