Theme Option: Hinzufügen von css Auswahl.

CHDOnline

Hallo Community,

ich hoffe Ihr könnt mir helfen.

Also, ich möchte gerne, dass ich im Adminbereich das Stylesheet meines aktuellen Themes per Dropdown oder ähnlichen ändern kann.

Hintergrund: Ich habe ein eigenes Theme gemacht. Ich möchte es später für andere Nutzer freigeben. Aber: Ich möchte 2 Variianten haben. Eine Variante mit maximaler Breite von bestimmten Containern, eine andere mit einer fixen Breite.

Am liebsten möchte ich das machen, indem der Admin dann im Theme Anpassen Fenster auswählen kann, ob er die Standard Variante oder eine Boxed Variante haben möchte. Bei der Standard Variante soll es die Standard CSS (also style.css) sein. Bei der Boxed eine boxed.css.

Wie kann ich soetwas in dem Theme einbauen, dass der Admin dies auswählen kann?

Ich hoffe man kann mir helfen. Leider bin ich kein .php Experte. :-(

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

MegaWork

Unter http://www.wpexplorer.com/theme-customizer-introduction/ findest Du ein gutes Tutorial dazu!

Das dort erwähnte Tutorial unter http://themefoundation.com/wordpress-theme-customizer/ ist auch ein sehr guter Einstieg in das Thema.

Allerdings sind gute Englischkenntnisse Voraussetzung!

smartware.cc

Wenn ich Dein Anliegen richtig verstanden habe dann ist das Plugin http://wordpress.org/plugins/theme-test-drive/ genau das Richtige für Dich.

Damit kannst Du ein Theme einstellen, das nur der Admin sieht wenn er angemeldet ist. Alle anderen sehen das unter Design eingestellte Theme.

Peter

CHDOnline

Leider habe ich jetzt meine Grenze erreicht... :-(

Code

$wp_customize->add_section(
        'layout_section',
        array(
            'title' => 'Layout',
            'description' => 'Ändern Sie Ihr Layout hier.',
            'priority' => 35,
        )
    );
    $wp_customize->add_setting(
        'stylesheet-selector',
        array(
            'default' => 'Standard',
            'boxed' => 'Boxed',
        )
    );
    $wp_customize->add_control(
    'stylesheet-selector',
    array(
        'label' => 'Layout Auswahl',
        'section' => 'layout_section',
        'type' => 'select',
        'choices' => array(
            'default' => 'Standard',
            'boxed' => 'Boxed',
        ),
        )
    );

Alles anzeigen

Kann da keiner weiterhelfen? Der Ansatz den MegaWork gemacht hat ist der richtige. Aber wie gesagt kenne ich mich mit PHP so gut wie garnicht aus. Hier erreiche ich leider meine Grenze. Ich habe jetzt im Admin Menü die Sektion und eine Auswahlbox. Einen "default" gibt es da leider noch nicht. Warum weiß ich nicht. Dazu fehlt natürtlich, dass wenn ich dann was auswähle, dass die Stylesheets dementsprächend geändert werden.

Standard => style.css
Boxed => boxed.css

Ich hoffe mir kann da einer helfen. Bitte :-(

EDIT: smartware.cc
Nein. Das meine ich nicht. Was MegaWork sagte war schon das richtige wie ich es gerne hätte. Nur kann ich es nicht umsetzen.

MegaWork

Probiers mal damit:

PHP

$wp_customize->add_section(
        'layout_section',
        array(
            'title' => 'Layout',
            'capability' => 'edit_theme_options',
            'description' => 'Ändern Sie Ihr Layout hier.',
        )
    );
    $wp_customize->add_setting(
        'stylesheet-selector',
        array(
            'default' => 'standard',
        )
    );
    $wp_customize->add_control(
    'stylesheet-selector',
    array(
        'label' => 'Layout Auswahl',
        'section' => 'layout_section',
        'type' => 'radio',
        'choices' => array(
            'standard' => 'Standard',
            'boxed' => 'Boxed',
        ),
        )
    );

Alles anzeigen

Dann noch folgendes in Deine functions.php

PHP

// Include Stylesheet & scripts
add_action( 'wp_enqueue_scripts', 'my_customized_stylesheet' );
function my_customized_stylesheet() {
    wp_enqueue_style( 'customized-theme', get_template_directory_uri(). '/css/' . get_theme_mod( 'stylesheet-selector', 'standard' ) . '.css');
}

Jetzt brauchst Du nur noch das css - Verzeichniss in Deinem theme und dort die beiden Stylesheet Dateien standard.css & boxed.css!

CHDOnline

Ich weiß garnicht wie ich dir danken soll. DANKE <3

P.S.: Es klappt. :-)

MegaWork

Zitat von CHDOnline

Ich weiß garnicht wie ich dir danken soll. DANKE <3
P.S.: Es klappt. :-)

Ehrlich ? - Buy me a beer ! ;-)

http://megawork.de/buy-me-a-beer/

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Theme Option: Hinzufügen von css Auswahl.

Jetzt mitmachen!