Beiträge von Frau_Braun

Ich sehe auch keinen großen Unterschied in der Desktop-Version. Auf einem Mobil wird die Seite allerdings nicht gut angezeigt. Es scheint dass die Media Query für Telefone verloren gegangen ist.

Erster Treffer bei Google: http://blog.pixeldreher.net/wordpress/aktu…ebsite-ausgeben
Das kann überall im Theme eingesetzt werden. Wenn es sich um Beiträge in einem Blog handelt, kann man das über die Eingabemaske machen: Rechts oben gibt es das Feld "Veröffentlichen". Dort kann man Beiträge beliebig rückdatieren, oder Veröffentlichungen in der Zukunft einstellen. Wenn ansonsten etwas mit dem Veröffentlichungsdatum nicht stimmt, liegt es womöglich an Deiner internen Computeruhr.

Dies hier funktioniert:

Aus der style.css alle Angaben zu "mejs" rauslöschen. Im Stylesheet wp-mediaelement.css im oberen Bereich die drei obersten Angaben rauslöschen. Statt dessen folgenden Code reinschreiben:

.mejs-container {
    clear: both;
}
.mejs-container * {
    font-family: Helvetica, Arial;    
}


.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-container .mejs-controls {
 
    background: #ccc none repeat scroll 0 0 !important;
    background: #222;
    height: 0px;
    padding-top: 1px;
    padding-bottom: 1px;   
}

Aber Vorsicht. Offenbar gehört der Code zu einem Plugin, und bei einem Update könnte die wp-mediaelemetn.css überschrieben werden. Also vielleicht sind diese Codesnippets doch besser in der style.css aufgehoben. Keine Ahnung, wie das geregelt ist. Mit diesem Code sehen die Audioplayer jedenfalls auch gut in der mobilen Version aus.

Noch eine Sache: im obersten Block sind in der Beschriftung ersten und zweiten Satz zusätzliche <p>-Tags hineingeraten, die es bei den anderen Beschriftungen nicht gibt. Die müssen da irgendwie raus, damit alles einheitlich aussieht.

Leider kann ich nur ahnen, was Du sagen möchtest. Hat es nicht geklappt mit "Diesen Beitrag oben halten"?

"...dass ich den Slider lediglich als obersten Beitrag posten": So soll es doch sein, oder?

"...der Slider ist ja allgemein": Also wenn ich, ausgehend von dem Link den Du oben geschickt hast, versuche, mir vorzustellen, was im Augenblick passiert, sieht die Sache im Augenblick so aus: Da der Slider anscheinend nicht "allgemein" ist, wird er jetzt als einer von mehreren Posts im sogenannten "Grid" abgerufen, also in dieser kästchenartigen Übersicht mit Thumbnails und Excerpt und "More"-Button. Und wenn Du den Sliderpost oben hältst, wie ich es eben beschrieben habe, erscheint er als erster Post innerhalb dieses "Grids", ist das richtig überlegt? Man könnte sich das besser vorstellen, wenn Du einen Screenshot schickst.

Leider bedeutet es viel Recherche, dieses Theme abzurufen und seine Möglichkeiten zu durchforsten, aber es sollte doch irgendwo eine Dokumentation mit dem Theme geliefert worden sein. Durchsuche mal alle Order, die du mit dem Theme erhalten hast. Oft versteckt sich die Dokumentation in Ordnern mit dem Namen "docs" oder "assets". Auch wenn irgendwo eine Seite mit der Dateiendung .html auftaucht (statt .php) kann sich dahinter ein Bestandteil der Dokumentation verbergen.

Suche gezielt nach Shortcodes oder Plugins, mit der sich der Header-Bereich einstellen lässt. Sieh nach auf der obersten Ebene im Dashboard, bei "Jetzt anpassen", ob es da Optionen für den Header-Bereich gibt.

Nochmals viel Glück!

"Also quasi nicht weit genug oben": was heißt das? Nicht weit genug oben auf der Homepage? Erscheint denn der Beitrag mit dem Slider überhaupt auf der Homepage? Wenn ja, versuche es mal mit dem Folgenden: Gehe links im Admin-Bereich auf Beiträge. Die Beitragsübersicht erscheint. Gehe mit der Maus bis zu dem Beitrag, der den Slider enthält. Klicke auf "Quick Edit". Im rechten Bereich unter "Schlagworte" kannst Du die Option "Diesen Beitrag oben halten" wählen.

Viel Glück!

Zitat

[COLOR=#333333]Da ich nicht am Umsatz beteiligt bin, verschweige ich Details.[/COLOR]

Kein Problem! :-) Meine Regel ist, dass ich meistens, wenn mir hier jemand hilft, ebenfalls versuche, jemandem zu helfen. Ob jemand damit Geld verdient, ist mir eigentlich wurscht, ich gehe sogar davon aus.

Warum einfach, wenn's auch kompliziert geht - das habe ich mir wohl gedacht.

Nun hab's ich selbst gelöst, und ich werde auch verraten wie – es ist supereinfach.
Statt der Seiten habe ich Posts gemacht. In jeden Post habe ich einen Anker in Divs gelegt (über den Texteditor), und damit das Onepage-Menü gebaut, wie in dem Video dargestellt. Die Reihenfolge der Posts kann ich beliebig mit dem Plugin "[COLOR=#000000][FONT=Open Sans]Intuitive Custom Post Order" [/FONT][/COLOR]ändern - einfach mit Drag und Drop. Page Builder sind für den Kunden zu kompliziert, aber dies passt bestens. Und für die anderen Seiten lege ich ein zweites Menü an.

Ich hänge mich hier mal an, weil es zum Thema passt.

Ich möchte für einen Kunden gern einen Website machen, die als Startseite einen Onepager enthält, der aber noch weitere Seiten aufführt.

Das Besondere ist, dass ich die Startseite für den Kunden editierbar machen möchte: Er soll den Inhalt der einzelnen Abschnitte auf der Startseite bearbeiten und ein Abschnittstemplate (Seitentemplate) verwenden können, und sogar noch die Reihenfolge der Abschnitte verändern können.

Ich habe hier eine Beschreibung gefunden, mit der es funktionieren könnte (http://zurb.com/forrst/posts/B…ith_WordPre-FAt), aber das bedeutet, dass ich in der functions.php eine Definition für das Menü anlege, die auf Anker basiert. Nun brauche ich aber zusätzlich noch eine 'normale" Menüfunktion in der functions.php, die auf die Seiten verweist. Wie mache ich das, dass meine beiden Navis die unterschiedlichen Funktionen "erkennen"?

Andererseits:
Ich könnte mit einem Plugin Kategorien für Seiten erstellen: https://wordpress.org/plugins/add-category-to-pages/. Dann könnte ich ein Loop für diese Seitenkategorie in der Startseite anlegen; die Reihenfolge könnte ich vielleicht in der Seitenübersicht festlegen. Dann bräuchte ich nur in den Menüeinstellungen Custom Links anlegen, die einen Anker enthalten, und schon wäre das Ankermenü fertig. (http://headwaythemes.com/how-to-make-a-…scrolling-site/) Aber wie muss dann der Code im Loop aussehen, damit diese kategorisierten Seiten dargestellt werden? Und wie kriege ich den Anker in die Seite?

Oder noch anders: wie mache ich für Posts (und Customs posts) eine Navigation, die wie eine Seitennavigation aussieht - auch wieder mit Ankern?

Ich habe leider keinen Link, denn ich bin erst in der Planungsphase.
Hat jemand einen Tip?

Ich komme noch mal auf die Walker-Funktion zurück. Ich habe eine Navigation, die aus flexiblen (sich der Textweite anpassenden) Kreisen besteht. Im HTML-Test funktioniert das alles (bis auf ein paar kleine Schönheitsfehler).

So ist der Code:

HTML:

<nav class="ballnavi" role="navigation">
    <ul>
        <li class="ball">
            <div class="in">Home</div>
        </li>
        <li class="ball">
            <div class="in">Link</div>
        </li>
        <li class="ball">
            <div class="in">Linktext</div>
        </li>
        <li class="ball">
            <div class="in">Linktext mit Umbruch</div>
        </li>
        <li class="ball">
            <div class="in">Nochnlink</div>    
        </li>
    </ul>
</nav>

CSS:

.ball{
    color: #fff;
    position:relative;
    display:inline-block;
    margin: 10px;
    max-width:180px;
    text-align: center;
    -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    }
    
.in{
    padding:50% 20%;
    margin-top:-0.6em;
    
}
.in:after{
    content:'';
    position:absolute;
    top:0; left:0;
    width:110%;
    padding-bottom:110%;
    background-color:#D95353;
    border-radius:50%;
    z-index:-1;
}

Wie müsste denn dies in der Funktion aussehen, statt
[COLOR=#ff0000]"$output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';" [/COLOR]?[COLOR=#ff0000]
[/COLOR]
Die ID wird eigentlich sowieso schon ausgegeben.

Zitat von 'Marcus[IS

;626483']
Wenn du die tauschen willst, musst du ermitteln, welcher Code zum Einsatz kommt.
Bei deiner Sprechblase zum Beispiel dieser;

Code

.fa-comment-o:before {
content: "\f0e5";
}

Hier ist mal eine Liste, was es da alles so gibt.
http://astronautweb.co/snippet/font-awesome/

War auch gerade dabei, das zu beantworten. Dies hier:

.fa-comment-o:before {
content: "\f0e5";
}

findest Du im Stylesheet font-awesome.css

Zitat von Monika

bei li+li+li+li+li+li+li verliert mensch irgendwann den Überblick :-)
und ist auch für responsive (media queries) schwieriger zu handhaben

Danke für den Tip!

PS.: Damit müsste es auch gehen: http://www.w3schools.com/cssref/sel_nth-child.asp
Ich hab mal vor langer Zeit diese Lösung für ein einfache Menü verwendet: ul>li+li+li (um den 3. Link in einer Liste anzusteuern). Ist das überhaupt noch gängige Syntax?

Wahnsinn! Eines von beiden wird sicherlich klappen, und den Code-Snippet werde auf jeden Fall auch für später gebrauchen können. Großen Dank an beide. Wenn's nicht klappt, melde ich mich noch mal.

Hallo zusammen:

Ich möchte gern eine Navigation erstellen, wie in der Skizze oben liks gezeigt. Dazu muss ich jeden Link einzeln ansteuern können, um ihn mt CSS zu formatieren. wie mache ich das am besten? (Mit dem CSS komme ich klar.)

So so sieht's derzeit für ein waagrechtes Menü aus:

<?php
                    wp_nav_menu( array(
                        'theme_location' => 'left',
                        'container' => false,
                        'depth' => 0,
                        'items_wrap' => '<ul class="left">%3$s</ul>',
                        'fallback_cb' => '', // workaround to show a message to set up a menu
                        'walker' => new gk_walker( array(
                            'in_top_bar' => true,
                            'item_type' => 'li',
                            'menu_type' => 'main-menu'
                        ) ),
                    ) );
                ?>

Hier die Skizze:

Dank und gute Nacht!

Ich kenne das Theme nicht, habe aber das Demo gesehen. Hast Du folgendes probiert? Erstelle eine neue Seite. Gehe rechts unter "Attribute" auf Templates und wähle Magazine oder Magazine Homepage, oder wie auch immer es heißen mag. Gehe dann auf Einstellungen > Lesen. Wähle: Startseite zeigt --> eine statische Seite --> Beitragsseite. Wähle die Seite, die Du gerade erstellt hast. Haut das hin?

Willst Du üben nur den Titel "Webdesign.fox" haben, keine Navi?
Wenn ja, musst Du das in Deiner responsive.css anpassen:

Finde dort bei Media screen and (max-width: 798px) - der kleine Bildschirme anspricht - folgenden Ausdruck:

#logo {
            width: 100% !important;
            text-align: center;    
        }

Den schneide aus und füge ihn wieder ein unter Media screen and (max-width: 1400px) - spricht größere Schirme an. Du musst drauf achten, dass der gesamte Code als soches wieder eingeklammert ist.

Was mich an dieser durch das Theme vordefinierten Einstellung wundert, dass ganz große Bildschirme überhaupt nicht angesprochen werden. Um das zu erreichen, könntest Du noch eine Definition für große Schirme machen:

@media screen and (min-width: 1401px) {
        .da-slide h2, 
        .flexslider .post-title h2 {
            font-size: 40px;
        }
        
        #logo {
            width: 100% !important;
            text-align: center;    
        }
}

Oh, das ist ja eine ziemlich allgemeine Frage. Ich verstehe, dass Du sagst: wenn ich nicht weiß, wonach ich fragen soll, weil ich nie gewusst habe, dass es da überhaupt Möglichkeiten gibt, wie soll ich jemals drauf kommen?

Zu 1.
Die Referenz ist immer dies: https://codex.wordpress.org
Dann gibt es zahllose Einführungen zum Thema, z.B. diese: http://themeshaper.com/2012/10/22/the…al-2nd-edition/
Am besten lädst Du Dir irgendwo ein einfaches Starter-Theme herunter, zum Beispiel dieses: http://underscores.me. Die letzten tewnty-something-Themes sind zu ausschweifend, um daraus ohne Vorkenntnisse etwas zu lernen.
Lerne die Basis, frage, was Du tun willst, untersuche das Starter-Theme: wie wird das dort gemacht? Manchmal hilft nur, ein Theme völlig "nackt" zu machen, das heißt, so lange Code und Dateien zu entfernen, bis die gewünschte Funktion nicht mehr funktioniert, und man kapiert, warum eine Sache läuft. Aber man lernt 'ne Menge dabei.

Zu 2.
https://codex.wordpress.org/Excerpt
http://wordpress.stackexchange.com/questions/1411…t/141136#141136

Es gibt ein schönes Plugin, das leider seit einiger Zeit nicht upgedated ist und auch mit einigen Shortcodes nicht klar kommt, obwohl dort ausdrücklich die Unterdrückung von Shortcodes angeboten wird. Aber ansonsten ist es großartig, probier's aus: https://wordpress.org/plugins/advanced-excerpt/
Der Standard-Auszug hat (oder hatte, hab schon länger nicht damit gearbeitet...) einige Nachteile: Der Auszug war auf 55 Wörter beschränkt, so dass Saätze unterbrochen werden, das ...-Zeichen ist nicht verlinkt, usw. Mit dem Plugin kannst Du jedes Excerpt selbst gestalten, und dessen Länge bestimmen.

Viel Glück!

Wie sehen denn deine Kenntnisse aus? Verstehst Du ein bisschen was von CSS, weißt Du, wo Du die Navigation in Deinem Verzeichnis (vermutlich Header oder ein einem separaten nav-Template) findest? Wenn Du davon keine Ahnung hast , kannst Du es mit einem Trick versuchen. Hier ist nur der Anfang, und man braucht dafür auch eine Startseite, die in das Menü doppelt übernommen werden kann (eine als Startseite, eine, zu der Dein Logo verlinkt ist), aber jedenfalls lies mal hier, vielleicht kommst du damit weiter.
http://www.perun.net/2014/06/25/wor…iken-ergaenzen/

Prima, das war genau das, was ich brauche. Es funktioniert, danke!

Diese Frage ist doch schon sicher etliche Male aufgetaucht, aber gibt's irgendwo eine Möglichkeit, dass ich WordPress ein für alle mal verbiete, an meinen HTML-Formatierungen herumzuwurschteln? Da tauchen die aller-unmöglichsten Codeumwandlungen auf. aus einem <div> wird ein <p> gemacht, aus einem "<" wird ein "gze;xt" oder ein anderer Fluch. Kann man da was machen? Lieb bitten reicht irgendwie nicht... Und ja: das Rumcodieren muss leider sein: in meinem derzeitigen Projekt sieht jede Seite anders aus, daher viele Spezialformatierungen.

Ist es dieses Theme? http://theme-fusion.com/avada/#

Ohne minimale CSS-Kenntnisse kommst Du nicht aus. Lade Dir ein kostenloses CSS-Tool runter und bearbeite damit das Stylesheet (style.css oder ein anderes, parallel verwendetes Stylesheet)

Möglichkeit 1:
Suche im Stylesheet folgende Angabe Media only screen and (min-width: 64em) oder statt 64em eine Größe wie 1024 px. Das ist die Breite für große Bildschirme. Schreibe dort hinein #wrapper {width: 80%}. Damit bestimmst Du, was auf großen Bildschirmen zu sehen ist.

Möglichkeit 2: Option Boxed anwählen. Der Inhalt ist dann schon ca. 80% breit. Suche im Stylesheet wieder Media only screen and (max-width: 64em/1024px) Schreibe dort hinein #wrapper {width: 100%}. Damit bestimmst Du, was auf Tablets und Smartphones zu sehen ist.

Wenn Du ganz sicher sein willst, benutze beide Angaben gleichzeitig.

Um zu sehen was passiert, speichere nach den Änderungen das Stylesheet, drücke auf Refresh des Browsers und ziehe das Browserfenster langsam so schmal es geht. Du wirst sehen, wie sich das Design bei verschiedenen Bildschirmbreiten verhält.

Viel Glück!

PS.: So funktioniert es theoretisch. Kommt natürlich darauf an, was in dem Stylesheet und in dem Theme sonst noch so passiert.