Cum sa codam o tema wordpress(2) ?
Dupa ce ati parcurs partea 1 a tutorialului putem trece la faza a 2-a.Primul lucru care trebuie sa il faceti este sa intrati in “adresasite-ului/wp-content/themes” si sa creeati un folder nou, asa se va numii tema dvs. eu o sa numesc tema “carteamea”.
Acum deschideti notepad sau orice alt editor html/php si creeati cele 2 fisiere “index.php” si “style.css”.
Accesati fisierul index.php si adaugati urmatorul cod:
<!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 profile=”http://gmpg.org/xfn/11″><title><?php bloginfo(’name’); ?><?php wp_title(); ?></title>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(’html_type’); ?>; charset=<?php bloginfo(’charset’); ?>” />
<meta name=”generator” content=”WordPress <?php bloginfo(’version’); ?>” /> <!– leave this for stats please –><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=”text/xml” title=”RSS .92″ href=”<?php bloginfo(’rss_url’); ?>” />
<link rel=”alternate” type=”application/atom+xml” title=”Atom 0.3″ href=”<?php bloginfo(’atom_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(’pingback_url’); ?>” /><?php wp_get_archives(’type=monthly&format=link’); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body></body>
</html>
Sa va explic ce inseamna aceste lucruri
- <html> – Cu acest cod incep toate paginile web si termina in </html>
- <head> – De aici toate paginile web incep, fiecare pagina web contine <head> si </body>
- <?php bloginfo(’stylesheet_url’); ?> – Cu aceasta functie facem legatura intre fisierul nostru .php(index.php) si fisierul .css(style.css), tot ce declaram in fisierul css va raspunde in cel php.Fiecare cod php va incepe cu <?php si se va termina cu ?>.
Am uitat sa va spun sa scrieti datele temei in fisierul .css.Va arata cam asa:
- /*
Numele temei: Carteamea
Link-ul catre tema: http://www.carteamea.net
Descriere: Aceasta este tema pentru tutorialul meu.
Versiunea: 1.0
Autor: Alex
Author URI: http://www.alexdesigns.ro*/
Dupa asta salvati fisierul style.css.Deci avem in continuare 2 fisiere “index.php” si “style.css”.
Setati tema creata, in cazul meu “carteamea” ca tema default(Wp-admin/Apparence), acum deschideti site-ul, veti observa o pagina goala.
Bun .. Deschideti fisierul index.php cu notepad si adaugati urmatorul cod intre tag-urile <body> si </body>.
<?php bloginfo(’name’); ?>
Acum salvati si dati refresh la pagina web, veti observa ca va aparea titlul blogului dvs.
Ca titlul vostru sa aiba link trebuie sa ne folosim de XHTML.
Modificati codul de mai sus cu:
<a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a>
- bloginfo(’url’) - arata adresa blogului
- bloginfo(’name’) – arata numele blogului
Cam atat pentru lectia de astazi.Fiti pe faza pentru Partea a 3-a.
Lasa un comentariu