CSS nhồi này hoạt động, nhưng đây có phải là một thực hành tốt?

9

Tôi đang cố gắng đưa một css động vào plugin của mình, tôi đã tìm kiếm ở bất cứ đâu nhưng không tìm thấy trường hợp nào giống với những gì tôi làm. Và những gì tôi sử dụng để làm điều đó là bằng cách thêm một tệp css trực tiếp vào cuối tệp php plugin của tôi sau khi đóng thẻ php ?>mà không thêm bất kỳ nội dung nào khác như gọi wp head, v.v.

Dưới đây là ví dụ về mã tôi đặt trực tiếp vào cuối tệp của plugin:

<style type="text/css">

   .innertrow { background-color: <?php get_options('css_value');?>}

</style>

Đó có phải là một thực hành tốt?

admin css options

— Ari
nguồn

11

Bạn có thể sử dụng wp_add_inline_style () để thêm vào biểu định kiểu mà bạn đã xác định, chẳng hạn như trong plugin của bạn. Bằng cách này, màn hình tùy chọn hoặc cài đặt người dùng khác có thể ảnh hưởng đến đầu ra kiểu cuối cùng.

Điều đó có thể trở nên rất tẻ nhạt, tuy nhiên, tùy thuộc vào số lượng thay đổi mà bạn cung cấp cho người dùng. Tuy nhiên, đó là "thực hành tốt nhất" theo như tôi biết.

— GhostToast
nguồn

1

Và có những hàm mà tôi không biết trong WP. :) +1 Khóa học.

— gmazzap

2

Tất nhiên nó không phải là một thực hành tốt, vì nó sẽ được coi là lỗi plugin của Wordpress. Nó sẽ xuất ra một thông báo lỗi khi kích hoạt plugin như thế này:

The plugin generated xxx characters of unexpected output during activation. If you notice “headers already sent” messages, problems with syndication feeds or other issues, try deactivating or removing this plugin.

Trong đó xxx là số lượng mã + khoảng trắng bạn đặt sau ?>thẻ. Nó cũng giống như định vị mã / không gian hoặc mã không được chấp nhận trước <?phpthẻ đầu tiên trong plugin chính của bạn và sau nó.

— Ari
nguồn

1

Tôi tin rằng có thể tự động viết một tệp CSS bằng PHP, nhưng bạn phải tìm hiểu thêm về nó, tôi không biết nhiều về nó. Tôi đang lên kế hoạch thực hiện sớm, vì tôi nhận thấy mọi người đưa RẤT NHIỀU CSS vào chủ đề tôi đang thực hiện. Đó là thực hành xấu theo nhiều cách, vì vậy tốt nhất nên tránh khi có thể. Đáng buồn thay, chỉ có 24 giờ trong một ngày ...!

— Dân
nguồn

1

Nếu bạn cần thêm CSS động và không có biểu định kiểu đã được thêm mà bạn muốn thêm nó vào, bạn có thể nối và xuất nó trong wp_headhook hành động:

<?php
function wpse_111373_output_plugin_css() {
    ?>
    <style type="text/css">
        .innertrow { background-color: <?php get_option('css_value'); ?>;}
    </style>
    <?php
}
add_action( 'wp_head', 'wpse_111373_output_plugin_css' );

Đừng chỉ thêm CSS vào cuối tệp plugin của bạn. Tuy nhiên, theo như đây là một "thực hành tốt nhất" thì tôi không biết. :)

— jjeaton
nguồn