Beiträge von Persephone

Guten Morgen Leute, ich habe einen kleinen Fortschritt zu vermelden, das Problem "above the fold" habe ich gelöst. :mrgreen: YEAH ! ;)

Mein Problem ist, dass ich zu viele Baustellen habe, um die ich mich kümmern muss. Meine Seite ist nicht wirklich Suchmaschinen optimiert. Bei dem Versuch einer entsprechenden Anleitung zu folgen, den Seitentitel zu änderten, was ich dann wieder Rückgängig machen musste, habe ich letzten Samstag meine Seite abgeschossen. Es hat 8 Stunden und 20 Mails gebraucht, bis mein Provider die Seite endlich wieder hergestellt hat.aber auch nur, weil ich mich telefonisch beschwert habe. Ich bin mittlerweile ziemlich verunsichert, wie, was, wo, überhaupt hinkommt. Die Website frisst soviel kostbare Zeit, ich bin kein Programmierer, Softwareentwickler. Meine Fragen sind nicht als Angriffe gemeint, manchmal fehlen mir als Laie einfach auch nur die richtigen Worte. Ich möchte damit nur kurz meinen gegenwärtige Situation beschreiben und um etwas Nachsicht bitte. Danke

Ich habe nun noch eine Frage zur Überschriftengröße. Zum Beispiel, den von Seitentiteln, die erscheinen bei mir in h1, welche Größe habt ihr dafür angelegt und bitte, wie lautet der CSS Code dafür?
Danke

Schade, dass es alle guten Beschreibungen scheinbar nur in Englisch gibt. Nix gegen die deutschen Blogs aber die meisten schreiben über Sachen, von denen sie keine Ahnung haben.

Danke und einen schönen Sonntag

Kann ich hiervon vielleicht eine eingeben und wenn ja, welche von den beiden?
<meta name="viewport" content="width=device-width, initial-scale=1.0">
oder:
<meta name="viewport" content="width=device-width,
initial-scale=1.0,
maximum-scale=1.0,
user-scalable=no">

Danke!

Zitat von Edi

Dann versuche einmal folgendes:

CSS

.widget h2 {
   font-size: 20px !important;
}

Klasse, du bist ein Goldstück, es hat funktioniert! (y)
Falls ich darf, möchte ich noch fragen, ob es hierfür auch so eine passende Regel gibt?

Herzlichen Dank für die Hilfe :!: <3

Zitat von Edi

Es reicht, wenn Du das eingibst, was Du anpassen möchtest. Also beispielsweise:

Code

.widget h2 {
   font-size: 20px;
}

Dein eigenes CSS überschreibt dann die vorgegebenen Definitionen.

Ich habe das jetzt so eingegeben aber es hat sich nichts verändert.

Zitat von Edi

Mit CSS können Elementen Eigenschaften zugewiesen werden. Das geht "kaskadierend" (CSS = Cascading Style Sheets). Was bedeutet, dass beispielsweise für alle Überschriften eine Farbe definiert ist, für Überschriften in einem Widget oder auch in einem einzelnen Widget davon abweichend zusätzlich eine bestimmte Grösse. Was man ablesen kann: Wie die verschiedenen Definitionen verschachtelt sind.

Die Titel der Widgets sind derzeit so definiert:

Code

.widget h2 {
    border-bottom: 1px solid #ebebeb;
    color: #6d7893;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 0;
    padding: 0 0 20px;
    text-align: center;
    text-transform: uppercase;
}

Alles anzeigen

Um die Schriftgrösse zu ändern, kannst Du somit den Wert für font-size anpassen.

Damit Anpassungen bei einer Aktualisierung des Themes nicht verloren gehen, empfiehlt sich entweder ein Child Theme (das Du möglicherweise auch für die Definition einer zusätzlichen Schriftart benötigst) oder eben doch ein Plugin wie Simple Custom CSS.

Ich habe das Plugin Simple Custom CSS installiert, gebe ich jetzt einfach den Code für Widget hier ein /* Füge hier Dein eigenes CSS ein */ ???

Dankeschön

Zitat von maxe

Warum redest du von Fehler? Edi und ich haben dir doch Lösungen für deine Wünsche genannt.

Damit habe ich den Punkt: 9.0 Widgets gemeint, weil die im Style Sheet unter 12.2 Galleries stehen.

Herzlichen Dank für eure Informationen.
Ich habe hier mal ab den Punkt: 9.0 Widgets die Daten von Style sheet kopiert, darin stehen die Widgets unter 12.2 Galleries, ist das vielleicht ein Fehler?

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/






/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}


/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
}


/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}


/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}


/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {}

Zitat von Edi

Nichts PHP, CSS heisst das Zauberwort. Aber ohne zu wissen, welches Theme und welche Widgets beziehungsweise Plugins Du verwendest, oder einfacher: einen Link zu Deiner Website, ist es schwierig, Hilfe zu leisten.

Danke für eure Antworten.
Ich habe meine Website bereits einige male hier verlinkt, und auch auf meinem Profil. Was kann man vom anschauen davon ablesen? Ich gehe davon aus, dass die Vorgehensweise dafür immer die Gleiche ist.
Okay, also Stylesheet -Style CSS.
Ich weiß, es gibt ein Plugin WP Edit, aber ich möchte kein weiteres Plugin dafür installieren.

Gruß

Hallo,

Die Überschrift der Widgets ist zu groß und muss geändert werden, auch möchte ich eine andere Schriftart benutzen.
In welcher php kann ich das bitte tun und an welcher Stelle muss die Änderung vorgenommen werden?

Danke für euer Hilfe.

Das Kontaktformular von Contact Form 7 erscheint auf der statischen Seite riesengroß und macht meine Website total langsam, wie kann ich das ändern?

Danke

War lange nicht mehr hier, weil es nichts bringt.

Zitat von Monika

nein
nicht WP lädt die Schriften in den header, sondern das jeweilige Theme
der Unterschied ist sehr verkürzt so: WP ist das Auto, das Theme der Lack :-)

wenn du die Schriftart deines Themes => Google Font deaktivierst, hast du ein sehr anders Layout=> keine Ahnung, ob es dir dann gefällt.

wenn du die Schrift erst im html Footer lädst dann kommt es zum "Flackern", wenn jemand deine Site nicht in seinem Browsercache hat => deine Entscheidung, ob du das in Kauf nimmst

und das Plugin autooptimize schlug ich auch vor, hast es vermutlich überlesen :-)

Hallo Monika, danke für deinen Hinweis, ich weiß im Moment nicht, ob ich Google Fonts, Krikelkrakel Fonts oder Blogoma`s Hieroglyphen Im Theme habe, weil ich nicht weiß, wo ich den Hinweis überhaupt finden soll.
Ich habe vorhin noch ein Bild/Grafik mit der Bezeichnung "Server" hinzugefügt, darauf kannst du erkennen, dass ich das autoptimize Plugin am 14.02.2016 installiert habe. Vielleicht ist mir dabei ein Fehler unterlaufen oder ich muß noch weitere Einstellungen vornehmen, von denen ich bisher keine Ahnung habe. Ich erkenne nämlich noch nicht den Nutzen von diesem Plugin.
Mühsam ernährt sich das Eichhörnchen ...
Was ich verstehe, setzte ich um und mit dem Rest gehe ich euch auf den Geist, weil ich ´s nicht verstehe. Verstehste? ;-)

Zitat von AausB

Ich kann nur sagen, setzt Autoptimize und bei gefallen auf das Cache-Enabler Plugin. Die Probleme mit den blockierenden Ressourcen werden verschwinden. Und es gibt noch weitere nette Vorteile die diese Plugins mit an Board haben.

Die Einstellungen der Plugins sind recht einfach erklärt und man hat sie in null komma nix produktiv.
Ich hätte grad fast vergessen das ich selbst vor kurzem einen Artikel zu diesem Thema auf meinem Blog veröffentlicht habe.
Schau mal auf die Seite https://www.appentwicklerblog.de/wordpress-lade…speed-insights/ wenn du an der Performance deiner Seite schrauben willst.

Gruß

Herzlichen Dank für den Hinweis, habe mir die Seite angeschaut und habe dazu einige Fragen:
Google Fonts

Standardmäßig lädt Wordpress die Schriftart in der Kopfzeile. Dies führt automatisch zu blockierenden Ressourcen. Um dies zu beheben installieren wir ein kostenloses Plugin namens „Disable Google Fonts“. Vereinzelt bieten Themes diese Funktion in ihren eigenen Einstellungen. Dort sollte man zuerst nachschauen.
Wir laden unsere Google-Schrift mit dem folgenden Code in der Fußzeile, direkt vor dem </ body> -Tag.
<link href='https://fonts.googleapis.com/css?family=Noto+Serif:300,500,700' rel='stylesheet' type='text/css'>
[COLOR=#ff0000]Wo befindet sich die Fußzeile denn genau?
Wo finde ich den Hinweis über Fonts Einstellungen im Theme, um da zuerst nachzuschauen?
[/COLOR][COLOR=#000000]Danke für Ihre / Deine Bemühungen[/COLOR].

Hallo, ich habe mir gerade deine Website angesehen, das ist mittlerweile eine:
404 Fehlerseite

Ohje, diese Seite wurde nicht gefunden!

Schau nach, ob du auch eine Fehlermeldung im Dashboard bezüglich dieser URL deiner Startseite hast. Ich habe das Plugin Link-Checker installiert und kann dort die URL erneut prüfen lassen, o.k. geben oder auch entsorgen. Eventuell hast du eine Mail auf google.com erhalten, die dich auf 404 Seiten aufmerksam macht, dort schreiben sie auch etwas über Aktivierung und Überprüfung von URL Adressen dazu. Die URL ist jedenfalls das Problem und nicht die Medien, die URL findest du auch oben in der Adressleiste.
Gruß

Zitat von Bitpalast

Das Problem kann sehr wahrscheinlich nicht behoben werden, ohne dass Sie wesentliche Gestaltungsänderungen an Ihrer Seite vornehmen.

"Above the fold" bedeutet: Der Teil der Darstellung, der oberhalb des unteren Fensterrahmens sofort gerendet werden sollte, wenn eine Seite lädt. Das ist in Ihrer Konfiguration aber ausgeschlossen, weil Sie die genannten CSS- und JS-Dateien brauchen, um einen Teil der Inhalte, die sich im oberen Seitenbereich befinden, überhaupt darstellen zu können.

Die einzig mögliche Näherung an eine Lösung ist, genau die Elemente in den CSS-Dateien zu identifizieren, die benötigt werden, um den above-the-fold-Teil darzustellen, diese aus den Stylesheets zu entfernen und stattdessen inline in die Seite einzubauen. Das ist auch die von Google empfohlene Vorgehensweise. Sollten dies aber sehr viele Elemente sein (angesichts der langen Liste von CSS-Dateien ist das vermutlich so), bringt das auch nichts, denn dann wird Google reklamieren, dass das Inline-Element zu lang ist. Die JS-Dateien können meistens nicht nachträglich geladen werden, weil andere Seitenteile davon abhängen und die JS-Ausführung eventuell blockiert, wenn JQuery nicht zur Verfügung steht, entsprechend danach auch nichts asynchron nachgeladen werden kann.

Einzig die Webfont-Dateien können Sie dynamisch nachladen, d.h. aus der statischen Liste entfernen und stattdessen mit einen "onload"-Ereignis der Seite verknüpfen. Dort führen Sie aus (Pfade und Namen müssen Sie natürlich noch anpassen):
<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ['Droid Sans', 'Droid Serif']
}
});
</script>

Alles anzeigen

Herzlichen Dank für ihre Beschreibung, ich weiß schon was above-the-fold-heißt und auch was Google schreibt.
[COLOR=#ff0000][/COLOR][COLOR=#ff0000][/COLOR][COLOR=#ff0000][/COLOR][COLOR=#ff0000][/COLOR][COLOR=#000000]Doch jetzt meine Fragen:[/COLOR]
Das ist in Ihrer Konfiguration aber ausgeschlossen, weil Sie die genannten CSS- und JS-Dateien brauchen, um einen Teil der Inhalte, die sich im oberen Seitenbereich befinden, überhaupt darstellen zu können. [COLOR=#ff0000]Warum habe ich die CSS- und JS Datein nicht, wenn sie doch notwendig sind?

[/COLOR]Die einzig mögliche Näherung an eine Lösung ist, genau die Elemente in den CSS-Dateien zu identifizieren, die benötigt werden, um den above-the-fold-Teil darzustellen,
[COLOR=#ff0000]Sind das nicht die Dateien, die ich oben in meinem Beitrag angegeben habe?
[/COLOR]
diese aus den Stylesheets zu entfernen und stattdessen inline in die Seite einzubauen. Das ist auch die von Google empfohlene Vorgehensweise.
[COLOR=#ff0000]Richtig, aber was soll mir das sagen b. z .w. was entferne ich aus welchem Stylesheet von welcher Stelle? Was und wo ist Inline? Was ist mit "einbauen" gemeint? Mit Seite ist das Stylesheet gemeint, oder? Ich muss genau wissen, welche Daten ich von wo nach wo in welche Dateien - p.h.p- oder Stylsheets ex- und importieren soll. Ich weiß schon um was es geht aber für diese Aktion brauche ich eine genauere Ablaufbeschreibung. Mag sein,dass ich jetzt wieder gemeckert bekomme, ich wolle an die Hand genommen werden und all so ein Kram aber ich bin Leie und was ich auf meiner Seite habe, dass habe ich bisher alles alleine gemacht, mir jeden Schritt angelesen, das meiste in englisch.

[/COLOR]Sollten dies aber sehr viele Elemente sein (angesichts der langen Liste von CSS-Dateien ist das vermutlich so), bringt das auch nichts,
[COLOR=#ff0000][/COLOR][COLOR=#ff0000][/COLOR][COLOR=#ff0000]Die genaue Anzahl ist doch oben angegeben oder nicht? Angesichts welcher langen Liste von CSS- Dateien ist was vermutlich so und wieso bringt das auch nichts?

[/COLOR]
Einzig die Webfont-Dateien können Sie dynamisch nachladen, d.h. aus der statischen Liste entfernen und stattdessen mit einen "onload"-Ereignis der Seite verknüpfen. Dort führen Sie aus (Pfade und Namen müssen Sie natürlich noch anpassen):
<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ['Droid Sans', 'Droid Serif']
}
});
</script>

[COLOR=#ff0000]Danke aber letzteres hilft mir so nicht weiter, wegen oben angegebener Problemstellung.

[/COLOR][COLOR=#000000]Jetzt haben wir meinen Beitrag ja noch einmal durchgesprochen und für alle verständlicher gemacht, meine Fragen auch.
Hoffe es geht weiter und ich erhalte etwas Unterstützung von euch. [/COLOR][COLOR=#ff0000]Danke!

[/COLOR][COLOR=#ff0000][/COLOR][COLOR=#000000][/COLOR][COLOR=#ff0000][/COLOR][COLOR=#ff0000][/COLOR]
[COLOR=#ff0000][/COLOR][COLOR=#ff0000][/COLOR]

Danke, was anderes habe ich nicht erwartet!

Scheinbar hat hier niemand Ahnung von der Materie oder es will mir keiner von euch helfen.
Letzteres kann verschiedene Gründe haben, nur dann sollte ich darüber informiert werden.
Jedenfalls finde ich das Verhalten hier schon rechts sonderbar und wenig zielführend.
Ich habe auf meinen anderen Beitrag einige Privatnachrichten mit Hilfsangeboten erhalten aber da ist bisher auch nichts bei raus gekommen.
Darin erzählt mir jeder, was er ist und was er kann aber dann höre ich nichts mehr von ihnen. HALLO ???

Hm, keine einzige Reaktion auf meinen Beitrag, dabei wurde er schon von 64 Leuten aufgerufen. :roll: