Gallerie, Gästebuch und Seitendesign :)

syK

Hallo WP-Community,

es handelt sich hier um meine neue WP Seite Ha’ Watt’n
Ist eine Gastronomie / Restaurant hier im Norden :)

Bin völliger Neuling, deshalb ein paar Fragen! Aber dafür ist das Forum ja da :D

Also:

1. Habe mir die Nextgen Gallerie installiert und sie funzt auch! Jetzt habe ich mir eine neue Seite oben in der Navi erstellt und würde gerne, dass alle Bilder (oder Alben) dort übersichtlich angezeigt werden! Also die Diashow möchte ich in der Navi natürlich behalten :)

2. Wenn ich eine neue Seite erstelle, wie kann ich da ein Gästebuch einbinden? Kann ich da ein Plugin installieren und das auf die neu erstellte Seite verlinken?

3. Die Schrift im Header oben? Wie kann ich die verändern (Schriftart, Fett, Größe etc.) ?!? Die ist immo so unauffällig

4. Dieser Rand um die Seite herum.. Dieser Graue, wie bekomm ich den weg? Der gefällt mir nicht :/

Habe die Seite heute erst erstellt und noch nicht wirklich bearbeitet vom Text her usw., aber das kommt heute oder morgen abend :D

Danke schonmal!

Achja! Wenn ihr sonst noch irgendwelche Tipps oder so habt, würde ich mich freuen!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Los_Larsos112

Hallo SyK,

für ein Gästebuch brauchst du definitiv ein Plugin (kommentieren der Seiten geht bzw. ist bereits in Wordpress integriert). Ich habe auf meiner Webseite das DMSGuestbook installiert (http://wordpress.org/extend/plugins/dmsguestbook). Die heruntergeladene ZIP-Datei öffnest du und entpackst den darin enthaltenen Ordner in http://www.hawattn.de/wp-content/plugins.
Danach loggst du dich in den Adminbereich ein und gehst in der linken Navigationsleiste auf den Reiter "Plugins". Dort aktivierst du das Gästebuch.
Nach der Aktivierung erscheint ganz unten in der Navigationsleiste ein neuer Reiter, wo du grundlegende DMSGuestbook-Einstellungen vornehmen kannst.
Um nun dein Gästebuch in eine Seite einzubinden, gehst du auf den Reiter "Seiten" und danach auf "Erstellen". Dort gibst du der Seite eine Überschrift wie "Gästebuch" und publizierst diese. Anschließend gehst du den DMSGuestbook-Einstellung und wählst den Reiter "Basic" an. Dort zeigt er dir alle deine erstellten Seiten an. Klicke nun zuerst auf "Clear all". Danach klickst du hinter der entsprechenden Seite (hier die erstellte "Gästebuch"-Seite) in der Spalte "Guestbook" der Tabelle auf "Set". Speicher nun die Einstellung und voilà, das Gästebuch wurde in die Seite integriert.
Die Schrift im Header sowie der Rand um die Seite kannste über die CSS verändern (CSS=Cascading Style Sheets). Also ein wenig auskennen ("programmieren":mrgreen:) musst du dich da schon. Ansonsten schau mal bei Selfhtml vorbei (SELFHTML: Stylesheets (CSS)). Dort kriegst einen großen Einblick in CSS.

Ich hoffe es klappt alles problemlos (bin selber blutiger Anfänger in Wordpress :mrgreen:). Falls du noch Fragen haben solltest, kannst du ja ruhig nochmal posten. Ansonsten weiterhin viel Spaß in Wordpress.

P.S: Anhang zur Verdeutlichung :-D!

syK

Hey,

das mit dem Gästebuch hat schonmal super geklappt, vielen dank :)

die gallerie hab ich jetzt mittlerweile auch hinbekommen, muss nur noch ein paar bilder uppen :D

jetzt muss ich egtl. nur noch wissen, wie ich die schriftart, größe etc. von der schrift im header verändern kann..

die zeilen mit "Die Erlebnisgastronomie in Dornumersiel" habe ich in der style.css gefunden und konnte sie auch schon verändern.. nur finde ich nicht die richtigen zeilen für das "Ha' Watt'n" dadrüber.. wo sitzt das denn? :/

und ist nextgen egtl. das beste gallerie plugin oder gibts da eurer meinung noch was besseres?

danke schonmal :)

achja und noch eine kleine frage! mit welchem programm kann ich am besten eine gerade weiße linie am rand von grafiken herziehen? es muss aber bei mehreren grafiken so sein und die linie muss genau passen, damit am ende nichts verrutscht! gibts da irgendwie ein gutes programm?

holla-die-waldfee89

Zitat von syK

Hey,
achja und noch eine kleine frage! mit welchem programm kann ich am besten eine gerade weiße linie am rand von grafiken herziehen? es muss aber bei mehreren grafiken so sein und die linie muss genau passen, damit am ende nichts verrutscht! gibts da irgendwie ein gutes programm?

Hm. also wenn ich dich richtig verstanden habe möchtest du so ne Linie haben?
diesen "Effekt"erzeugt man mit einer hr eine horizontale Linie.

Los_Larsos112

Zitat von syK

achja und noch eine kleine frage! mit welchem programm kann ich am besten eine gerade weiße linie am rand von grafiken herziehen? es muss aber bei mehreren grafiken so sein und die linie muss genau passen, damit am ende nichts verrutscht! gibts da irgendwie ein gutes programm?

Du kannst auch mit HTML/CSS den Grafiken einen Rahmen geben. Ansonsten gibt es unzählige Freeware-Grafikprogramme, mit denen du das auch machen kannst, z.B. GIMP (GIMP - Download - CHIP Online).

Wegen deiner CSS-Frage musst du mal den CSS-Code hier posten, da du ja ein anderes Template verwendest. Nur so kann jemand nachschauen, wo sich der Eintrag für die Überschrift befindet :-D.

syK

hey!

das mit dem rahmen etc. hat sich erledigt!
habe mir jetzt was ganz schlichtes und übersichtliches gebastelt.. so gefällt es mir immo auch! in zukunft wird ja eh immer weiter drann geschraubt und es kommen neue dinge dazu :D

jetzt müsste ich noch wissen, wie ich die schriftart in den artikeln etwas größer machen kann! die von der überschrift hab ich gefunden, nur die nicht, was im artikel drinn steht! hier ist mal der quelltext der style.css :

PHP

/*
Theme Name: Thedark
Theme URI: http://www.freewordpresslayouts.com
Version: 1.0
Description: 2 Column theme
Author: Smartertemplates.com
Author URI: http://www.freewordpresslayouts.com
*/






/* Links */


a:link { text-decoration: none; color: #8BE2EC; }


a:visited { text-decoration: none; color: #8BE2EC; }


a:hover, a:active { color: #F9B5B0; }


/* Headings */


h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }


h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}


h2 { font-size: 28px; }


h3 { font-size: 24px; }


h4, h5, h6 { font-size: 20px; }


/* Other Html Elements */
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
underline: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;
}


pre, blockquote 
{
    overflow: auto;
    padding: 0 10px;
    margin: 20px 30px;
    line-height: 1.8em;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
}


pre:hover, blockquote:hover
{
    background-color: #f0f0f0;
    border: 1px solid #d0d0d0;
}


pre { padding-top: 10px; padding-bottom: 10px; }


code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }


ul, ol { line-height: 2.0em; }


ul { list-style-image: url(images/bullet.gif); }


abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }


del { text-decoration: line-through; color: #999999; }


ins { text-decoration: none; color: #009977; }


/* Structure */


body
{
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    background-image: url(images/bg.gif);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #000000;
    font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
    line-height: 20px;
}


#wrapper2 {
width: 950px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
}
#header
{
    float: left;
    width: 950px;
    padding-bottom: 8px;
    clear: right;
    padding-left: 0px;
}


#navigation
{
    clear: both;
    float: left;
    width: 930px;
    background-image: url(images/header.gif);
    height: 173px;
    padding-right: 20px;
}


#wrapper
{
    clear: both;
    float: left;
    width: 100%;
    color: #FFFFFF;
    background-color: #000000;
}


#content-wrapper
{
    width: 60%;
    float: left;
}


#content
{
    float: left;
    padding: 0 0px 10px 30px;
}


#sidebar-wrapper
{
    width: 35%;
    float: right;
    margin-top: 10px;
}


#sidebar
{
    float: right;
    padding: 0px 15px 10px 10px;
    width: 210px;
    margin-right: 15px;
    margin-top: 0px;
}


#footer
{
    clear: both;
    float: left;
    width: 930px;
    text-align: left;
    padding-left: 20px;
    background-position: bottom;
    background-repeat: no-repeat;
    color: #8BE2EC;
    font-size: 10px;
    padding-bottom: 10px;
}


#footer a {
    color: #8BE2EC;
    font-size: 11px;
    }


#footer a: visited {
    color: #8BE2EC;
    }
#footer a:hover {
    color: #F9B5B0;
    border-bottom: 1px dashed #F9B5B0;
    }
#extras
{
    float: left;
    width: 780px;
    color: #444444;
    text-align: left;
    padding: 0 10px 10px;
    margin: 10px 12px 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}


/* Header */


#header h1 { padding-left: 30px; margin-top: 20px; text-transform: uppercase;}


/* Navigation */


#header ul { list-style-type: none; list-style-image: none; float: left; margin-top: 10px; padding: 0 0px 0 0; margin-left: 20px;}


#header li { float: left; }


#header li a:link,
#header li a:visited
{
    float: left;
    color: #FFF;
    display: block;
    padding: 5px 10px;
    margin-right: 5px;
    font-size: 16px;
    margin-top: 4px;
    
}


#header li a:hover,
#header li a:active
{
    color: #FFF;
    background-repeat: repeat-x;
    font-size: 16px;
        margin-top: 4px;
}


#header li.active a
{
    color: #FFFFFF;
    background-color: #000000;
}


/* Wrapper */


#wrapper a:link { font-weight: bold; }


#wrapper a:visited { font-weight: bold; }


#wrapper a:hover, #wrapper a:active { }


/* Content */


#content .post-title a { border-bottom-width: 0; }


#content .post p.img { float: left; margin: 0 15px 0 0; }


#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }


#content .post-footer 
{ 
    font-size: 90%; 
    color: #888888;
    margin-bottom: 5px; 
    padding:5px 5px 5px 15px;
    background-repeat: none;
}


/* Sidebar */


.sideblock
{
    padding: 5px 10px;
    margin-bottom: 20px;
    background: #252525;
    border: #373737 1px solid;
    background-repeat: no-repeat;
    background-position: top;


}


.post-wrapper {
padding-left: 10px;
width: 676px;
margin-left: -20px;
}


.sideblock ul { }


.sideblock h3 { margin-top: 5px; font-size: 14px; color: #949788; font-weight: bold; }


#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }


#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }


#sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}


#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }


#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}


/* Extras */


#extras h6 { font-size: 14px; text-transform: uppercase; color: #FFFFFF; }


#friends
{
    float: left;
    width: 150px;
    margin-left: 20px;
    margin-right: 10px;
}


#links
{
    float: left;
    width: 275px;
    margin-right: 50px;
}


#about
{
    float: left;
    width: 250px;
    margin-right: 20px;
}


#friends ul { padding-left: 20px; }


#links dl, #links dt, #links dd { margin: 0; padding: 0; }


#links dt { font-weight: bold; padding-top: 5px; }


#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }


    /* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}


#commentform {
margin: 1em 0;
background: #FFFFFF;
width: 280px;
}


#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}


#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}


.date {
    background: url(images/date.gif) no-repeat;
    height: 54px;
    margin-bottom: 0px;
    width: 54px;
    text-align: center;
    float: left;
    margin-top: 15px;
    line-height: 15px;
}
.date .month {
    display: block;
    color: #000;
    padding: 2px 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 2px;
    font-weight: bold;
    margin-bottom: 3px;
}
.date .day {
    display: block;
    color: #FFFFFF;
    font: 2.3em Georgia;
    padding-top: 0px;
    text-align: center;
    margin-top: -8px;
}


#left {
    width: 60px;
    float: left;
}


.slogan {
font-size: 13px;
color: #6F6F6F;
text-transform: lowercase;
margin-left: 30px;
margin-bottom: 2px;




}

Alles anzeigen

habe es schon mit

.entry {
font-size: 20px;

}

versucht, klappte aber nicht :/

hoffe ihr könnt mir weiterhin helfen und danke nochmal für die tipps oben :D

holla-die-waldfee89

Hallo,
ich hab mir dein Css-Datei mal angeguckt und habe zwei Ideen wei du die Schrift größer bekommen könntest.

Entweder packst du font-size:20 (und anstatt px würde ich dir pt empfelen, weil das ist die orignial Einheit von den Schriftgrößen).
Oder, aber (ich denke das wird es eher sein), weiter unten steht was von Content (das müssten die Einträge sein) versuch es mal dort, mit dem font-size: 20pt.

Ich hoffe das dir das i-wie weiter geholfen hat
LG
Holla

syK

hey,

habs leider bisher immer noch nicht gefunden :(
unter content ist leider nichts mit font-size zu finden und den rest hab ich schon ganz durch.. bin am verzweifeln hier :)

holla-die-waldfee89

hi,
nur so als kleiner Hinweis am Rande, du solltest nicht nach font-size suchen sondern, du solltest ausprobieren ob sich die Schrift verändert sprich.

entweder setzt du in der CSS-Datei
body {
blablubbell
font-size: 20pt; (font-size ist ja der "befehl" für die Schriftgröße).
Oder, aber du suchst den Eintrag Content (weiter unten)
und setzt dort font-size:20pt; rein

Hm. weiß nicht ob ich mich richitg ausdrücken sollte sprich was ich damit sagen will ist du kannst nach dem font-size lange suchen DEN es ist NICHT vorhanden, aber du kannst dieses font-size selbst rein setzen

P.S:
Mein Lösungsvorschlag sieht wie folgt aus:

Dein Original:
[COLOR=#000000][COLOR=#0000cc]
body
[/COLOR][COLOR=#006600]{
[/COLOR][COLOR=#0000cc]margin[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#0000cc]0[/COLOR][COLOR=#006600];
[/COLOR][COLOR=#0000cc]padding[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#0000cc]0[/COLOR][COLOR=#006600];
[/COLOR][COLOR=#0000cc]color[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#ff9900]#FFFFFF;
[/COLOR][COLOR=#0000cc]background[/COLOR][COLOR=#006600]-[/COLOR][COLOR=#0000cc]image[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#0000cc]url[/COLOR][COLOR=#006600]([/COLOR][COLOR=#0000cc]images[/COLOR][COLOR=#006600]/[/COLOR][COLOR=#0000cc]bg[/COLOR][COLOR=#006600].[/COLOR][COLOR=#0000cc]gif[/COLOR][COLOR=#006600]);
[/COLOR][COLOR=#0000cc]background[/COLOR][COLOR=#006600]-[/COLOR][COLOR=#0000cc]repeat[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#0000cc]repeat[/COLOR][COLOR=#006600]-[/COLOR][COLOR=#0000cc]x[/COLOR][COLOR=#006600];
[/COLOR][COLOR=#0000cc]background[/COLOR][COLOR=#006600]-[/COLOR][COLOR=#0000cc]position[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#0000cc]top[/COLOR][COLOR=#006600];
[/COLOR][COLOR=#0000cc]background[/COLOR][COLOR=#006600]-[/COLOR][COLOR=#0000cc]color[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#ff9900]#000000;
[/COLOR][COLOR=#0000cc]font[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#0000cc]normal 76[/COLOR][COLOR=#006600]% [/COLOR][COLOR=#cc0000]"Trebuchet MS"[/COLOR][COLOR=#006600], [/COLOR][COLOR=#cc0000]"Lucida Grande"[/COLOR][COLOR=#006600], [/COLOR][COLOR=#0000cc]Verdana[/COLOR][COLOR=#006600], [/COLOR][COLOR=#0000cc]Georgia[/COLOR][COLOR=#006600], [/COLOR][COLOR=#0000cc]Sans[/COLOR][COLOR=#006600]-[/COLOR][COLOR=#0000cc]Serif[/COLOR][COLOR=#006600];
[/COLOR][COLOR=#0000cc]line[/COLOR][COLOR=#006600]-[/COLOR][COLOR=#0000cc]height[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#0000cc]20px[/COLOR][COLOR=#006600];
}

Du kannst nun hin gehen und in diesem Teil das Font-size hinein fügen.

Lösungsvorschlag 2:

[/COLOR][/COLOR][COLOR=#000000][COLOR=#FF9900]#content
[/COLOR][COLOR=#006600]{
[/COLOR][COLOR=#0000CC]float[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#0000CC]left[/COLOR][COLOR=#006600];
[/COLOR][COLOR=#0000CC]padding[/COLOR][COLOR=#006600]: [/COLOR][COLOR=#0000CC]0 0px 10px 30px[/COLOR][COLOR=#006600];
}[/COLOR][/COLOR]
[COLOR=#000000][COLOR=#006600]
wenn das unter body nicht funktioniert dann versucht es mit diesem TEil und setze dort font-size rein
[/COLOR][/COLOR]

frankj

Nur so ein kleiner Tipp am Rande, syk: Das Wort schreibt sich in unserer Sprache "Galerie" -- und auch sonst könnte Dein Blog ein wenig sprachliche Politur gebrauchen.

-fj

Los_Larsos112

Auszug aus der index.php:

Zitat

<div id="header">

[COLOR=Red] <h1><a href="http://www.hawattn.de">„ Ha’ Watt’n “</a>[/COLOR][COLOR=Red]</h1>[/COLOR]
<ul>
<li class="page_item"><a href="http://www.hawattn.de">Home</a></li>
<li class="page_item page-item-20"><a href="http://www.hawattn.de/?page_id=20" title="Galerie">Galerie</a></li>
<li class="page_item page-item-14"><a href="http://www.hawattn.de/?page_id=14" title="Gästebuch">Gästebuch</a></li>
<li class="page_item page-item-2"><a href="http://www.hawattn.de/?page_id=2" title="Impressum">Impressum</a></li>

</ul>

</div>

Alles anzeigen

Du musst in der css-Datei den h1 Eintrag bearbeiten, um Schriftgröße/farbe/typ zu verändern. Oben hab ich mal einen Auszug aus deiner index.php mir rausgezogen und dir den Eintrag der Überschrift rot angestrichen.
Da sich sonst kein weiterer Hinweis aus Header- und Wrappercontainer der css-Datei gibt (bezüglich der Schriften), bleibt nur noch der H1-Eintrag übrig ([COLOR=Red]aber Achtung[/COLOR]: die Veränderung betreffen dann alle als H1 deklarierte Überschriften!).
Ansonsten könntest du auch eine eigene class erstellen, wie z.B. h1.header {EINSTELLUNGEN}. Dann musst du nur in der index.php schreiben: [COLOR=Green]<h1 class="header">[/COLOR][COLOR=Red]<a href="http://www.hawattn.de">„ Ha’ Watt’n “</a>[/COLOR][COLOR=Green]</h1>[/COLOR]. Das müsste funktionieren.

Wegen der Schriftart der Artikel musst du mal im Body-Bereich gucken. Da müsste das drinne stehen. Ansonsten guck mal bei Post:

Zitat

<div class="post">
<p>… auf der neuen Website der Erlebnisgastronomie „ Ha’ Watt’n “<br />
Hier können Sie sich über unsere Gastronomie erkundigen, Bilder aktueller Events anschauen oder einfach einen netten Gruß im Gästebuch hinterlassen!</p>
<p>Wir freuen uns über Ihren Besuch!</p>
<p>Das „ Ha’ Watt’n “ Team!</p>
</div>

Hoffe dass es klappt und viel Spaß dabei! :-D

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Gallerie, Gästebuch und Seitendesign :)

Jetzt mitmachen!