Themes Stil i WordPress Editor

Problem: I WordPress när man skapar inlägg eller sidor så har den en egen css som vanligtvis inte stämmer med temat?

Lösning:


  1. I tema mappen kopierar vi  style.css Till editor-style.css
  2. I filen functions.php hitta:
    add_filter('comments_template', 'legacy_comments');
    function legacy_comments($file) {
    if(!function_exists('wp_list_comments')) : // WP 2.7-only check
    $file = TEMPLATEPATH.'/legacy.comments.php';
    endif;
    return $file;
    }
  3. På raden under lägg till:
    add_filter('mce_css', 'my_editor_style');
    function my_editor_style($url) {
    if ( !empty($url) )
    $url .= ‘,’;

    // Change the path here if using sub-directory
    $url .= trailingslashit( get_stylesheet_directory_uri() ) . ‘editor-style.css’;

    return $url;
    }

  4. Nu kan vi öppna Editorn i WordPress och borde se rätt stil. Det kan vara nödvändigt att ta bort onödiga stilar…. jag tog bort mörk bakgrund.
Primer WordPress Editor sa Themes css fajl

Exempel WordPress Editor med css från Temat.

This article was written by: Pera

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

Connect with Facebook

*

Optimized by SEO Ultimate