Include von CSS Style

    Hallo Gemeinde,

    ich bastel weiterhin an einem Plugin.

    Ich hacke mich bei template_redirect ein und gebe dann folgenden Code aus:

    </style>
    </head>
    <body>
    <div class= "container">
    <div class="alert alert-danger" role="alert" id="hint">Login war nicht erfolgreich. Überprüfen Sie Benutzernamen und Passwort.
    </div>

    <form class="form-horizontal" id ="main" method = "post" >
    <div class="form-group">
    <label for="eingabefeldEmail3" class="col-sm-2 control-label">Benutzername</label>
    <div class="col-sm-10">
    <input type="text" class="form-control" name ="mail" id="eingabefeldEmail3" placeholder="Benutzername">
    </div>
    </div>
    <div class="form-group">
    <label for="eingabefeldPasswort3" class="col-sm-2 control-label">Passwort</label>
    <div class="col-sm-10">
    <input type="password" name ="pw" class="form-control" id="eingabefeldPasswort3" placeholder="Passwort">
    </div>
    </div>
    <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
    <input type="submit" name="Submit" class="btn btn-default">
    </div>
    </div>
    </form>
    </div>
    </body>
    </html>


    Nun möchte ich eine eigene Datei für CSS haben. Diese binde ich folgendermaßen ein:
    add_action('wp_enqueue_scripts', 'public_scripts');

    function public_scripts(){

    if (wp_register_style('login_plugin', plugins_url('/public/css/login_plugin.css'))){
    echo 'ist registriert';
    }
    wp_enqueue_style('login_plugin');
    }


    Jetzt meine Frage. Es ist alles registriert, aber wie ist der obigen HTML Ausgabe bekannt, dass eine CSS Datei vorliegt?
    Die manuell einfügen ist glaube ich nicht der WP Weg, oder?

    Kann mir jemand Helfen einen Überblick zu bekommen?

    VG und lieben Dank

    • Gerade eben
    • Anzeige

    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

    Zitat von b3317133

    Wie man das löst, wurde ebenfalls bereits beschrieben.


    sorry, kannst du mir auf die Sprünge helfen? Ich komme mit deinen kryptischen Antworten nicht weiter...

    ...ich bin mir nicht sicher ob ich für den wp_redirect eine eigene statische Seite bauen muss. Mir fehlt da einfach der Überblick ;( Und wenn ich die baue, wie ich die in mein Wordpress Plugin einbinden kann.

    Einmal editiert, zuletzt von SpreadWideWings (24. August 2017 um 11:40)

    Die Action [FONT=courier new]template_redirect[/FONT] ist dafür da, auf ein Template zu redirecten.

    Wenn Du statt der aktuellen Seite Dein eigenes Template (z.B. mit einem Login-Formular) anzeigen willst, dann erstelle ein eigenes Template und leite dann ggf. mit [FONT=courier new]wp_redirect()[/FONT] auf dieses weiter, so wie das im Beispiel im Codex beschrieben ist.

    Wenn das zu kryptisch ist, würde ich zunächst das generelle Beschäftigen mit WordPress actions empfehlen.

    Zitat von b3317133

    Für Templates gibt es ebenfalls entspr. Dokumentation. Etwas Grundwissen sollte man sich schon aneignen, bevor man tiefgreifende Eingriffe in WordPress vornehmen will.

    Aha. Und meinst du nicht, dass es etwas viel Arbeit ist. Wo ich doch diese Funktion habe, die dann auch noch macht was ich möchte? Ist es dann wirklich die Lösung ein Template für eine Seite zu basteln?

    function check_access(){


    session_start();



    if( $_SESSION['login'] != "ok" ){

    echo '
    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Login_Design</title>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jque…3/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.…otstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.…p-theme.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.…ootstrap.min.js"></script>

    <style>
    #hint{
    visibility: hidden;
    margin-top: 10em;
    }
    body{
    background-color: white;
    }

    </style>
    </head>
    <body>
    <div class= "container">
    <div class="alert alert-danger" role="alert" id="hint">Login war nicht erfolgreich. Überprüfen Sie Benutzernamen und Passwort.
    </div>

    <form class="form-horizontal" id ="main" method = "post" >
    <div class="form-group">
    <label for="eingabefeldEmail3" class="col-sm-2 control-label">Benutzername</label>
    <div class="col-sm-10">
    <input type="text" class="form-control" name ="mail" id="eingabefeldEmail3" placeholder="Benutzername">
    </div>
    </div>
    <div class="form-group">
    <label for="eingabefeldPasswort3" class="col-sm-2 control-label">Passwort</label>
    <div class="col-sm-10">
    <input type="password" name ="pw" class="form-control" id="eingabefeldPasswort3" placeholder="Passwort">
    </div>
    </div>
    <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
    <input type="submit" name="Submit" class="btn btn-default">
    </div>
    </div>
    </form>
    </div>
    </body>
    </html>



    ';

    if (isset($_POST['Submit'])){


    $name = isset($_POST['mail']) && is_string($_POST['mail']) ? $_POST['mail']: "false";


    $pw = isset($_POST['pw']) && is_string($_POST['pw']) ?$_POST['pw']: "false";


    $login = false;


    $args = array('post_type' => "login");
    $query = new WP_Query($args);
    while ($query -> have_posts()) : $query -> the_post();
    if(get_field('name') == $name && get_field('pw' ) == $pw ){
    $login = true;
    }

    endwhile;


    if ($login == true){
    $_SESSION['login'] = 'ok';
    echo (" <meta http-equiv="refresh" content="1; URL=http://example.de/wp ">
    ");

    }else{
    echo ("<script types="text/javascript"> \n
    $("#hint").css("visibility","visible");
    </script>");
    }
    }



    exit;
    }


    }

    Einmal editiert, zuletzt von maxe (25. August 2017 um 17:59)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden