WP-Boot

•

2 j'aime•822 vues

Hristo Chakarov

Demo WordPress theme integrating Bootstrap

Technologie Business

Bootstrap & WordPress

What is WordPress?
● Blogging platform
● CMS
WordPress is back-end - it requires front-end

What is Bootstrap?
● Front-end framework

Requirements
● WP Installation
● Bootstrap
http://getbootstrap.com/
● LESS
http://lesscss.org/

Approaches
● Overwriting CSS styles in styles.css
● Using Hooks to amend output HTML
● Recompile bootstrap.css using LESS

WP-Boot
https://github.com/ickata/wordpressthemes/commits/master/wp-boot

Contenu connexe

Tendances

Bootstrap 3 + responsive

Bootstrap 3 + responsive

Bootstrap 3 + responsivehatchpb

Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...

Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...

Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...Cedric Spillebeen

Intro to wordpress short course

Intro to wordpress short course

Intro to wordpress short coursecarishurd

Web Fundamentals Crash Course

Web Fundamentals Crash Course

Web Fundamentals Crash CourseMrAbas

10 tips to improve the usability of Joomla - Joomla World Conference 2014

10 tips to improve the usability of Joomla - Joomla World Conference 2014

10 tips to improve the usability of Joomla - Joomla World Conference 2014Sander Potjer

Rapid WordPress Theme Development

Rapid WordPress Theme Development

Rapid WordPress Theme DevelopmentJosh Williams

Responsive Web Design with Bootstrap

Responsive Web Design with Bootstrap

Responsive Web Design with BootstrapJason Stehle

Improve your web dev workflow in Visual Studio

Improve your web dev workflow in Visual Studio

Improve your web dev workflow in Visual StudioDavid Paquette

Wordpress Workshop: Session One

Wordpress Workshop: Session One

Wordpress Workshop: Session OneWP Web Wizards

[SIP 2015] Marketing Proposal: Making edit flow more informative and simpler

[SIP 2015] Marketing Proposal: Making edit flow more informative and simpler

[SIP 2015] Marketing Proposal: Making edit flow more informative and simplerSilicon Straits

Word Camp Kansai 2014 - MVC Framework

Word Camp Kansai 2014 - MVC Framework

Word Camp Kansai 2014 - MVC Frameworkcodebyjeff

Web development today

Web development today

Web development todayJaydev Gajera

Adobe Source 2016 - Styleguides and AEM

Adobe Source 2016 - Styleguides and AEM

Adobe Source 2016 - Styleguides and AEMMichael Leroy

Fecrash10:3:17 sd

Fecrash10:3:17 sd

Fecrash10:3:17 sdThinkful

Fork CMSLester Lievens

Front end frameworks

Front end frameworks

Front end frameworksMadushan Sandaruwan

Features: A better way to package stuff in Drupal

Features: A better way to package stuff in Drupal

Features: A better way to package stuff in DrupalRob Knight

Progressive Enhancement

Progressive Enhancement

Progressive EnhancementBruce Morrison

WordPress Use Cases

WordPress Use Cases

WordPress Use CasesAmit Kumar Singh

Tendances (19)

Bootstrap 3 + responsive

Bootstrap 3 + responsive

Bootstrap 3 + responsive

Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...

Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...

Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...

Intro to wordpress short course

Intro to wordpress short course

Intro to wordpress short course

Web Fundamentals Crash Course

Web Fundamentals Crash Course

Web Fundamentals Crash Course

10 tips to improve the usability of Joomla - Joomla World Conference 2014

10 tips to improve the usability of Joomla - Joomla World Conference 2014

10 tips to improve the usability of Joomla - Joomla World Conference 2014

Rapid WordPress Theme Development

Rapid WordPress Theme Development

Rapid WordPress Theme Development

Responsive Web Design with Bootstrap

Responsive Web Design with Bootstrap

Responsive Web Design with Bootstrap

Improve your web dev workflow in Visual Studio

Improve your web dev workflow in Visual Studio

Improve your web dev workflow in Visual Studio

Wordpress Workshop: Session One

Wordpress Workshop: Session One

Wordpress Workshop: Session One

[SIP 2015] Marketing Proposal: Making edit flow more informative and simpler

[SIP 2015] Marketing Proposal: Making edit flow more informative and simpler

[SIP 2015] Marketing Proposal: Making edit flow more informative and simpler

Word Camp Kansai 2014 - MVC Framework

Word Camp Kansai 2014 - MVC Framework

Word Camp Kansai 2014 - MVC Framework

Web development today

Web development today

Web development today

Adobe Source 2016 - Styleguides and AEM

Adobe Source 2016 - Styleguides and AEM

Adobe Source 2016 - Styleguides and AEM

Fecrash10:3:17 sd

Fecrash10:3:17 sd

Fecrash10:3:17 sd

Fork CMS

Front end frameworks

Front end frameworks

Front end frameworks

Features: A better way to package stuff in Drupal

Features: A better way to package stuff in Drupal

Features: A better way to package stuff in Drupal

Progressive Enhancement

Progressive Enhancement

Progressive Enhancement

WordPress Use Cases

WordPress Use Cases

WordPress Use Cases

En vedette

An introduction to WordPress Development

An introduction to WordPress Development

An introduction to WordPress Developmentvegasgeek

Creating a simple Custom Post Type sort UI

Creating a simple Custom Post Type sort UI

Creating a simple Custom Post Type sort UIHristo Chakarov

Megan's Bucket List

Megan's Bucket List

Megan's Bucket ListCaleb Fountain

Caleb bucket list

Caleb bucket list

Caleb bucket listCaleb Fountain

Cross-platform JavaScript

Cross-platform JavaScript

Cross-platform JavaScriptHristo Chakarov

Armadura oxidada robert fish

Armadura oxidada robert fish

Armadura oxidada robert fishVero Ponce

DOM Performance (JSNext Bulgaria)

DOM Performance (JSNext Bulgaria)

DOM Performance (JSNext Bulgaria)Hristo Chakarov

Caleb bucket list

Caleb bucket list

Caleb bucket listCaleb Fountain

Choosing the right JavaScript library/framework/toolkit for our project

Choosing the right JavaScript library/framework/toolkit for our project

Choosing the right JavaScript library/framework/toolkit for our projectHristo Chakarov

Choosing the best JavaScript framework/library/toolkit

Choosing the best JavaScript framework/library/toolkit

Choosing the best JavaScript framework/library/toolkitHristo Chakarov

Dispositivos electronicos michael perez (2)

Dispositivos electronicos michael perez (2)

Dispositivos electronicos michael perez (2)michael_10

Tổng quan về số tự nhiên

Tổng quan về số tự nhiên

Tổng quan về số tự nhiênNhập Vân Long

Tính Tổng Với Các Số Hạng Là Phân Số

Tính Tổng Với Các Số Hạng Là Phân Số

Tính Tổng Với Các Số Hạng Là Phân SốNhập Vân Long

Hướng dẫn phụ huynh chương trình giảng dạy lớp 5

Hướng dẫn phụ huynh chương trình giảng dạy lớp 5

Hướng dẫn phụ huynh chương trình giảng dạy lớp 5Nhập Vân Long

Chứng minh hai đoạn thẳng bằng nhau

Chứng minh hai đoạn thẳng bằng nhau

Chứng minh hai đoạn thẳng bằng nhauNhập Vân Long

Một Số Kỹ Năng Giải Hệ Luyện Thi Đại Học

Một Số Kỹ Năng Giải Hệ Luyện Thi Đại Học

Một Số Kỹ Năng Giải Hệ Luyện Thi Đại HọcNhập Vân Long

1440cauhoiluyenthiquocgiatbkhap1daodongco

1440cauhoiluyenthiquocgiatbkhap1daodongco

1440cauhoiluyenthiquocgiatbkhap1daodongcoNhập Vân Long

Sử dụng quan hệ giữa đường vuông góc , đường xiên , hình chiếu. Để giải các b...

Sử dụng quan hệ giữa đường vuông góc , đường xiên , hình chiếu. Để giải các b...

Sử dụng quan hệ giữa đường vuông góc , đường xiên , hình chiếu. Để giải các b...Nhập Vân Long

Bài Luyện Tập Về Phân Số Lớp 5

Bài Luyện Tập Về Phân Số Lớp 5

Bài Luyện Tập Về Phân Số Lớp 5Nhập Vân Long

Dang 3: Chứng minh ba điểm thẳng hàng

Dang 3: Chứng minh ba điểm thẳng hàng

Dang 3: Chứng minh ba điểm thẳng hàngNhập Vân Long

En vedette (20)

An introduction to WordPress Development

An introduction to WordPress Development

An introduction to WordPress Development

Creating a simple Custom Post Type sort UI

Creating a simple Custom Post Type sort UI

Creating a simple Custom Post Type sort UI

Megan's Bucket List

Megan's Bucket List

Megan's Bucket List

Caleb bucket list

Caleb bucket list

Caleb bucket list

Cross-platform JavaScript

Cross-platform JavaScript

Cross-platform JavaScript

Armadura oxidada robert fish

Armadura oxidada robert fish

Armadura oxidada robert fish

DOM Performance (JSNext Bulgaria)

DOM Performance (JSNext Bulgaria)

DOM Performance (JSNext Bulgaria)

Caleb bucket list

Caleb bucket list

Caleb bucket list

Choosing the right JavaScript library/framework/toolkit for our project

Choosing the right JavaScript library/framework/toolkit for our project

Choosing the right JavaScript library/framework/toolkit for our project

Choosing the best JavaScript framework/library/toolkit

Choosing the best JavaScript framework/library/toolkit

Choosing the best JavaScript framework/library/toolkit

Dispositivos electronicos michael perez (2)

Dispositivos electronicos michael perez (2)

Dispositivos electronicos michael perez (2)

Tổng quan về số tự nhiên

Tổng quan về số tự nhiên

Tổng quan về số tự nhiên

Tính Tổng Với Các Số Hạng Là Phân Số

Tính Tổng Với Các Số Hạng Là Phân Số

Tính Tổng Với Các Số Hạng Là Phân Số

Hướng dẫn phụ huynh chương trình giảng dạy lớp 5

Hướng dẫn phụ huynh chương trình giảng dạy lớp 5

Hướng dẫn phụ huynh chương trình giảng dạy lớp 5

Chứng minh hai đoạn thẳng bằng nhau

Chứng minh hai đoạn thẳng bằng nhau

Chứng minh hai đoạn thẳng bằng nhau

Một Số Kỹ Năng Giải Hệ Luyện Thi Đại Học

Một Số Kỹ Năng Giải Hệ Luyện Thi Đại Học

Một Số Kỹ Năng Giải Hệ Luyện Thi Đại Học

1440cauhoiluyenthiquocgiatbkhap1daodongco

1440cauhoiluyenthiquocgiatbkhap1daodongco

1440cauhoiluyenthiquocgiatbkhap1daodongco

Sử dụng quan hệ giữa đường vuông góc , đường xiên , hình chiếu. Để giải các b...

Sử dụng quan hệ giữa đường vuông góc , đường xiên , hình chiếu. Để giải các b...

Sử dụng quan hệ giữa đường vuông góc , đường xiên , hình chiếu. Để giải các b...

Bài Luyện Tập Về Phân Số Lớp 5

Bài Luyện Tập Về Phân Số Lớp 5

Bài Luyện Tập Về Phân Số Lớp 5

Dang 3: Chứng minh ba điểm thẳng hàng

Dang 3: Chứng minh ba điểm thẳng hàng

Dang 3: Chứng minh ba điểm thẳng hàng

Dernier

AXA XL - Insurer Innovation Award Americas 2024

AXA XL - Insurer Innovation Award Americas 2024

AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdflior mazor

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?Igalia

MINDCTI Revenue Release Quarter One 2024

MINDCTI Revenue Release Quarter One 2024

MINDCTI Revenue Release Quarter One 2024MIND CTI

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz

Artificial Intelligence Chap.5 : Uncertainty

Artificial Intelligence Chap.5 : Uncertainty

Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

FWD Group - Insurer Innovation Award 2024

FWD Group - Insurer Innovation Award 2024

FWD Group - Insurer Innovation Award 2024The Digital Insurer

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

presentation ICT roal in 21st century education

presentation ICT roal in 21st century education

presentation ICT roal in 21st century educationjfdjdjcjdnsjd

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptxRustici Software

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin

Boost Fertility New Invention Ups Success Rates.pdf

Boost Fertility New Invention Ups Success Rates.pdf

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

Dernier (20)

AXA XL - Insurer Innovation Award Americas 2024

AXA XL - Insurer Innovation Award Americas 2024

AXA XL - Insurer Innovation Award Americas 2024

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?

MINDCTI Revenue Release Quarter One 2024

MINDCTI Revenue Release Quarter One 2024

MINDCTI Revenue Release Quarter One 2024

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Artificial Intelligence Chap.5 : Uncertainty

Artificial Intelligence Chap.5 : Uncertainty

Artificial Intelligence Chap.5 : Uncertainty

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

FWD Group - Insurer Innovation Award 2024

FWD Group - Insurer Innovation Award 2024

FWD Group - Insurer Innovation Award 2024

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

presentation ICT roal in 21st century education

presentation ICT roal in 21st century education

presentation ICT roal in 21st century education

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptx

Corporate and higher education May webinar.pptx

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of Terraform

Boost Fertility New Invention Ups Success Rates.pdf

Boost Fertility New Invention Ups Success Rates.pdf

Boost Fertility New Invention Ups Success Rates.pdf

WP-Boot

1. Bootstrap & WordPress

2. What is WordPress? ● Blogging platform ● CMS WordPress is back-end - it requires front-end

3. What is Bootstrap? ● Front-end framework

4. Requirements ● WP Installation ● Bootstrap http://getbootstrap.com/ ● LESS http://lesscss.org/

5. Approaches ● Overwriting CSS styles in styles.css ● Using Hooks to amend output HTML ● Recompile bootstrap.css using LESS

6. WP-Boot https://github.com/ickata/wordpressthemes/commits/master/wp-boot