Page 1 of 1

Newspaper template

Posted: Sat Feb 03, 2024 11:09 pm
by 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

Re: Newspaper template

Posted: Sun Feb 04, 2024 6:13 pm
by olape
Sieht gut aus


IMG_0250.jpeg

Re: Newspaper template

Posted: Sun Feb 04, 2024 6:59 pm
by lck
Tata wrote:
Sat Feb 03, 2024 11:09 pm
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.

Re: Newspaper template

Posted: Sun Feb 04, 2024 8:06 pm
by Tata

Re: Newspaper template

Posted: Sun Feb 04, 2024 8:31 pm
by Tata
lck wrote:
Sun Feb 04, 2024 6:59 pm
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.

Re: Newspaper template

Posted: Sun Feb 04, 2024 10:51 pm
by Tata
Einiges habe ich korrigiert und zugefügt.
In der neuen Version ist der Template zum Download fertig.

Re: Newspaper template

Posted: Mon Feb 05, 2024 11:52 am
by lck
Tata wrote:
Sun Feb 04, 2024 8:31 pm
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.
Tata wrote:
Sun Feb 04, 2024 10:51 pm
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;
}

Re: Newspaper template

Posted: Mon Feb 05, 2024 3:58 pm
by Tata
lck wrote:
Mon Feb 05, 2024 11:52 am
Gut, ist aber auch wieder nur das Template.
Da ist die koplette Installation (1.7.6) incl. benutztten Plugins.

Re: Newspaper template

Posted: Tue Feb 06, 2024 12:07 pm
by 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;
}