WP-Pro-Quiz Anpassung

Cybercifer

Servus zusammen,
Das WP-Pro-Quiz Plugin ist das einzig brauchbare Quiz-Plugin welches ich gefunden habe. Ist von den Funktionen her einfach Top!

Allerdings bräuchte ich eine Anpassung (optischer Natur) und leider ist der Autor diesbezüglich nicht mehr ansprechbar. Kennt sich hier jemand mit CSS und PHP gut genug aus, damit er den Code anpassen kann?

Problematik: Die Buttons sollen nicht abgerundet sein (wie im Standard) und sollten eine bestimmte Farbe haben. Ich habe soweit schon versucht das style.css anzupassen, jedoch wird dieses ständig mit Standard-Vorgaben überschrieben, wenn ein neues Quiz erstellt wird.

Ich hoffe ich werde hier fündig oder zumindest jemanden der mir sagen kann, an wen ich mich wenden könnte.

Mit freundlichen Grüßen und Großem Dank

Cybercifer (Michael K.)

PS: Habe mich in der Versionsnummer von WordPress geirrt. Es ist nicht 5.0 sondern 4.9.2!

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

r23

Zitat von Cybercifer

Das WP-Pro-Quiz Plugin ist das einzig brauchbare Quiz-Plugin welches ich gefunden habe. Ist von den Funktionen her einfach Top!

Das Plugin verwendet

HTML

* + html .wpProQuiz_button, * + html .wpProQuiz_button:hover {
    padding: 3px 0 !important;
}
.wpProQuiz_button, .wpProQuiz_button:hover {
    margin: 0 !important;
    padding: 5px 10px !important;
    background: #13455B !important;
    border-radius: 11px !important;
    color: white !important;
    font-weight: bold !important;
    border: 1px solid #13455B !important;
    box-shadow: 1px 1px 1px #333 !important;
    text-shadow: none !important;
    filter: none !important;
    float: none;
}




.wpProQuiz_button2 {
    border: 1px solid #DADADA !important;
    background: whiteSmoke !important;
    color: #303030 !important;
    border-radius: 4px !important;
    padding: 3px 5px !important;
    box-shadow: 1px 1px 1px #A7A7A7 !important;
    text-shadow: none !important;
    filter: none !important;
    margin: 0 !important;
    font-weight: normal !important;
}


.wpProQuiz_button2:hover {
    background: #EBEBEB !important;
}

Alles anzeigen

und dies kann man in der Regel eben überschreiben... zum Beispiel mit einer css Datei, die nach dem Plugin geladen wird... Zum Beispiel über Dashboard => Design => customizer => zusätzliches css (wenn vorhanden)

Cybercifer

Hallo und vielen Dank Für den Tip. Ist dass schon der sourcecode, den ich si einbauen kann? Habe das jetzt nicht mit dem original code verglichen.

LG Cybercifer (Michael K.)

r23

Zitat von Cybercifer

Ist dass schon der sourcecode, den ich si einbauen kann?

es ist der Original Code von dem Plugin. Ohne Änderung bringt die Verwendung _nix_ ;)

Cybercifer

Danke für die Hilfe hat super geklappt. Jetzt habe ich ein neue Problem. Möchte gerne die Farben für Frage beantwortet und Frage vorgemerkt abändern. Dies funktioniert leider nicht mit dem überschreiben von CSS-Code. Vielleicht hat einer eine Ahnung wie ich das lösen könnte.

Gruss
Michael

DroneTraveller

Wie lange hast du das Plugin denn schon im Einsatz? Mich schreckt es ganz schön ab, dass es so lange nicht mehr aktualisiert wurde. Bin seit einiger Zeit auf der Suche nach einem funktionierenden Quiz-Plugin.

Cybercifer

Das plugin ist an sich sehr gut. Das problem ist, dass es keine optischen Anpassungsmöglichkeiten gibt. Ansonsten das beste Quiz Plugin.

Cybercifer

So, konnte das Problem finden und beseitigen. Wer ähnliche Anpassungsprobleme mit diesem Plugin hat, kann sich jederzeit bei mir per PN melden.

Grüße
Michael

Henk1060

Zitat von Cybercifer

So, konnte das Problem finden und beseitigen. Wer ähnliche Anpassungsprobleme mit diesem Plugin hat, kann sich jederzeit bei mir per PN melden.
Grüße
Michael

das ist hier ja ein Forum ist zur hilfestellung, wäre es schon wenn du deine Lösung auch mit den anderen Teilst ;)
Und nicht nur per PN

Cybercifer

Hast recht, das werde ich bei Gelegenheit (wenn ich wirklich Zeit habe, da die Antwort etwas umfangreicher ist) machen. Jetzt habe ich das Problem, dass ich den/die Button umbenennen möchte. Ich bin ja wirklich kein Dummer, zumindest glaube ich das. Habe die Datenbank abgesucht, die Sprachdatei (.po; .mo mit Poedit) da zwar was gefunden und geändert (macht sich im Skript aber nicht bemerkbar) und alle .js und .php Skripte durchsucht. Leider ohne Erfolg. Der Hersteller reagiert auch auf keine Nachricht. Vielleicht findet sich hier noch doch einer, der mir bei diesem Problem behilflich sein kann.

Mit aller besten Wünschen und Grüßen und einem fetten Danke vorweg

Michael

Cybercifer

Ok, habe dieses Problem gelöst bekommen.

Plugins, die eine Sprachdatei (editierbare .po bzw. die binäre .mo Datei) verwenden werden noch einmal bei der Installation in einem anderen Ordner abgelegt. Der Pfad zu diesem Ordner ist "/wp-content/languages/plugins". Dort findet man die entsprechenden .po Datei die ich dann mit "Locotranslate" bearbeitet habe. Man muss ein wenig suchen um an diese Sprachdatei zu kommen. Evtl muss das Plugin ohne Sprachdatei (jedoch mit der .pot Datei) installiert werden. Zuvor das Plugin downloaden, entpacken, Sprachdateien im entsprechenden Ordner "languages" entfernen bis auf die .pot Datei, verpacken und wieder uploaden bzw. installieren (wie man ein Plugin vom Rechner uploadet sollte bekannt sein) aber noch nicht aktivieren. Hierbei wir das Plugin dann ohne Übersetzungsdatei installiert. In diesem Fall es die Sprache "Englisch". Dann mit "FileZilla" oder einem anderen FTP Programm die Sprachdateien .mo und .po in "/wp-content/plugins/wp-pro-quiz/languages" hochladen.
Nun könnt ihr mit "Locotranslate" die Sprachdatei des noch nicht aktivierten Plugins bearbeiten, speichern und syncen (ggf. nochmal auf "save" klicken). Erst nach der Bearbeitung der Sprachdatei das Plugin aktivieren.

Erklärung (Farbänderung):
Es gibt im Plugin diverse .js und .php Dateien die dazu geändert werden müssen. Farbcode (in Hex) ist vorab zu ermitteln. Ihr könnt mit dem interen Editor von WordPress diese Dateien bearbeiten. Folgende Dateien und Pfade sind entsprechend zu ändern:
- wpProQuiz_front.min.js (/wp-content/plugins/wp-pro-quiz/js) - Für die Farbe der Frage (beantwortet oder vorgemerkt - ändert sich dementsprechend)
- wpProQuiz_front.js (/wp-content/plugins/wp-pro-quiz/js) - Für die Farbe der Frage (beantwortet oder vorgemerkt - ändert sich dementsprechend)
- WpProQuiz_View_FrontQuiz.php (/wp-content/plugins/wp-pro-quiz/lib/view) - Für die Farbänderung der Legende die unter der Fragenübersicht angezeigt wird

Sucht nach den zuvor ermittelten Farbcodes und ersetzt diese durch eure eigenen.

Bei Fragen könnt ihr mich gerne anschreiben. Werde wohl langsam zum Experten was dieses Quiz anbelangt. Freue mich wenn ich euch helfen kann. :p

Liebe Grüße
Michael K.

KlausiMaus

Moin,

WP-Pro-Quiz ist wirklich absolut spitze, habe bisher nichts Vergleichbares gefunden. Schade, dass es offensichtlich nicht mehr gepflegt wird - oder ist da etwas in Aussicht.

Nun zur Frage, bin relative neu in WP und versuche meine "alte" Homepage in WP überzuführen.
Das Design, Farbgestaltung orientiert sich an der alten Homepage, die demnächst denn abgeschaltet wird.

Nun geht es um ein Quiz-Transfer (habe ich früher selbst in ASP geschrieben), mit WP-Pro-Quiz echt klasse nur das Design.
Meines ist recht dunkel und die Fragen und Antworten sind hell und einfach nicht zu lesen, wie bringe ich denen den neuen Hintergrund bei? Hier ist das Quiz, noch nicht fertig, es werden 10 Fragen sein.

Kann mir hier jemand helfen?

Azrael_0815

.inside-article {
color: #efefef;
background-color: #0a0a7f;
}

background-color auf den von Dir gewünschten Wert ändern.

KlausiMaus

danke - nur wo finde ich das?

KlausiMaus

ach ja, das ist ja richtig so - nicht wahr?

Marcus[IS]

Wenn du die Farben ändern willst, musst du die Klasse des Quiz Skript ansprechen.

Zum Beispiel .wpProQuiz_questionList
Dies wird mir unter anderem bei deinem Beispiel angezeigt.

Wenn du es ohne Aufwand einfügen willst, käme hierfür die WordPress Option Zusätzliches CSS in Frage, welche du unter Design/Customizer im Adminbereich findest.

Doch wie gesagt, du musst ermitteln welche Klassen beim Quiz Skript vergeben sind.

KlausiMaus

ich hab's nun, Änderungen am CSS (wp-content/plugins/wp-pro-quiz/css/):
In wpProQuiz_front.css :

CSS

.wpProQuiz_lock, .wpProQuiz_prerequisite, .wpProQuiz_startOnlyRegisteredUser, .wpProQuiz_loadQuiz {
    border: 1px dotted #FFC3C3 !important;
      background-color: #0A0A7F !important;

nach

CSS

.wpProQuiz_lock, .wpProQuiz_prerequisite, .wpProQuiz_startOnlyRegisteredUser, .wpProQuiz_loadQuiz {
    border: 1px dotted #FFC3C3 !important;
      background-color: #0A0A7F     /* !important */ ;

ändern, dann CSS komprimieren (z.B. mit CSS Minifier ) und als wpProQuiz_front.min.css speichern, bzw. vorhandene Datei ersetzen.

Werde mich weiter durchhangeln, aber das ist der Weg!
.

Cybercifer

Vielleicht kann mir einer bei einem weiteren Problem hier helfen. Vielleicht ist das auch ein grundsätzliches Wordpress Problem. Ich habe die *.po angepasst und auch entsprechend abgespeichert (/plugins/wp-pro-quiz/languages/). Allerdings gibt es auch eine eigene wordpress datei bzw Verzeichnis wo diese "Sprachdateien" abgespeichert werden. Den habe ich auch soweit gefunden. Nur jeden Tag wird diese Datei upgedated. So dass die "ursprüngliche unbearbeitete" Sprachdatei (*.po und *.mo) die "bearbeitete" Datei überschreibt. Warum ist das so und wie kann ich das abschalten bzw. verhindern dass Wordpress das macht?

Vielen Dank für Eure Hilfe!

SEpp55

Vielleicht hilft das -LINK!

Cybercifer

Ja, vielen Dank. Das hat geholfen. :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

WP-Pro-Quiz Anpassung

Jetzt mitmachen!