Thema erstellen

DavidNF

Hallo,
ich möchte mir gerne ein Theme erstellen, doch leider bin ich in PHP nicht fit - Html und CSS läuft!
Mein Design soll ganz einfach aufgebaut sein, so ähnlich wie auf dieser Seite.
Kann mir jemand helfen das Design zu erstellen?
MfG

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

Monika

Zitat von DavidNF

Hallo,
ich möchte mir gerne ein Theme erstellen, doch leider bin ich in PHP nicht fit - Html und CSS läuft!
Mein Design soll ganz einfach aufgebaut sein, so ähnlich wie auf dieser Seite.
Kann mir jemand helfen das Design zu erstellen?
MfG

hilft dir das
Schritt für Schritt zum eigenen WordPress Theme

lg

DavidNF

Zitat von Monika

hilft dir das
Schritt für Schritt zum eigenen WordPress Theme
lg

Teilweise ja...
Was mich vor eines der größten Probleme stellt, ist das Menü, dass auf der Seite unter "Links" zu finden ist. Wie mache ich so etwas?

DavidNF

Ich habe jetzt mal angefangen ein Theme zu erstellen und habe das Problem, dass meine Styleangaben nicht berücksichtigt werden.

Meine header.php sieht folgender maßen aus:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php bloginfo('name'); ?><?php if ( is_single() ) { ?> » <?php } ?><?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="author" content="David” />
<meta name=”description” content=”<?php bloginfo(’description’); ?>” />
<meta name=”robots” content=”follow” />
<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” media=”screen” />
<link rel=”alternate” type=”application/rss+xml” title=”RSS 2.0″ href=”<?php bloginfo(’rss2_url’); ?>” />
<link rel=”alternate” type=”application/atom+xml” title=”Atom 1.0″ href=”<?php bloginfo(’atom_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(’pingback_url’); ?>” />
</head>
<body>
<div id="page">
<div id="header">
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>

Alles anzeigen

Meine style.css sieht so aus:

Code

/*
Theme Name: Mein erstes Template
Theme URI: http://webworkblog.net
Description: "Mein erstes Template" is a two column theme for WordPress 2.x.
Version: 1.0
Author: media2null
Author URI: http://webworkblog.net
License: GPL
*/


body {
margin: 0px;
padding: 0px;
background: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #222222; }


#page {
width: 700px;
height: auto;
margin: 0 auto; }


#header {
width:700px;
height: 120px; }
    #header h1 h2 {
    font-size: 14px; }
    #header a:link, #header a:visited, #header a:active, #header a:hover {
    text-decoration: none;
    color: #888888; }

Alles anzeigen

Habe jetzt nur einen kleinen teil der Styleangaben genommen, aber sie werden einfach nicht angezeigt. Zu sehen ist das hier. Ich hoffe mir kann jemand helfen?!

Gruß

fischnackdissen

Ich galube, dass liegt nur an den ". Da sind ein paar falsch. Kann natürlich auch durch das kopieren gekommen sein. Versuch mal das alels auszutauschen mit dem hier (header.php)

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php bloginfo('name'); ?><?php if ( is_single() ) { ?> » <?php } ?><?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="author" content="David" />
<meta name="description" content="<?php bloginfo(’description’); ?>" />
<meta name="robots" content="follow" />
<link rel="stylesheet" href="<?php bloginfo(’stylesheet_url’); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0″ href="<?php bloginfo(’rss2_url’); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 1.0″ href="<?php bloginfo(’atom_url’); ?>" />
<link rel="pingback" href="<?php bloginfo(’pingback_url’); ?>" />
</head>
<body>
<div id="page">
<div id="header">
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>

Alles anzeigen

Fisch

DavidNF

Zitat von fischnackdissen

Ich galube, dass liegt nur an den ". Da sind ein paar falsch. Kann natürlich auch durch das kopieren gekommen sein. Versuch mal das alels auszutauschen mit dem hier (header.php)

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php bloginfo('name'); ?><?php if ( is_single() ) { ?> » <?php } ?><?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="author" content="David" />
<meta name="description" content="<?php bloginfo(’description’); ?>" />
<meta name="robots" content="follow" />
<link rel="stylesheet" href="<?php bloginfo(’stylesheet_url’); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0″ href="<?php bloginfo(’rss2_url’); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 1.0″ href="<?php bloginfo(’atom_url’); ?>" />
<link rel="pingback" href="<?php bloginfo(’pingback_url’); ?>" />
</head>
<body>
<div id="page">
<div id="header">
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>

Alles anzeigen

Fisch

Wenn ich das mache, kommt folgender Meldung:

Zitat

Parse error: syntax error, unexpected ';', expecting T_STRING or T_VARIABLE or '$' in /usr/export/www/hosting/blogspace/wp-content/themes/cleany/header.php on line 8

DEV107

Übersetzung: Fehler in Zeile 8...

Es sind immer noch typographische Zeichen drin...

Falsch:

Code

’

Richtig: '

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php bloginfo('name'); ?><?php if ( is_single() ) { ?> » <?php } ?><?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="author" content="David" />
<meta name="description" content="<?php bloginfo('description'); ?>" />
<meta name="robots" content="follow" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0? href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 1.0? href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
</head>
<body>
<div id="page">
<div id="header">
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>

Alles anzeigen

DavidNF

Super, jetzt klappt es - vielen Dank!

DavidNF

Und schon habe ich ein neues Problem!:evil:
Meine Veränderungen in der style.css werden nur teilweise übernommen. Genauer gesagt, wird meine Definition der Schriftgröße nicht übernommen.

Code

#header h1 h2 {
font-size: 1.2em; }

Leider ist davon nichts zu sehen...

marX

Code

#header h1 h2 {
font-size: 1.2em; }

Das bedeutet: h2-Überschriften IN h1-Überschriften IN #header bekommen die Schriftgröße 1.2em.

Du suchst vermutlich:

Code

#header h1, #header h2 {
font-size: 1.2em; }

DavidNF

Zitat von marX
Code
#header h1 h2 {
font-size: 1.2em; }
Das bedeutet: h2-Überschriften IN h1-Überschriften IN #header bekommen die Schriftgröße 1.2em.
Du suchst vermutlich:
Code
#header h1, #header h2 {
font-size: 1.2em; }

Achso, ja:oops:
Bin noch nicht so alnge dabei und komme dann leider etwas durcheinander. Jetzt wo du es sagst, ist es ja auch logisch! Danke nochmal!

DavidNF

Und gleich noch eine Frage :)
Wie man hier sehen kann, ist hinter "editieren" so eine kleine Box, die da gar nicht hin soll. Was ist das und wie bekomme ich die weg? Im Code habe ich! nichts gefunden...

PHP

<div class="infos">Geschrieben am <?php the_time('d.m.Y') ?> von <?php the_author() ?> in <?php the_category(', ') ?>. <?php comments_popup_link('0 Kommentare', '1 Kommentar', '% Kommentare'); ?>. <?php edit_post_link('editieren','','·'); ?></div>

marX

Zitat von DavidNF

Wie man hier sehen kann, ist hinter "editieren" so eine kleine Box

Kann man nur sehen wenn man bei dir mit Schreibrechten eingeloggt ist. ;-)

Aber was ist damit (ganz hinten):

PHP

<div class="infos">Geschrieben am <?php the_time('d.m.Y') ?> von <?php the_author() ?> in <?php the_category(', ') ?>. <?php comments_popup_link('0 Kommentare', '1 Kommentar', '% Kommentare'); ?>. <?php edit_post_link('editieren','','[COLOR="Red"][B]·[/B][/COLOR]'); ?></div>

DavidNF

Zitat von marX

Kann man nur sehen wenn man bei dir mit Schreibrechten eingeloggt ist. ;-)

Habe ich auch eben festgestellt, dann ist es ja nicht so schlimm - reiner "Schönheitsfehler".

Zitat von marX

Aber was ist damit (ganz hinten):

PHP

<div class="infos">Geschrieben am <?php the_time('d.m.Y') ?> von <?php the_author() ?> in <?php the_category(', ') ?>. <?php comments_popup_link('0 Kommentare', '1 Kommentar', '% Kommentare'); ?>. <?php edit_post_link('editieren','','[COLOR=Red][B]·[/B][/COLOR]'); ?></div>

Habe ich auch schon versucht...bringt nichts.
Wenn man den Blog so als Leser betrachtet, ist unter ".infos" der Bindestrich, der gehört da doch aber eigentlich nicht hin?!

marX

Ein rot markierter Punkt. Hier nochmal im Detail:

PHP

<?php edit_post_link('editieren','','[COLOR="Red"][SIZE="5"][B]·[/B][/SIZE][/COLOR]'); ?>

Je nach Schriftart kann der durchaus wie ne kleine Box aussehen. Nimm das einfach mal raus.

DavidNF

Zitat von marX
Ein rot markierter Punkt. Hier nochmal im Detail:
PHP
<?php edit_post_link('editieren','','[COLOR=Red][size=18][B]·[/B][/SIZE][/COLOR]'); ?>
Je nach Schriftart kann der durchaus wie ne kleine Box aussehen. Nimm das einfach mal raus.

Habe ich gesehen und meinen letzten Beitrag schnell editiert :)

marX

Asu. Na dann poste mal ein paar Zeilen davor und dahinter mehr. Dann finden wir sicher auch gleich den überflüssigen Bindestrich.

DavidNF

Zitat von marX

Asu. Na dann poste mal ein paar Zeilen davor und dahinter mehr. Dann finden wir sicher auch gleich den überflüssigen Bindestrich.

Super!

PHP

<?php get_header(); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post">
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Link zu <?php the_title(); ?>"><?php the_title(); ?></a></h1><br />
<div class="infos">
<?php the_time('d.m.Y') ?> | <?php the_category(', ') ?> | <?php comments_popup_link('0 Kommentare', '1 Kommentar', '% Kommentare'); ?> <?php edit_post_link('editieren','',''); ?>
</div>
<?php the_content('Kompletten Beitrag lesen'); ?>
</div>
<?php endwhile; ?>
<?php next_posts_link('« vorherige Seite') ?> - <?php previous_posts_link('nächste Seite »') ?>
<?php else : ?>
<div class="post">
<h1>Fehler!</h1>
Die gew&Uuml;nschte Seite ist nicht verf&uuml;gbar.
</div>
<?php endif; ?>
<div id="sitemap">
<?php get_sidebar(); ?></div>
<?php get_footer(); ?>

Alles anzeigen

Laut dem Quelltext der Seite ist der Bindestrich dort...

Code

<div id="page">
<div id="header">
</div><div class="post">
<h1><a href="http://blogspace.bl.ohost.de/?p=5" rel="bookmark" title="Link zu Lorem ipsum dolor">Lorem ipsum dolor</a></h1><br>
<div class="infos">
24.11.2008 | <a href="http://blogspace.bl.ohost.de/?cat=1" title="Alle Artikel in Allgemein ansehen" rel="category">Allgemein</a> | <a href="http://blogspace.bl.ohost.de/?p=5#respond" title="Kommentiere Lorem ipsum dolor">0 Kommentare</a> </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
</div>
 !!!-!!! <div id="sitemap">
<h2>Seiten</h2>
<ul>
<li class="page_item page-item-8"><a href="http://blogspace.bl.ohost.de/?page_id=8" title="Biographie">Biographie</a></li>
<li class="page_item page-item-18"><a href="http://blogspace.bl.ohost.de/?page_id=18" title="Galerie">Galerie</a></li>

Alles anzeigen

Leider finde ich diese Stelle nicht bei meinen Dateien.

DEV107

Da isser ja:

PHP

<?php next_posts_link('« vorherige Seite') ?> - <?php previous_posts_link('nächste Seite »') ?>

Hop oder Top, raus das - Ding oder nicht? Denn sofern es keine ältere oder neueren Artikel gibt, zeigt er nur den Strich an. Man kann dafür PHP-Code schreiben, aber keine schöne Lösung...

DavidNF

Zitat von DEV107
Da isser ja:
PHP
<?php next_posts_link('« vorherige Seite') ?> - <?php previous_posts_link('nächste Seite »') ?>
Hop oder Top, raus das - Ding oder nicht? Denn sofern es keine ältere oder neueren Artikel gibt, zeigt er nur den Strich an. Man kann dafür PHP-Code schreiben, aber keine schöne Lösung...

Ahja, super...das war ja ein langer Kampf!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Thema erstellen

Jetzt mitmachen!