Kubrick Theme - ein paar Fragen

  • Hallo, ich befasse mich mit Wordpress seit 3 Tagen und noch nicht viel Ahnung von HTML, PHP und CSS und hoffe das ihr mir bei ein paar Fragen/Problemen weiterhelfen könnt.

    Wie gesagt als Basis habe ich das Kubrick Theme in der deutschen Version verwendet und etwas angepasst. Da ich Wordpress erstmal lokal installiert habe kann ich euch leider keinen Link zu meinem Blog geben.

    Bei den folgenden Dingen habe ich ein paar Probleme die so hinzubekommen wie ich es gerne hätte.

    1. Wie kann ich beim Standard Kubrick Theme auf der linken Seite der Sidebar eine Trennlinie bzw. eine Grafik als Trennlinie einfügen? Ich habe es bisher nur geschafft die Linie genau vor dem ersten Buchstaben der Überschriften (Kategorien, Archiv, usw.) zu plazieren, dies sieht aber nicht schön aus, außerdem ist die Sidebar erst weiter links zu Ende. (Ähnlich dem Blix Theme).


    2. Ich habe im CSS die Werte für die Zitate verwendet, nun würde ich aber gerne den Link am Ende ein wenig unterhalb der Trennlinie zwischen Zitat und Link haben. Was müsste ich hier ändern?

    PHP
    <blockquote>The reflection of the world is blues, that's where that part of the music is at. Then you got this other kind of music that's tryin' to come around.<cite><a href="http://www.brainyquote.com/quotes/quotes/j/jimihendri294511.html"  target='_blank'>Jimi Hendrix</a></cite></blockquote>


    3. Bei einigen Themes ist mir aufgefallen das diese ein anderes Suchfeld in der Sidebar haben. Zum Beispiel das Theme ZaZen siehe auf diesem Screenshot. Nachdem ich mir das betreffende Theme heruntergeladen hatte, konnte ich allerdings keine Grafik dafür finden was mich vermuten lässt das hier eventuell das Suchfeld des verwendeten Betriebssystems verwendet wird? Wie ist es möglich das Suchfeld so anzupassen bzw. ist die Anzeige tatsächlich Betriebssystemabhängig?

    Falls ja wie kann ich das Suchfeld des Kubrick Themes so ändern das zumindest Mac User das Suchfeld aus dem Screenshot sehen können? Oder ist es auch möglich das Suchfeld so umzugestalten das alle es so sehen können?

    Wie kann ich Text in das Suchfeld einfügen z.B. "Suche" und wenn man nun in das Suchfeld klickt verschwindet ja der Text, wenn ich dann aber wieder auf die Webseite klicke ohne zu suchen soll der Text im Suchfeld wieder angezeigt werden (ist auch nicht bei allen Themes so).


    4. Wenn ein einzelner Artikel angezeigt wird ist der gesamte Content also Beitrag, Zitate, Kommentare komplett um etwa 2 cm nach links verschoben. Der Rest wie Hintergrund, Header, Footer passt aber alles noch. Wie und wo kann ich dies beheben?


    5. Empfiehlt es sich derzeit unbenötigtes aus dem StyleSheet zu entfernen? Ich verwende zum Beispiel keinen Kalender also könnte ich die betreffenden Einträge ja entfernen oder führt dies eventuell zu Problemen?

    Ich hoffe meine Fragen sind klar und verständlich formuliert, falls nicht bitte einfach nachfragen.

    Vielen Dank und schönen Sonntag. :)

    • 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

  • der Hintergrund der Beiträge und der sidebar ist in Kubrick ein Bild,

    öffne dieses mit einem Bildbearbeitungsprogramm und mache dort deine gewünschte Trennlinie hinein,

    in der searchform.php findest Du das Suchfeld, das Du dort stylen kannst...

    hier ein Beispiel.....
    nur damit Du siehst wie es gehen könnte

    PHP
    <form method="get" id="searchform" action="<?php bloginfo('url'); ?>">
    <fieldset style="border:none;font-size:0.8em;"><legend class="invisible"></legend><label for="s" class="invisible">Suche:</label>
     <br /><input style="background-color:#D5D5D6;color:#000;" type="text"  size="17" 
    onblur="if (this.value == '') {this.value = 'Suchbegriff';}" onfocus="if (this.value == 'Suchbegriff') {this.value = '';}" value="Suchbegriff" name="s" id="s"  />
    <input style="border:1px solid #CE9A2D; margin-left:3px;" type="submit" id="searchsubmit" value="Suchen" />
    </fieldset></form>

    lg

  • Danke für deine Antwort. Die Funktion des Suchfeldes passt nun, jetzt müsste ich noch das Aussehen des Suchfeldes anpassen.

    Anbei ein Screenshot wie das Suchfeld derzeit aussieht (das oberste) und darunter wie ich es gerne hätte.

    Zuerst nur das Suchfeld mit dem sichtbaren Text "Suche" wenn man in das Suchfeld klickt sollte es blau umrandet sein und rechts sollte das X zu sehen sein. Wenn man nun einen Text eingibt kann man diesen mit einem Klick auf das X löschen.

    Der Inhalt der searchform.php vom Themes ZaZen ist folgender

    PHP
    <div>
        <form onsubmit="return liveSearchSubmit()" id="searchform" name="searchform" method="get" action="/?s=" autocomplete="off">
        <input  type="search"  id="livesearch" name="s" value="search" onkeypress="liveSearchStart()" onblur="setTimeout('closeResults()',2000); if (this.value == '') {this.value = ''}"  onfocus="if (this.value == 'search') {this.value = ''}"  />
        <input type="submit" id="searchsubmit" style="display: none;" value="Search" />
        <div id="LSResult" style="display: none;"><div id="LSShadow"></div></div>
        </form>
        </div>

    Die ID "livesearch" konnte ich im StyleSheet nicht finden. Wenn ich das Theme ZaZen aktiviere wird das Suchfeld verwendet das ich will, kopiere ich den Inhalt von der searchform.php Datei in meine searchform.php funktioniert es aber trotzdem nicht.

    Hat da vielleicht jemand einen Tipp wie man das hinbekommen könnte? Danke. :)

  • gugg mal in dem Theme wo es funktioniert,

    entweder fehlt ein Script oder Du findest die Angabe in der style.css..

    Du kannst ja die generelle 'Suche' dafür verwenden und nur den Ordner mit dem Theme durchsuchen lassen, dann findest Du dies ziemlich rasch

    lg

  • Hallo, danke für deine Antwort. Der Tipp mit dem fehlenden Script war richtig, komischerweise war bei dem Theme ZaZen kein Script dabei, innerhalb des Themes funktionierte es, aber nur konnte ich es eben nicht in meinem Theme verwenden.

    Habe mir deshalb auf der Seite des Autors andere Themes heruntergeladen und bei einem waren auch 2 Scripte dabei. Nachdem ich die searchform.php des Themes umgeändert habe und bei mir eingebaut habe, funktioniert es nun so wie ich es wollte.

    Danke. :)

Jetzt mitmachen!

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