CSS แบบกำหนดเองจะไม่แทนที่ Bootstrap บนธีม Wordpress

ฉันไม่สามารถรับ CSS ที่กำหนดเองเพื่อแทนที่ bootstrap บนไซต์นี้ได้

ฉันเคยเขียนโปรแกรมโดยใช้ bootstrap บนหลายแพลตฟอร์มและไม่เคยมีปัญหาใดๆ แต่ฉันกำลังทำงานกับไซต์ WordPress สำหรับลูกค้า และฉันไม่ได้ทำอะไรเลย ฉันไม่สามารถกำหนดสีพื้นหลังหรือการปรับแต่งที่คล้ายกันลงในคลาสและติดไว้ใน div ได้ เนื่องจากพวกมันปฏิเสธที่จะแสดงขึ้นมา ฉันไม่สามารถใช้คลาส bootstrap ที่มีอยู่แล้วและใส่ลงใน div ได้ มันเหมือนกับว่าไม่มีไฟล์ CSS ของฉันอยู่ ตัวอย่างพื้นฐาน:

.my-blue-background { 
    background-color: blue;
}

<div class = "container my-blue-background">
    ...
</div>

หรือแม้กระทั่ง:

<div class = "my-blue-background">
    <div class = "container">
        ...
    </div>
</div>

หรือแม้กระทั่ง:

<div class = "container text-center">
   <h1>Hello World!</h1>
</div>

หรือแม้กระทั่ง:

<div class = "container">
    <h1 class = "text-center">Hello World!</h1>
</div>

ฉันได้ลองใช้ !สำคัญ ฉันได้ลองคัดลอกไฟล์ CSS และหน้าจากธีมอื่น ๆ เพื่อดูว่าใช้งานได้หรือไม่ แต่ถ้าฉันพยายามเปลี่ยนแปลงสิ่งใด ๆ ในสไตล์ชีตแบบกำหนดเอง ของพวกเขา มันก็ไม่ได้ผล แสดงขึ้นมา. ฉันได้ลองลบสไตล์ชีตแบบกำหนดเองของพวกเขาออกไปทั้งหมดแล้ว และมันจะไม่ปรากฏบนเว็บไซต์ของฉันด้วยว่ามีบางอย่างแตกต่างออกไปเกิดขึ้น ฉันได้ลองล้างแคชแล้ว และได้ลองดูเว็บไซต์บนเบราว์เซอร์และคอมพิวเตอร์ที่แตกต่างกัน ลำดับของฉันได้รับการตั้งค่าอย่างถูกต้องตามความรู้ของฉัน เนื่องจากฉันได้ลองทั้งสองอย่างแล้ว:

wp_register_style('bootstrap', get_template_directory_uri() . '/inc/css /bootstrap.min.css', false, '4.0.0', null);
wp_enqueue_style('bootstrap');

wp_register_style('customstyle', get_template_directory_uri() . '/inc/css/custom.css', false, '0.0.1', null);
wp_enqueue_style('customstyle');

และ:

wp_register_style('bootstrap', get_template_directory_uri() . '/inc/css /bootstrap.min.css', false, '4.0.0', null);
wp_register_style('customstyle', get_template_directory_uri() . '/inc/css/custom.css', false, '0.0.1', null);

มีอะไรผิดปกติกับการตั้งค่าที่กำหนดไว้ของฉันหรือไม่?


wordpress html css bootstrap-4
person underpressure    schedule 07.04.2018    source แหล่งที่มา
comment
คุณได้ลองล้างแคชแล้วหรือยัง เพราะ WP แคชบ่อยมาก?   -  person mooga    schedule 08.04.2018
comment
@Mooga ก่อนอื่นเลย WordPress เป็นตัวสะกดที่ถูกต้อง ไม่ใช่ Wordpress ประการที่สอง อย่าเปลี่ยนการสะกดคำแบบ Anglicization (การปรับแต่ง - การปรับแต่ง และในทางกลับกัน) โปรดสงวนการแก้ไขที่แนะนำสำหรับการแก้ไขที่ปรับปรุงโพสต์อย่างเป็นกลาง ผู้คนต้องใช้เวลาตรวจสอบการแก้ไขที่คุณพยายามสร้างชื่อเสียงให้ต่ำกว่า 2,000   -  person TylerH    schedule 08.04.2018

คำตอบ (3)


arrow_upward
0
arrow_downward

ฉันเห็นช่องว่างผิดในเอาต์พุต html ของคุณ

<div class = **the space here is wrong** "container text-center">

สิ่งที่ถูกต้องคือ:

<div class="container text-center">
person Albano Albanese    schedule 07.04.2018
comment
ฉันแค่มีสายตาไม่ดีและเว้นวรรคในร่างการเขียนโค้ดเพื่อให้อ่านง่าย ดังนั้นฉันจึงไม่จำเป็นต้องเพิ่มขนาดตัวอักษร เนื่องจากมันไม่ส่งผลกระทบต่อโค้ด ฉันสงสัยอย่างมากว่านั่นคือสาเหตุของปัญหาของฉัน - person underpressure; 07.04.2018

arrow_upward
0
arrow_downward

หากคุณต้องการให้แน่ใจว่าสไตล์ที่กำหนดเองถูกโหลดหลังจากสไตล์บูทสแตรป คุณควรทำสิ่งนี้:

wp_register_style('bootstrap', get_template_directory_uri() . '/inc/css /bootstrap.min.css', false, '4.0.0', null);
wp_enqueue_style('bootstrap');

wp_register_style('customstyle', get_template_directory_uri() . '/inc/css/custom.css', array('bootstrap'), '0.0.1', null);
wp_enqueue_style('customstyle');

หากยังแก้ปัญหาไม่ได้ การลิงก์ไปยังเว็บไซต์จะช่วยได้มาก

person Uri Chachick    schedule 08.04.2018

arrow_upward
0
arrow_downward

ปัญหากลายเป็นแคชบนฝั่งเซิร์ฟเวอร์ WordPress ซึ่งไม่สามารถโหลดการแก้ไขใหม่ของฉันในระยะเวลาที่เหมาะสม ทำให้ดูเหมือนว่าฉันไม่สามารถแทนที่การตั้งค่าล่วงหน้าของ bootstrap ได้ แม้ว่าฉันจะไม่แน่ใจว่าเป็นการแก้ไขที่ถูกต้อง แต่ก็ได้รับการแก้ไขโดยการเปลี่ยนลำดับ CSS และ Javascript เป็น:

wp_enqueue_style('customstyle', get_template_directory_uri() . '/inc/css/mystyle.css', array(), rand(111,9999), 'all' ); wp_enqueue_script('customjs', get_template_directory_uri() . '/inc/js/myscripts.js', array(), rand(111,9999), true);

มันบังคับให้เซิร์ฟเวอร์โหลดสไตล์ชีตและสคริปต์ใหม่ของฉันใหม่ ทำให้ฉันเปลี่ยนแปลงได้ทันที

person underpressure    schedule 11.04.2018