Bootstrap / Wordpress

WordPress Tema’da Bootstrap Kullanma

WordPress temaları ile oldukça geniş çaplı projeler sunmayı sağlıyor. Ancak her zaman bir eksik olabilir bu eksikler ile bir kaç kısa kod ile halledilebilir. Bootstrap kullananlar ve bir kaç parça kodu veya komple bir sayfayı wordpress içerisinde kullanmak isteyenler için bu yazıyı hazırladım.

Bildiğiniz gibi Bootstrap bir framework’tür ve CSS kütüphanelerinde yaptığımız import olayını burada da kurgulamız gerekiyor. Yani bootstrap kodlarını yazmadan önce bootstrap i web sayfamıza entegre etmeliyiz. Bu olay temadan temaya farklılık göstermektedir. Genellikle

Görünüm > Özelleştir >  EK CSS 

kısmında bunu çözebilirsiniz.Dışarıdan css kodları çekebilceğiniz alanı kendi temanızda bulmanız gerekmektedir.

Burada bulunan alana istediğimiz css kodunu yazabiliriz. Ancak biz bu alanı dışarıdan bootstrap cdn verilerini çekmek için kullanacağız.

Bu alana bootstrap sayfasından aldığımız cdn adresini aşağıdaki kod sisteminde yerleştiriyoruz.

@import "https://www.cagrigungor.com/wp-content/litespeed/localres/aHR0cHM6Ly9zdGFja3BhdGguYm9vdHN0cmFwY2RuLmNvbS8=bootstrap/4.4.1/css/bootstrap.min.css";

Daha sonra herhangi bir sayfa veya yazı eklerken metin sekmesine tıklayarak bu alana bootstrap kodlarını yazabiliriz.

4.2 5 votes
Article Rating
Subscribe
Bildir
guest
0 Yorum
Inline Feedbacks
View all comments