คำถามติดแท็ก css

บางธีมไม่ขอให้คุณแก้ไขไฟล์ style.css แทนการใช้ไฟล์ custom.css แทน หากคุณเขียนโค้ดบน custom.css มันจะเขียนทับสไตล์องค์ประกอบเดียวกันใน style.css ฉันคิดว่าวิธีนี้ทำเพื่อป้องกันการสูญเสียสไตล์ผู้ใช้ในการอัพเดตธีมใช่หรือไม่ มันทำงานอย่างไร พวกเขารวมไฟล์ custom.css ไว้ในธีมแล้วหรือยัง? แต่ไฟล์นี้รวมอยู่ในธีมอย่างไรเพื่อให้ธีมค้นหาสไตล์ใน custom.css ก่อน? ขอบคุณ

16 theme-development  themes  css 

สมมติว่าคุณต้องสร้างจาวาสคริปต์หรือโค้ด CSS ที่ขึ้นอยู่กับบริบทปัจจุบัน ตัวอย่างเช่นคุณมีแบบฟอร์มในหน้าแรกที่ส่งคำขอ ajax เมื่อส่งและแบบฟอร์มอื่นในหน้าเดียว หรือในกรณีของ CSS คุณต้องการสร้างธีมที่อนุญาตให้ผู้ใช้สร้างเลย์เอาต์ของตนเองเปลี่ยนสี ฯลฯ วิธีแก้ปัญหาฉันเห็นแล้ว: รวมรหัสในส่วนหัวของเอกสาร (หรือท้ายในกรณีของ JS) ทำคำขอพิเศษที่ผลรหัสเช่นsite.com?get_assets สิ่งนี้ช้าเพราะโหลด WP สองครั้ง เก็บไว้ในไฟล์ชั่วคราวตามระยะเวลาที่กำหนดและโหลดจากที่นั่น ไม่น่าเชื่อถือมากสำหรับธีมหรือปลั๊กอินสาธารณะ Javascript เท่านั้น - ทำให้เป็นแบบคงที่โดยใส่ลงในไฟล์ปกติที่โหลดทุกครั้ง ในกรณีนี้คุณจะต้องทำให้รหัสของคุณจัดการกับสถานการณ์ใด ๆ คุณรู้จักคนอื่นหรือไม่ คุณจะไปทางไหน

15 theme-development  css  javascript 

เราซื้อใบรับรอง SSL จากโซลูชันเครือข่าย (จะไม่แนะนำพวกเขาให้กับศัตรูที่เลวร้ายที่สุดของฉัน btw) เห็นได้ชัดว่ามีการเปิดใช้งาน ... ทำการตรวจสอบเล็กน้อยว่ามีการเปิดใช้งานสำหรับโดเมนของเรา แต่เมื่อฉันใส่ในhttps://www.texasshredderclassic.comการแบ่งเว็บไซต์ทั้งหมด หากต้องการระบุให้ชัดเจนยิ่งขึ้นโดย "หยุดพัก" ฉันหมายความว่ามันปิดการใช้งาน CSS อย่างสมบูรณ์และผู้ใช้ + รหัสผ่านในการเข้าสู่ระบบของฉันไม่ทำงานอีกต่อไป (ดูเหมือนว่านี่อาจเป็นเบาะแสหรือไม่) ฉันได้ลองดาวน์โหลด Wordpress HTTPS แต่นั่นทำให้ฉันออกจากหน้าผู้ดูแลระบบและทำให้ CSS เสียหาย ฉันไม่สนใจว่ามันจะทำงานได้ทั่วทั้งไซต์แค่ต้องการมันทำงานกับหน้าแบบฟอร์มของเรา (texasshredderclassic.com/registration) - ใช้แบบฟอร์มแรงโน้มถ่วงและเชื่อมต่อกับ authorize.net! ฉันกำลังจะฉีกผมที่นี่เพราะฉันไม่รู้ว่าจะไปไหนต่อ ดูเหมือนว่าเรามีใบรับรอง SSL ... ไม่สามารถทำงานได้! ความช่วยเหลือใด ๆ ที่ชื่นชมอย่างมาก!

15 css  ssl  https 

เป็นไปได้หรือไม่หากไม่มี javascript hacks แบบนี้: <ul class="my_menu"> <li class="first"> ... </li> <li> ... </li> <li> ... </li> <li class"with_sub"> ... <ul class="my_menu_sub"> <li class="first"> ... </li> <li> ... </li> <li> ... </li> <li class="last"> ... </li> </ul> </li> <li> ... </li> <li> ... </li> <li class="last"> ... </li> </ul>

15 php  menus  css 

ฉันใช้ Wordpress เป็น CMS สำหรับโครงการที่ใช้ประโยชน์จากประเภทโพสต์ที่กำหนดเองอย่างกว้างขวาง ฉันต้องการแสดงคอลัมน์ในแผงควบคุมของผู้ดูแลระบบสำหรับโพสต์ที่กำหนดเองแต่ละประเภทในวิธีที่แตกต่างกัน ฉันได้สร้างคอลัมน์ที่จำเป็นและเติมแล้ว สิ่งที่ฉันต้องทำคือปรับ CSS สักเล็กน้อย ที่สำคัญที่สุดฉันพยายามปรับแต่งความกว้างของคอลัมน์บางคอลัมน์ ตัวอย่างเช่นฉันไม่ต้องการคอลัมน์ที่แสดงรหัสโพสต์ให้กว้างเท่ากับชื่อโพสต์ ฉันลงทะเบียนสไตล์ชีทในพาเนลผู้ดูแลระบบสำหรับประเภทโพสต์ที่กำหนดเองของฉัน แต่ฉันไม่สามารถทำให้สไตล์ความกว้างคอลัมน์เหมาะสม ฉันพยายามปรับความกว้างสูงสุดขององค์ประกอบที่ th หรือ td แต่มันไม่มีประสิทธิภาพ จาก firebug ฉันเห็นสไตล์ css อยู่ตรงนั้น แต่มันไม่ทำอะไรเลย ในขณะที่ฉันสามารถหาบทช่วยสอนจำนวนมากเพื่อเพิ่ม / แก้ไขคอลัมน์ที่กำหนดเองได้ แต่ฉันไม่ได้รวบรวมข้อมูลมากมายเกี่ยวกับวิธีการจัดรูปแบบคอลัมน์ดังกล่าว คำใบ้ใด ๆ ขอขอบคุณ!

14 custom-post-types  css  cms  columns  wp-enqueue-style 

ฉันกำลังทำงานกับ CSS ของเว็บไซต์ wordpress ของฉัน เมื่อฉันทำการเปลี่ยนแปลงและรีเฟรชหน้าการเปลี่ยนแปลงจะไม่ปรากฏ เมื่อฉันล้างประวัติเบราว์เซอร์และแคชการเปลี่ยนแปลงจะยังคงปรากฏ เมื่อฉันดูซอร์สโค้ดของหน้าและดูไฟล์ css มันมีเนื้อหาเก่าก่อนการเปลี่ยนแปลง ฉันจะได้รับสิ่งนี้เพื่ออัปเดตเพื่อให้ฉันสามารถพัฒนาได้อย่างไร

14 theme-development  css 

เหมือนกับชื่อเรื่องที่แนะนำฉันไม่แน่ใจเหมือนกันว่าจะเปลี่ยนเวอร์ชันของไฟล์. css ในธีมของฉันได้อย่างไร ในขณะนี้การกำหนดรุ่น. css เป็นดังนี้: <link rel='stylesheet' id='xxxx' href='https://www. site css/ styles.css?ver=4.6.1' type='text/css' media='all' /> มีสคริปต์ที่ฉันต้องใช้ - ฉันควรจะหาเวอร์ชั่น 4.6.2 ตามที่กล่าวไว้ข้างต้นหรือไม่?

13 css 

ฉันกำลังอัปเกรด Font Awesome 4 เป็นเวอร์ชัน 5 ซึ่งแนะนำทั้งคุณสมบัติที่สมบูรณ์และแอตทริบิวต์ทางเลือกข้ามสู่<link rel="stylesheet">มาร์กอัพ ขณะนี้ฉันกำลังใช้: wp_register_style('FontAwesome', 'https://example.com/font-awesome.min.css', array(), null, 'all' ); wp_enqueue_style('FontAwesome'); ซึ่งแสดงผลเป็น: <link rel="stylesheet" id="FontAwesome-css" href="https://example.com/font-awesome.min.css" type="text/css" media="all" /> ด้วยตัวอักษรที่น่ากลัว 5 มันแนะนำสองคุณลักษณะใหม่และค่า ( integrityและcrossorigin) เช่น: <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> ดังนั้นผมจึงต้องไปหาวิธีการที่ฉันสามารถเพิ่มทั้งความสมบูรณ์และ crossorigin เพื่อ wp_register_style ผมได้พยายาม แต่ความพยายามของฉันที่จะใช้งานwp_style_add_dataได้ล้มเหลวก็จะดูเหมือนว่าวิธีนี้สนับสนุนเฉพาะconditional, rtlและsuffix, และalttitle

13 wp-enqueue-style  css  customization  html 

ฉันกำลังสร้างปลั๊กอินและฉันต้องการรับรายการสคริปต์และ CSS ทั้งหมดที่ใช้โดยปลั๊กอินอื่น ๆ นี่คือฟังก์ชั่นของฉัน: function crunchify_print_scripts_styles() { $result = []; $result['scripts'] = []; $result['styles'] = []; // Print all loaded Scripts global $wp_scripts; foreach( $wp_scripts->queue as $script ) : $result['scripts'][] = $wp_scripts->registered[$script]->src . ";"; endforeach; // Print all loaded Styles (CSS) global $wp_styles; foreach( $wp_styles->queue as $style ) : …

12 wp-enqueue-script  wp-enqueue-style  scripts  css 

ฉันมีเมนูที่สร้างขึ้นโดยwp_nav_menuมีลักษณะเหมือน <ul class="nav-menu" id="menu-top-nav"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43" id="menu-item-43"><a href="http://www.example.com/item1.com">Item 1</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-44" id="menu-item-44"><a href="http://www.example.com/item2.com">Item 2</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-45" id="menu-item-45"><a href="http://www.example.com/item3.com">Item 3</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-46" id="menu-item-46"><a href="http://www.example.com/item4.com">Item 4</a></li> </ul> ฉันต้องการแก้ไขเมนูด้านบนโดยเพิ่มเมนูย่อยใน "รายการ 3" โดยใช้ปลั๊กอินของฉันดังนั้นด้านล่างคือผลลัพธ์ที่ต้องการ <ul class="nav-menu" id="menu-top-nav"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43" id="menu-item-43"><a href="http://www.example.com/item1.com">Item …

11 plugin-development  menus  filters  css  sub-menu 

ฉันต้องการใช้ datepicker ที่มาพร้อมกับ WordPress ที่ส่วนหน้าของเว็บไซต์ ฉันลงทะเบียนjquery-ui-datepickerแต่ datepicker ไม่ได้จัดรูปแบบ (ไม่มีข้อผิดพลาด js ในคอนโซล) มีสิ่งที่เกี่ยวข้องwp_enqueue_styleหรือไม่? ฉันใช้รหัสนี้ใน functions.php function rr_scripts() { wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'jquery-ui-datepicker', array( 'jquery' ) ); wp_register_style( 'bootstrap_css', get_template_directory_uri() . '/assets/css/bootstrap.min.css' ); wp_enqueue_style( 'bootstrap_css' ); # I'm using Twitter Bootstrap as CSS(if it matters) } add_action( 'wp_enqueue_scripts', 'rr_scripts' );

11 css  wp-enqueue-style  jquery-ui  datepicker 

ฉันใช้ธีม Oenology ที่เขียนโดย Chip Bennett เป็นผู้ปกครองในหัวข้อ Child ของฉันเอง ในกระบวนการพัฒนาของฉันฉันได้ค้นพบว่ามีความท้าทายบางอย่างสำหรับคนที่เขียนธีมเด็กเมื่อพูดถึงการควบคุมสไตล์ ฉันเพิ่งค้นพบว่าไฟล์ style.css หลักของฉันถูกโหลดก่อนที่ลิงก์หรือคำสั่งสไตล์ชีทอื่น ๆ ใน <head> และนี่อธิบายว่าทำไมฉันมีปัญหาในการเอาชนะสไตล์ผู้ปกครองบางส่วน การศึกษาเพิ่มเติมเกี่ยวกับปัญหาแสดงให้เห็นว่าสไตล์และสไตล์ของผู้ปกครองที่หลากหลายสามารถเข้าคิวใน <head> ในสามแห่ง; add_action('wp_print_styles',, และจากนั้นadd_action('wp_enqueue_scripts',add_action('wp_head', เพื่อให้ง่ายขึ้นฉันวางแผนที่จะสร้างสองสไตล์ ชีท 'style.css' หลักแรกจะรวมเฉพาะ@import url()คำสั่งที่จำเป็นในการโหลดสไตล์ชีทหลักของ Oenology สไตล์ชีทที่สองจะมีกฎลูกของฉัน เพื่อให้แน่ใจว่ามันเต็มไปหลังจากที่ทั้งหมดของกฎอื่น ๆ add_action( 'wp_head',ที่ฉันต้องการคิวโดยใช้ เสียงนี้สมเหตุสมผลหรือไม่ หรือมีวิธีที่ดีกว่า btw ไม่มีใครรู้ว่า '/parent-theme/style.css' MRPreviewRefresh = 723 'หมายถึงอะไร? ปรับปรุง wp_enqueue_style () ไม่ทำงานใน wp_head () ไชโย เกรกอรี่

11 child-theme  css  parent-theme 

มีวิธีการบังคับให้รีเฟรชeditor-style.cssเมื่อฉันเปลี่ยนสไตล์ชีทสำหรับตัวแก้ไข TinyMCE ด้วยตนเองหรือไม่? การแก้ไขไม่แสดงขึ้นทันที แต่จะถูกแคชในส่วนผู้ดูแลระบบของแบ็กเอนด์การดูแลระบบ ตัวอย่างเช่นนี้: editor-style.css?ver=3393201

11 css  tinymce  editor  cache  visual-editor 

ก่อนที่ฉันจะเริ่มต้นฉันต้องการรับทราบว่ามีบทความที่ดีจริงๆที่กำหนดเป้าหมายวิธีการจัดคิวสคริปต์ตามเงื่อนไขตามเนื้อหาของหน้า / โพสต์ การพัฒนาปลั๊กอิน WordPress - วิธีรวม CSS และ JavaScript แบบมีเงื่อนไขและเฉพาะเมื่อจำเป็นโดยการโพสต์ วิธีโหลด JavaScript เช่น WordPress Master สิ่งเหล่านี้ยอดเยี่ยม แต่พวกมันก้าวหน้ากว่าสิ่งที่ฉันต้องการ ฉันรู้สึกว่าคำตอบคือการใช้is_page()ฟังก์ชั่นในตัว( codex ) แต่เมื่อฉันพยายามที่จะใช้มันเป็นตัวแบ่งไซต์หรือไม่ทำงาน ฉันคิดว่าฉันกำลังดำเนินการตามตรรกะตามเงื่อนไขในจุดที่ผิด นี่คือสิ่งที่ฉันได้ลองเพิ่มในฟังก์ชั่นของฉัน php: function wpse39130_register_more_stylesheets() { wp_register_style( 'stylesheet_name', get_stylesheet_directory_uri() . '/stylesheet.css' ); } add_action( 'init', 'wpse39130_register_more_stylesheets' ); function wpse39130_conditionally_enqueue_my_stylesheet() { // only enqueue on product-services page slug if …

11 css  conditional-content  wp-enqueue-style 

ฉันพยายามจัดรูปแบบหน้าล็อกอินในชุดรูปแบบของฉัน ง่ายมาก: add_action( 'login_enqueue_scripts', function() { wp_enqueue_style( 'TEST', get_template_directory_uri() . '/css/login.css' ); }); น่าเสียดายที่มันไม่ทำงานตามที่คาดไว้ linkองค์ประกอบปรากฏในbodyของหน้าเข้าสู่ระบบดึกมาก ผลลัพธ์การแสดงผล: <link rel='stylesheet' id='TEST-css' href='http://themes.wp/t5-theme-base/css/login.css?ver=3.9-alpha' type='text/css' media='all' /> <div class="clear"></div> </body> </html> นี้เป็นธรรมว่าฉันสามารถพิมพ์องค์ประกอบการเชื่อมโยงในhead?

10 theme-development  css  login  wp-enqueue-style