Ankündigung

Einklappen
Keine Ankündigung bisher.

Homepage bauen! Videoübersicht [HELP]

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Homepage bauen! Videoübersicht [HELP]

    Hey Elite,

    also ich bin gerade dabei mir eine homepage zu bauen. Kenne mich wohl etwas mit HTML5/CSS3 aus und habe auch schon hier und da was in Wordpress gemacht, aber ich bin ansonsten immer noch ein n00b wenn es etwas komplizierter wird (vor allem bei JavaScript und Datenbanken).

    Insgesamt möchte ich mich mit 3D Animation und Visual FX beschäftigen. Meine Projekte möchte ich daher auch für Bewerbungen gerne online präsentieren.

    Ich habe mir mal in Photoshop ein Mockup erstellt.



    Zu den Recent Projects:
    Dort möchte ich mit den Buttons filtern.
    - Klickt man auf den Button "Autodesk Maya", sollen mir alle Videos die mit Autodesk Maya verknüpft wurden, angezeigt werden.
    - Klickt man rechts im Hashtag menue, filtert er genauso (nur noch alle Videos mit dem angeklickten Hashtag werden angezeigt).
    - Bei der Videoübersicht sieht man genaue Angaben (Jahr und Icons von den jeweiligen Programmen die dafür verwendet wurden).

    Jetzt zu den Fragen:

    1) Wie setze ich das mit den 'Recent Projects' um?
    2) Welches Plugin/Addon in Wordpress ist dafür zu empfehlen?
    3) Gibt es passende Themens dafür ? (auch bezahlbare wären in Ordnung)

    #2
    https://market.envato.com/
    dann klickste oben auf themef0rest

    hf gl

    Kommentar


      #3
      Also umsetzen kann man das auf vielen Wegen. Ich hab für sowas mal auf Isotope zurückgegriffen, das ist aber mittlerweile ein paar Jahre her. https://isotope.metafizzy.co/

      Man könnte das in moderner Form auch mit Frameworks wie Angular oder ReactJS lösen, aber das bedarf schon etwas Einarbeitungszeit und wollte ich nur erwähnt haben. ;)

      Am schnellsten kommst du mit einem Wordpress Theme oder Plugin, welches bereits Isotope einbindet zum Ergebnis, die schränken dich aber auch schneller ein, was Gestaltungsmöglichkeiten betrifft. (Anzeige deiner Programm-Icons und der Jahreszahl machen Codeanpassungen bzw. Erweiterungen im Theme/Childtheme notwendig)

      Beispiele:
      Plugin
      Themes

      Für die Felder wie das Jahr und die Programm-Kategorien würde ich dir das Plugin Advanced Custom Fields empfehlen, damit du diese Felder bei deinen Projekten easy anlegen kannst über eine gleichbleibende Eingabemaske.

      Für deine Projekte solltest du noch einen eigenen Custom-Post-Type anlegen, falls du Beiträge für News nutzen willst.

      Eine zufriedenstellende Variante ohne PHP- oder Themeanpassungen die deinem Mockup entspricht wird denke ich schwer zu finden sein. Selbst ist der Mann! :D

      Kommentar


        #4
        wenn du einigermaßen fit in HTML und CSS bist nimm einfach ein random Bootstrap Theme und pass es an. Du willst ja nur statische Daten darstellen und Videos einbinden. Von dem her go4it: https://startbootstrap.com/

        Ist natürlich nichts individuelles, aber es sieht einigermaßen nach was aus. Ansonsten halt selbst entwickeln mit React etc. Aber das wäre mir für sowas zu viel aufwand.

        Schau halt, dass nicht sowas hier dabei rauskommt: http://adventurega.me/bootstrap/

        Kommentar


          #5
          Alles klar! Danke Leute, ich werde mich jetzt mal dran setzen und es so gut wie's geht versuchen. Wird sicher ein paar Tage dauern, aber gebe bescheid, wenn es geklappt hat! =)

          Kommentar


            #6
            Zitat von tob1
            Schau halt, dass nicht sowas hier dabei rauskommt: http://adventurega.me/bootstrap/
            Danke für den Lacher.

            Kommentar

            Lädt...
            X