1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

design ändern

Dieses Thema im Forum "BuddyPress" wurde erstellt von lira, 21. September 2014.

  1. lira

    lira Member

    Registriert seit:
    21. September 2014
    Beiträge:
    6
    Zustimmungen:
    0
    Hallo Leute,

    Ich möchte das Designs von den bp Seiten umgestalten. Sei es Loginbereich, Mitgliederbereich usw. Habe aber keine Ahnung wie ich vorrangehen muss.

    Bin daber für jede Hilfe dankbar.

    Liebe grüße
    lira
     
  2. 1a-Spielwiese

    1a-Spielwiese Well-Known Member

    Registriert seit:
    19. August 2014
    Beiträge:
    172
    Zustimmungen:
    0
    Ich denke, du musst die Frage spezifischer stellen, zumindest mal 1, 2 Beispiele für die von Dir ins Auge gefassten Änderungen nennen, damit sich die Frage (halbwegs einfach / sinnvoll / kurz / präzise - was auch immer) beantworten lässt.

    Und: Im englischsprachigen BuddyPress-Support-Forum tut sich deutlich mehr als hier: https://buddypress.org/support/
     
  3. lira

    lira Member

    Registriert seit:
    21. September 2014
    Beiträge:
    6
    Zustimmungen:
    0
    Ich möchte z.B die Profilseite redesignen. Also andere Anordnung der Texte, Schriftfarbe usw.

    Wie muss ich da rangehen?
     
  4. 1a-Spielwiese

    1a-Spielwiese Well-Known Member

    Registriert seit:
    19. August 2014
    Beiträge:
    172
    Zustimmungen:
    0
  5. 1a-Spielwiese

    1a-Spielwiese Well-Known Member

    Registriert seit:
    19. August 2014
    Beiträge:
    172
    Zustimmungen:
    0
    @ "andere [...] Schriftfarbe":

    Das machst du genauso, wie jede andere Änderung einer Schriftfarbe auch:

    -- Du musst zunächst feststellen (oder erraten - so geht es mir oft ;) ), wodurch die Schriftfarbe eines bestimmten Textes definiert ist. - Dabei hilft für den Browser Firefox ein Addon wie Firebug.

    -- Und dann musst diese Definition ändern.

    Z.B. gibt es den html-tag <blockqoute>, mit dem üblicherweise Zitate gekennzeichnet werden. Diesem tag, sind - je nach Theme (style.css) - unterschiedliche Formatierungen zugewiesen (z.B. eingerückt oder nicht eingerückt; z.B. kursiv oder nicht kursiv; z.B. mit Rahmen drumherum oder nicht, z.B. graue statt schwarze Schrift usw.).

    Diese zugewiesenen Formatierungen kannst Du dann entweder direkt in der Original style.css ändern oder - besser - mittels eines Plugins wie "Simple Custom CSS" oder durch Schaffung eines sog. child-themes:

    https://codex.wordpress.org/Child_Themes
     
  6. lira

    lira Member

    Registriert seit:
    21. September 2014
    Beiträge:
    6
    Zustimmungen:
    0
    vielen Dank für eure hilfreichen Antworten, ich bin dadurch paar Schritte weiter :)

    Ich nutze Chrome, da war dieses Addon von Haus aus schon dabei. Ich komme damit aber noch nicht ganz zu recht. Ich kann zwar sehen, welche CSS betroffen ist, soweit alles gut. Kann ich aber auch direkt in die HTML Datei eingreifen und auch dort Veränderungen vornehmen? wenn ja, wie finde ich heraus, welche Datei dafür verantwortlich ist (wie bei CSS).
     
  7. 1a-Spielwiese

    1a-Spielwiese Well-Known Member

    Registriert seit:
    19. August 2014
    Beiträge:
    172
    Zustimmungen:
    0
    Was meinst Du denn mit "die HTML-Datei"?

    Mir ist das Verhältnis von html und CSS auch nicht (ganz klar), aber mir scheint, dass CSS auf html aufbaut und ermöglicht, bestimmten Textsorten/-gruppen 'gebündelt' bestimmte html-Formatierungen zuzuweisen. - Aber keine Ahnung, ob das richtig beschrieben ist.

    Was sich z.B. machen lässt, kannst du versuchen, wie folgt nachzuvollziehen:

    -- Ich benutze das Theme Reddle. Einen Demo-Blog mit Reddle-Theme findest du dort: http://reddledemo.wordpress.com/

    -- Durch eine Reihe von Änderungen habe ich u.a. die Hauptspalte vergrößert, die rechten Randspalte (Sidebar) verkleinert, den Abstand von beiden zu einander sowie den linken Rand der Hauptspalte und den rechten Rand der Sidebar verkleinert und das Aussehen der Sidebar verändert.

    Das Ergebnis siehst du dort: http://1a-spielwiese.de.

    -- Wie ich diese Änderungen bewirkt habe, ist (abgesehen von dem Austausch der Widgets in der Sidebar) im wesentlichen dort:

    https://wordpress.org/support/topic/change-sidebar-width-11?replies=3

    dort:

    https://wordpress.org/support/topic/different-background-colours-for-different-sidebar-widgets?replies=11

    und dort:

    https://wordpress.org/support/topic/relocating-the-header-foto?replies=5

    erklärt.
     
  8. lira

    lira Member

    Registriert seit:
    21. September 2014
    Beiträge:
    6
    Zustimmungen:
    0
    Danke für die Antwort aber damit hat sich meine Frage leider nicht beantwortet. Also mit Html und CSS kenne ich mich mittlerweile etwas aus. Ich stell die Frage nochmal:

    Mit dem Browser Entwicklungsmodus sehe ich den HTML-Code und Rechts die zugehörige CSS Eigenschaften und die Verlinkung zur CSS Datei die betroffen ist.

    Ich möchte nicht nur Veränderungen in dem CSS-Code vornehmen sondern auch direkt in der HTML-Datei. Nur weiß ich nicht in welcher HTML bzw. PHP Datei der Code ist, weil hier die Verlinkung nicht angegeben wird wie bei der CSS.

    Kann ich das irgendwie herausfinden? in welcher Datei ich den HTML Code bearbeiten kann?
     
  9. 1a-Spielwiese

    1a-Spielwiese Well-Known Member

    Registriert seit:
    19. August 2014
    Beiträge:
    172
    Zustimmungen:
    0
    Ich bin mir nicht sicher, ob ich jetzt deine Frage richtig verstehe:

    Aber - falls du mit "die HTML-Datei" aus der vorherigen Formulierung der Frage php-Dateien meinst, so erschließt sich das für WordPress relativ einfach:

    die Datei für den Footer heißt footer.php, die für den header header.php, die für die Seiten pages.php usw. -

    Für BuddyPress scheint das etwas komplizierter zu sein. Ich würde noch mal zuraten, dass englischsprachige BuddyPress-Forum dafür zu nutzen:

    https://buddypress.org/support/ -

    oder vielleicht hilft auch der dortige "Codex" weiter.

    Zum Beispiel habe ich in dem englischsprachigen Forum erklärt bekommen, welche Dateien ich ändern muss, um die Reihenfolge der Menü-Tabs auf den BuddyPress-member-Seiten zu ändern:

    https://buddypress.org/support/topic/what-happened-to-these-buddypress-plugins/#post-187003
    und
    https://buddypress.org/support/topic/what-happened-to-these-buddypress-plugins/#post-197324

    sowie wie ich ich die Sidebar auf den BuddyPress-Seiten deaktiviere:

    https://buddypress.org/support/topic/full-width-layout-with-reddle-themen/#post-197906
    and
    https://buddypress.org/support/topic/full-width-layout-with-reddle-themen/#post-200310


    Ist das in etwa die Art von BuddyPress-Design-Änderungen, die Du meinst?
     
    #9 1a-Spielwiese, 24. September 2014
    Zuletzt bearbeitet: 24. September 2014
  10. lira

    lira Member

    Registriert seit:
    21. September 2014
    Beiträge:
    6
    Zustimmungen:
    0
    oh ja, in BuddyPress sind solche Designänderung wohl in der Tat etwas komplexer :/

    Genau solche Änderungen meinte ich :)

    Da muss ich mich wohl dann mal durchkämpfen und das auch noch in Englisch, das wird spaßig :)

    Vielen Dank für deine Hilfe, erstmal bin ich gut bedient, denke ich!
     
    #10 lira, 25. September 2014
    Zuletzt bearbeitet: 25. September 2014
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden