# 87: Galerie-Gitter - CSS-Tricks

Anonim

Wir haben den Galeriebereich in WordPress eingerichtet, der ausspuckt, was wir zum Ausspucken benötigen, aber es gibt noch fast kein Styling auf der Seite.

Wir beginnen mit dem Code in der Datei functions.php, der den benutzerdefinierten Beitragstyp festlegt, aus dem "Screenshots" auf dieser Site erstellt werden. Es ist ein wenig kompliziert, da es nicht nur einen benutzerdefinierten Beitragstyp und alle damit verbundenen benutzerdefinierten Redewendungen und so weiter gibt, sondern auch eine benutzerdefinierte Taxonomie und alle benutzerdefinierten Redewendungen dafür. Auf diese Weise kann ich Screenshots markieren, aber die globale Taxonomie „Tags“ nicht befallen.

Für die Aufzeichnung sollte dieses Zeug in einem Funktions-Plugin sein, nicht in meiner Datei functions.php, aber ich werde irgendwann darauf zurückkommen.

Für den Rest des Videos machen wir das, was wir auf anderen Seiten gemacht haben: Gehen Sie Zeile für Zeile durch unser statisches Modell und verschieben Sie die relevanten Inhalte in die WordPress-Vorlagendatei. Es gibt einige Dinge im WordPress-Bereich, die wir behalten, weil wir sie später brauchen werden, z. B. wo Tags ausgegeben werden und wo jedes Bild in einen Link anstatt in ein Div eingeschlossen wird.