Ajouter CSS, Php plugin WordPress

J'ai écrit un plugin simple qui définit le code css à l'aide wp_options. Tout cela ressemble comme ceci:

add_action('init','easy_style');

function easy_style()
{
    ?>
    <style>
    #header a {
        color: <?php echo get_option('topcolor'); ?>;
        font-size: <?php echo get_option('topsize'); ?>px;
        <?php
            if (get_option('topstyle') == "bold")
            { echo "font-weight: bold;"; echo "font-style: normal;"; }
            elseif (get_option('topstyle') == "italic")
            { echo "font-style: italic;"; echo "font-weight: normal;"; }
            elseif (get_option('topstyle') == "bolditalic")
            { echo "font-weight: bold;"; echo "font-style: italic;"; }
            else { echo "font-weight: normal;"; echo "font-style: normal;"; }
        ?>;
    }

    </style>
    <?php
}

Maintenant cela fonctionne, mais si je activer mon "Contact Form 7" du plugin contact form 7 ne fonctionne plus. Il ne peut pas envoyer de mails. Donc, je pense que ce que je fais est mal. Si j'enlève ce bout de code, le formulaire de contact fonctionne à nouveau...

Je pense que je le fais mal parce que la css doit être chargé dans l'en-tête, non?
Donc ce que j'ai pensé que je ferais un test est de mettre le même code dans l'en-tête. Cependant, alors que certains autres css (je ne sais pas où) remplace ces, ce qui ne fonctionne pas.

Je pense qu'il y a certains wp fonctions pour ajouter du code css dans l'en-tête mais je ne sais pas comment exactement.

Des idées?

Grâce

cochez cette réponse stackoverflow.com/a/38050537/1153703

OriginalL'auteur WtFudgE | 2012-06-05

  1. 25

    Un moyen sûr d'ajouter la feuille CSS de votre plugin est d'utiliser wp_enqueue_style.

    /**
 * Register with hook 'wp_enqueue_scripts', which can be used for front end CSS and JavaScript
 */
add_action( 'wp_enqueue_scripts', 'prefix_add_my_stylesheet' );

/**
 * Enqueue plugin style-file
 */
function prefix_add_my_stylesheet() {
    //Respects SSL, Style.css is relative to the current file
    wp_register_style( 'prefix-style', plugins_url('style.css', __FILE__) );
    wp_enqueue_style( 'prefix-style' );
}

    Référence.

    J'ai essayé d'écrire dans un fichier css, puis l'enregistrer à l'aide de votre code. Il charge le fichier CSS, cependant il me semble avoir les mêmes problèmes qu'avant. C'est le même que lorsque je l'ai mis dans le fichier d'en-tête.
    J'ai remarqué que certains le code css fonctionne, mais certains ne l'est pas. Par exemple, une taille de police & font-weight sur les liens du menu de travail, mais la couleur ne semble pas changer. Des idées?
    Qui sera à cause de votre modèle de feuille de style CSS est primordial de votre plugin CSS. Jetez un oeil à l'ordre de l'inclusion et de la CSS spécificité: w3.org/TR/CSS2/cascade.html#specificity

    OriginalL'auteur MrCode

  2. 2

    Peut-être que le plugin que vous utilisez veut envoyer des en-têtes http.

    Puisque vous utilisez la init crochet (détaillé ici: http://codex.wordpress.org/Plugin_API/Action_Reference/init) vous êtes l'exécution de certaines actions lorsque les développeurs de plugins considérer que les en-têtes ne sont pas déjà envoyé.

    Mais puisque vous envoyer de sortie (écho à certains styles de), vous forcez les en-têtes pour être envoyé plus tôt. Je vous suggère d'utiliser un autre crochet qui se produit après que la sortie est déjà commencé.

    Mise à jour: vous pouvez utiliser le wp_enqueue_style fonction (référence ici: http://codex.wordpress.org/Function_Reference/wp_enqueue_style) car c'est le mode recommandé pour les styles d'affichage. Vous avez seulement besoin d'enregistrer ces règles dans un fichier css et salle de file d'attente pour être chargé avant le wp_head fonction est appelée

    Cela m'a aidé à résoudre le problème! Vous avez raison, le "init" est le problème. Je l'ai changé pour "wp_loaded" et maintenant le formulaire de contact fonctionne à nouveau. Merci beaucoup! 🙂
    Semble que j'avais tort, il a travaillé en local, mais sur mon hôte, j'obtiens: Cannot modify header information - headers already sent by (output started at /home/gnc0081000/domaines/claeysparts.être/public_html/wp-content/plugins/easy-styler.php:18) /home/gnc0081000/domains/claeysparts.be/public_html/wp-includes/pluggable.php sur la ligne 866
    c'est exactement la même chose, il suffit de lire le message d'erreur. vous êtes quelque chose d'impression avant d'utiliser l'en-tête de la fonction. C'est la même chose je l'ai dit ci-dessus, mais dans une partie du script que je n'ai pas accès, mais le message d'erreur vous indique où est l'erreur: /home/gnc0081000/domains/claeysparts.be/public_html/wp-content/plugins/easy-styler.php à la ligne 18

    OriginalL'auteur mishu

  3. -1

    Dans un plugin dev, n'oubliez pas d'envoyer la référence de l' class ($this)

    add_action( 'wp_enqueue_scripts', array($this,'prefix_add_my_stylesheet' ));

    OriginalL'auteur Longshot

  4. -12

    J'ai résolu mon problème en cours de chargement dans les styles.fichier css, modifier et enregistrer de nouveau

    Vous avez vraiment envie de passer à l'utilisation enqueu style. Ça va laisser votre plugin plus fort et moins susceptibles de se briser lorsque de nouvelles versions de WP en sortir.

    OriginalL'auteur WtFudgE