sömn; helt ok.
Jag som sjukpensionär räknas inte som riktig pensionär och omfattas därmed inte av pensionärernas skattelättnader (de finns faktiskt men märks inte eftersom andra kostnader ökar). Egentligen vill myndigheterna sänka min ersättning, just p.g.a. det minskade basbeloppet men de avstod och det tror jag beror på att de var rädda för ett ramaskri.
Om jag nu orkar det så kommer jag att dela med mig av processen – hur det går till och hur det fortlöper.
Jag börjar med steg 1:
Det innebär att man börjar med en helt vanlig s.k. HTML-sida. Den mest grundläggande ser ut så här:
<html>
<head>
<title>Sidans namn</title>
</head>
<body>
Text som ska synas.<br>
</body>
</html>
För att det ska bli mer funktionellt så lägger man till instruktioner som dels gör att sidan 'kontrolleras', riktar in den mot XHTML, och dels så bestämmer man vilken s.k. teckenuppsättning som ska användas:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Sidans namn</title>
</head>
<body>
Text som ska synas.<br>
</body>
</html>
Allt som står inom <> kallas i HTML för 'taggar'. Dessa taggar kan sedan ha samma eller olika s.k. attribut. Dessa attribut kan t.ex. bestämma hur sidan ska s.k. bete sig eller hur den ska se ut.
Det i rutan ovan kommer senare att se helt annorlunda ut…
När det kommer till att s.k. skriva en WordPressBlogg så kommer det in en hel del regler som man bör följa för att det senare ska fungera så som man vill och dessutom skrivs WordPress i något som kallas PHP. Förenklat kan vi säga att det innebär att det på så vis skapas s.k. dynamiska HTML-sidor. De skapas först när någon vill titta på dem.
Innehållet i dessa dynamsika HTML-sidor hämtas från en MySQL-databas.
Ibland räcker inte PHP till då får man använda sig av s.k. script och det är, vad jag sett, uteslutande JavaScript som används (kommer senare). Allt jag skriver här kan läsas mer detaljerat om på: WordPress Theme Development.
För att en WordPressBlogg ska trivas och tillägg fungera så ska (bör) följande filer (med innehåll) finnas:
style.css
rtl.css
index.php
functions.php
comments.php
footer.php
header.php
sidebar.php
Personligen vill jag lägga till även följande:
archives.php
single.php
page.php
searchform.php
serach.php
sidebar-left.php
flikar.php
Och samtliga ska de innehålla validierad (godkänd) kod…
För att få ett s.k. tema att fungera i wordpress så är faktiskt det viktigaste presentationen av författaren. Utan den så går inte temat att aktivera. Alltså startar jag med det.
Filen; style.css, fylls, därför till en början, med följande:
/*
Theme Name: NGN-2011
Theme URI: http://ngn.nu/WP/NGN-2011
Description: Nisses egna hopsnickrade tema, med start 2011.
Author: Nils-Gunnar Nordlundh (NGN)
Author URI: https://blogg.ngn.nu
Version: 1.0
Tags: två sidolister / two sidebars, fix bredd / fixed width, administrerbara favoritlänkar / custom links, administrerbara flikar / custom tabs
License: Open Source och / and Nils-Gunnar Nordlundh
License URI:
*/
Filerna samlar jag i en s.k. mapp, på lämplig plats, i min stationära dator. Och det blir:
…/Webb/ngn.nu/bloggEXP/wp-content/themes/NGN-2011
Och så skapar jag en mapp på min plats (ngn.nu), hos mitt webbhotell; …/WP/NGN-2011
Den kommer att innehålla lite tråkig teknisk minformation och om hur det hela fortskrider…
Nu är min blogg uppbyggd enligt följande skiss:
![[Bild: Skiss p?? bloggen blogg.ngn.nu]](http://ngn.nu/Pict/2011/110124-skaermbild-blogg-ngn-nu-Beskrivning-Kompr70-h350.jpg "Skiss p?? bloggen blogg.ngn.nu")
1. Hela sidan (index.php)
2. Sidhuvudet (header.php)
3. Sidfoten (footer.php)
4. Inläggen eller posterna. Kallas i WP-världen för: 'the loop' ((bl.a.)index.php innehåller en funktion; the_post() som s.k. loopas så länge det finns inlägg (poster))
5. Vänster sidolist (sidebar-left.php)
6. Höger sidolist (sidebar.php)
7. Flikar (flikar.php)
Så!
Då har jag 'svängt ihop' ett fungerande, rudimentärt, tema (och där 'the wp-polls' också fungerar!).
Följande krävdes;
style.css
index.php
functions.php
header.php
sidebar.php
footer.php
Än har jag inte börjat med någon css (cascading styl shet), eller XML, vilket man gör i style.css. Man styr själva utseendet, i en separat fil.
Den filen är med nu endast för att kunna få temat aktiverat.
Filernas innehåll är följande;
style.css:
/*
Theme Name: NGN-2011
Theme URI: http://ngn.nu/WP/NGN-2011
Description: Nisses egna hopsnickrade tema, med start 2011.
Author: Nils-Gunnar Nordlundh (NGN)
Author URI: https://blogg.ngn.nu
Version: 1.0
Tags: två sidolister / two sidebars, fix bredd / fixed width, administrerbara favoritlänkar / custom links, administrerbara flikar / custom tabs
License: Open Source och / and Nils-Gunnar Nordlundh
License URI:
*/
index.php:
<?php get_header(); ?>
<?php get_sidebar(); ?>
<div id="content" class="narrowcolumn">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent länk till: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>
<div class="entry">
<?php the_content('Läs resten av det här inlägget »'); ?>
</div>
<p class="postmetadata"><?php the_tags('Ettiketter: ', ', ', '<br />'); ?> Kategori: <?php the_category(', ') ?> | <?php edit_post_link('Redigera', '', ' | '); ?> <!-- <?php comments_popup_link('Inga Kommenetarer »', '1 Kommentar »', '% Kommentarer »'); ?> --></p>
</div>
<?php endwhile; ?>
<div class="navigation">
<div class="alignleft"><?php next_posts_link('« Äldre inlägg') ?></div>
<div class="alignright"><?php previous_posts_link('Nyare inlägg »') ?></div>
</div>
<?php else : ?>
<h2 class="center">Hittar inget</h2>
<p class="center">Du söker efter något som inte hittas, här..</p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>
<?php endif; ?>
</div>
<?php get_footer(); ?>
functions.php:
<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '<li>',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
?>
header.php:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title(); ?> <?php bloginfo( 'name' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body>
<H1><?php bloginfo( 'name' ); ?></H1>
sidebar.php:
<div id="sidebar">
// innehåll som man vill visa innan de s.k. widgets
<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar() ) : ?>
// standard sidomeny om inga widgets används
<?php endif; ?>
// innehåll som man vill visa efter de s.k. widgets
</div>
footer.php:
<hr />
<div id="footer">
<!-- Om man vill visa att man gillar WordPress så kan man visa det här, t.ex. -->
<p>
<?php bloginfo('name'); ?> fungerar tack vare
<a href="http://wordpress.org/">WordPress</a>
<br /><a href="<?php bloginfo('rss2_url'); ?>">Inlägg (RSS)</a>
och <a href="<?php bloginfo('comments_rss2_url'); ?>">Kommentarer (RSS)</a>.
<!-- <?php echo get_num_queries(); ?> besök. <?php timer_stop(1); ?> sekunder. -->
</p>
</div>
<?php wp_footer(); ?>
</body>
</html>
Testa!: http://bloggEXP.ngn.nu
Kommentarer är 'avstängda', av två anledningar:
1. Det är bara test.
2. Jag har ingen comments.php, än.
Nu återstår att 'bygga på' så det blir så likt originalbloggen; blogg.ngn.nu som det nu bara går – jag gillar det utseendet.
