Beiträge von croch

@b3317133 Danke, ich weiss. Ich habe das Ticket ja eröffnet ;)
Sehr schade das Ganze...

Alles klar, danke.
Trotzdem noch kurz zur abschliessenden Klarstellung: die Möglichkeit im Gutenbergeditor Blocksatz zu verwenden ist ohne HTML-Codierung also nicht möglich?

Ja, von Smartphone bis zu Desktop mit Abstand die schönste Formatierung. Worauf willst Du hinaus? Es ist imo doch einfach nur hässlich Fliesstext ohne Blocksatz darzustellen?!

Was? Wieso?

Weil es viel schöner aussieht als ohne.

Selbstverständlich gibt es Blocksatz in den Versionen ab 4.7. Es wurde nur der Button entfernt. Es war nach wie vor mit ALT+SHIFT+J möglich auf Blocksatz zu formatieren...

Hallo zusammen

Ich dreh noch durch: wie formatiere ich im Gutenberg-Editor den Text als Blocksatz? Ich kann den Block natürlich auf HTML umstellen und dann mit <p align="justify"> arbeiten, aber dann verliere ich jedes mal den Blocksatz, wenn ich wieder auf die Blockansicht wechsle. Es muss doch möglich sein, dass ich den Text direkt mit ALT+SHIFT+J in Blocksatz formatieren kann? Funktioniert bei mir jedenfalls nicht... ist das im neuen Editor nicht vorgesehen?

Über eine kurze Aufklärung würde ich mich freuen.

Danke und Gruss
Chris

Das habe ich eben auch gedacht. Aber egal, ob ich Medium oder Thumbnail nehme, die Bilder bleiben gleich gross in der Miniaturansicht:

Gruss
Chris

Ist mir auch aufgefallen, aber egal was ich im Plugin der Gallerie angepasst habe, die Bilder (thumbnails) wurden nicht kleiner. Ich dachte, dass sich das durch das Plugin automatisch hätte erledigen sollen...

Plugin: WP Media Folder

Gruss
Chris

Hallo zusammen

Und erneut: vielen Dank für eure Hilfe!
Ich hab's endlich geschnallt; die font-family ist der Hauptname der Schrift und nicht die einzelnen verschiedenen Textstile. Die font-family ist also einfach nur "Open Sans" (danke Sepp). Auch der Link zu den einzelnen Schriften ist nun korrekt und wird gefunden.

Betreffend Plugin zum Blocken von Google habe ich mich für "Remove Google Fonts References" entschieden. Die Verweise auf die Google-Server sind nun weg.

Vielen Dank nochmal Euch allen!

Gruss
Chris

Ah super, danke. Wenigstens etwas
Wieso die Schrift auf der Seite aber noch falsch dargestellt wird, kannst Du mir nicht sagen?

Hi

Erst einmal; vielen Dank für deine Hilfe!

Mhm, das kapiere ich nicht. Wenn ich die Netzwerkanalyse öffne sehe ich dieses Bild:

Schaue ich am falschen Ort?

Den Text "/twentyseventeen-child/" habe ich im css noch ergänzt, danke!

Gleich noch eine Frage. Woher kommt folgender Eintrag mit den Franklin-Schriften (fonts.googleapis.com, vierte Zeile im oberen Screenshot)? Kommt der aus dem css des Parent-Themes? Ist das Standard bei Wordpress? Das würde ja dann bedeuten, dass ich bei einem Update des Themes diesen Eintrag wieder drin hätte... ich möchte aber alle Verbindungen zu google-Servern kappen...

Gruss
Chris

Hallo zusammen

Danke für eure Hilfe. Also, ich habe es nun doch noch geschafft, dass die Schriftarten korrekt gefunden werden. Die 404-Fehler sind nun weg und mit dem Firefox-Entwicklerwerkzeug wird mir beim Text nun auch OpenSans-Light mit font-weight 300 angezeigt. Ich habe das Plugin EasyGoogleFonts bereits gelöscht, deshalb denke ich, dass die Schriftarten nun sicher lokal korrekt gefunden werden. Danke!

Jetzt das nächste Problem:
Es wird mir zwar angezeigt, dass ich OpenSans-Light (300) verwende, aber auf der Page selber ist es nie und nimmer OpenSans-Light 300. Die sollte nämlich so aussehen:

Tut sie aber nicht... was mache ich denn nun schon wieder falsch?? :D

Gruss
Chris

Danke für deine Hilfe.
Ich habe in jedem Child-Theme-Ordner (für jede "Subkategorie", also reptiles, edv usw.) einen Ordner Namens Fonts_Google erstellt und die Schriften dorthin kopiert.

Ja ich weiss, sorry, ich habe mich zu ungenau ausgedrückt. Die Frage hätte lauten sollen: Kopiere ich den Abschnitt 5.0 aud dem parent-theme in das css des child-themes?

Gruss
Chrigu

Vielen Dank! Dazu auch gleich Fragen:

reicht es denn, wenn ich bei der URL

src: url('fonts_google/open-sans-v15-latin-300.ttf') format('truetype');

eingebe? Benötige ich nicht noch den genauen Pfad dazu?

Und in welchem Abschnitt trage ich dies im style.ccs ein? Einfach im Abschnitt "5.0 Typography"?

Gruss
Chris

Guten Morgen

Ich verstehe, dass es den Profi wahrscheinlich auf den Sack geht die einfachsten Sachen in WP zu erklären. Es würde mir auch reichen, wenn mir jemand eine tolle Tutorial-Seite zum korrekten Einbinden der Schriften (inkl. Zuweisung der einzelnen Schriften bei z.B. p, h1, h2 usw.) empfehlen würde. Dann kämpfe ich mich selber dort durch :D

Danke und Gruss
Chris

Sorry für meine späte Antwort! Der Grund wieso OpenSans bei reptiles gefunden wird ist, dass dort noch das Plugin aktiv ist. Ich habe das Plugin nur für die Hauptseite deaktiviert und dort wird der Text auch nicht mit OpenSans dargestellt.

Gruss
Chris

Danke für die Frage. Ich habe im angehängten style.css (child) diverse Schriften mit @font-face eingebunden. Meinst Du das?

Guten Abend zusammen

Vorneweg: ich bin ein DAU in Sachen Webseitenprogrammierung und kriege es einfach nicht hin die Google-Fonts ohne Plugin einzubinden. Die Suche habe ich benutzt, finde jedoch nicht genau das, was ich benötige.

Vorgeschichte
Ich habe mir vor einiger Zeit mit dem twentyseventeen-Theme meine Website (fertig ist aber nur http://www.c-ro.ch/reptiles) neu aufgebaut. Ich hatte mich damals nur oberflächlich mit den Themes, Plugins usw. beschäftigt, da mir das Standard-Theme eigentlich genügt hat. Im Zusammenhang mit der neuen DGVO möchte ich nun die Google-Fonts (welche ich per Plugin eingebunden habe) lokal auf meinem FTP-Server speichern und diese dann von meinem Server aus einbinden. Dazu habe ich die benötigten Schriften (Open Sans und Lato) in den verschiedenen Styles heruntergeladen und auf dem FTP-Server gespeichert. Anschliessend habe ich beim recherchieren herausgefunden, dass ich eigentlich ganz am Anfang ein Child-Theme hätte anlegen sollen, was ich nun heute nachgeholt habe. Im Child-Ordner habe ich die Schriften im Ordner "fonts_google" abgelegt und im style.css (auch im Child-Ordner) die Schriften eingetragen. Das besagte style.css findet ihr im Anhang.

Nun muss ich der Seite ja irgendwie vorgeben, welche Schriften wo und in welcher Grösse verwendet werden sollen. Wie mach ich das? Ich habe heute den ganzen Tag x Tutorials durchforstet, werde aber trotzdem nicht schlauer... So wie ich das verstehe, muss ich den Teil (des Parent-style.css), welcher die Typografie betrifft in das Child-style.css kopieren und anpassen oder nicht? Ich habe das heute versucht und den Typography-Teil aus dem parent css in das child css kopiert und anschliessend unter

font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
die Schrift OpenSans-Light eingetragen:
font-family: 'OpenSans-Light', "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;

Der Code, welchen ich vom Parent in das Child css übernommen habe:

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/


body,
button,
input,
select,
textarea {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.66;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    line-height: 1.4;
    margin: 0 0 0.75em;
    padding: 1.5em 0 0;
}


h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    padding-top: 0;
}


h1 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
}


h2,
.home.blog .entry-title {
    color: #666;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
}


h3 {
    color: #333;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
}


h4 {
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 800;
}


h5 {
    color: #767676;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}


h6 {
    color: #333;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 800;
}


p {
    margin: 0 0 1.5em;
    padding: 0;
}

Könnte mir jemand aufzeigen, was ich falsch gemacht habe?

Für Fragen oder bei Unklarheiten stehe ich Euch gerne zur Verfügung.

Danke und Gruss
Chris