Newspaper template

[Tata]

Aus Langeweile habe ich mit einem Template gespielt und einen Template für e-newspaper entworfen. Es ist gar nicht perfect und komplex. Und bestimmt hat viele Dinge drin, die besser entworfen sein könnten. Es funktioniert aber, wie gewünscht und es wird mich freuen, wenn sie es anschauen und eventuell verbessern. Genauso wird es mich freuen, wenn sie mir kurze Komentare schicken und gefundene Fehler bekannt geben. (Download auf der Seite)
NEWSPAPER

[olape]

Sieht gut aus

IMG_0250.jpeg

[lck]

Aus Langeweile habe ich mit einem Template gespielt und einen Template für e-newspaper entworfen.

Um das Template besser testen zu können (auch das Backend), wäre es hilfreich, wenn du es mit einer content-Datei ausliefern würdest. Na ja, die Plugins und Beispielbilder fehlen dann immer noch. Deshalb tendiere ich eher zu einer kompletten Installation mit XH 1.7.6 mit allen notwendigen Elementen.

Ein paar Anregungen und was mir bei der ersten Durchsicht aufgefallen ist.

1) stylesheet.css
Deklaration Fehler in (justify-content: space:flex-start;)

Code: Select all

.admin{min-height: 300px; display:flex; justify-content: space:flex-start; gap:3em;}

2) Seite testen mit html Validator und Fehler beseitigen.

3) Layout kleiner 1450px
Ich würde hier gleich auf 2 Spalten umschalten, ansonsten sieht es etwas zerrissen aus.

newspaper_1450px.jpg

 
4) Eventuell eine andere Schriftart als "Arial, Helvetica, sans-serif" verwenden.

5) Ein "Back to Top" Button wäre schön.

[Tata]

Danke fürs Anschauen und die Ratschläge.
Hier ist die komplette Installation incl. benutzten Plugins und /userfiles

[Tata]

Ein paar Anregungen und was mir bei der ersten Durchsicht aufgefallen ist.

1) stylesheet.css
Deklaration Fehler in (justify-content: space:flex-start;)

Code: Select all

.admin{min-height: 300px; display:flex; justify-content: space:flex-start; gap:3em;}

2) Seite testen mit html Validator und Fehler beseitigen.

3) Layout kleiner 1450px
Ich würde hier gleich auf 2 Spalten umschalten, ansonsten sieht es etwas zerrissen aus.
newspaper_1450px.jpg
 
4) Eventuell eine andere Schriftart als "Arial, Helvetica, sans-serif" verwenden.

5) Ein "Back to Top" Button wäre schön.

1. Ja, das habe ich überrsehen. Wird korrigiert.
2. Den Test habe ich auch durchgeführt und die Warnungen gesehen. Aber dies Fehler wurden vom Editor eingetragen, und da mußte ich etwas am TinyMCE4 ändern. Darum habe ich es so gelassen. Vielleicht die Nutzer einen anderen Editor nutzen. Mit TMCE5 habe ich es nicht getestet, ob auch da die Media mit den "/>" reingebaut sind. Also in einigen Plugins steht noch immer

Code: Select all

<script type="text/javascript">

Das werde ich korrigieren müssen und die Plugins in meiner Repo speichern für zukunftige Nutzung.

3. Ja, das ist ein Nachteil, daß man beachten muß, wie hoch sind die Spalten. Sonst kann ich jetzt noch nicht lösen.
4. Vom Schrifftart habe ich absolut nicht überlegt.
5. Richtige Idee.

Riesen Dank
EDIT:
Nach den Korrektionen sind nur die 3 Infos geblieben: Trailing slash on void elements has no effect and interacts badly with unquoted attribute values.Ich habe es in den 3 Videos entfernt, aber nach dem Speichern fügt es TinyMCE4 sowie auch TinyMCE5 wieder hin zu.

[Tata]

Einiges habe ich korrigiert und zugefügt.
In der neuen Version ist der Template zum Download fertig.

[lck]

2. Den Test habe ich auch durchgeführt und die Warnungen gesehen. Aber dies Fehler wurden vom Editor eingetragen, und da mußte ich etwas am TinyMCE4 ändern. Darum habe ich es so gelassen. Vielleicht die Nutzer einen anderen Editor nutzen. Mit TMCE5 habe ich es nicht getestet, ob auch da die Media mit den "/>" reingebaut sind. Also in einigen Plugins steht noch immer ...

Ich meinte damit eigentlich die Meldungen, die du selber beheben kannst, also die im Template und nicht die in den Plugins. Das wäre dann eine Aufgabe für die Plugin-Entwickler dies bei der nächsten Version zu ändern.

Einiges habe ich korrigiert und zugefügt.
In der neuen Version ist der Template zum Download fertig.

Gut, ist aber auch wieder nur das Template.

In der stylesheet.css könntest du noch ganz oben folgendes einfügen, damit es sanft nach oben scrollt.

Code: Select all

:root {
	scroll-behavior: smooth;
}

[Tata]

Gut, ist aber auch wieder nur das Template.

Da ist die koplette Installation (1.7.6) incl. benutztten Plugins.

[lck]

Danke für komplette Installation, so ist es schneller zu testen.

Backend habe ich angeschaut, passt soweit.
Aufgefallen ist mir, dass der Back-to-Top Button nicht im Backend sichtbar ist. Fix, z-index ergänzen.

Code: Select all

#arrowUp {
	...
	z-index: 9999;
}