Webbrelaterat - Design och resurser för webbdesigners » Wordpress http://webbrelaterat.se Grafiskdesign, webbdesign, resurser, tips, trender, inspiration, Photoshop, Wordpress Wed, 08 Sep 2010 15:34:25 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Hur man skapar olika bakgrunder på olika sidor i WordPress http://webbrelaterat.se/tutorials/hur-man-skapar-olika-bakgrunder-pa-olika-sidor-i-wordpress http://webbrelaterat.se/tutorials/hur-man-skapar-olika-bakgrunder-pa-olika-sidor-i-wordpress#comments Mon, 07 Dec 2009 12:02:57 +0000 Johan http://webbrelaterat.se/?p=4110 Har du nån gång funderat på att ha en annan bakgrund på dina sidor (pages) i WordPress och en annan på din förstasida. Nyligen gjorde jag en vanlig webbsida med WordPress som CMS och behövde precis vad jag nämnde nyss. Och med underbara WordPress finns det en lysande teknik hur du göra detta på ett enkelt och smidigt sätt. Så tänkte visa i detta exempel hur du har en skräddarsydd bakgrund på din första sida och en annan bakgrund på dina undersidor.

screen-1

Problemet

Som standard så anropar WP <?php get_header(); ?> på alla sina sidor. I vårat exempel vill vi ha en skräddarsydd bakgrund för förstasidan och en standard sida på resten av undersidorna. Det går självklart att göra med vanliga HTML men det vill vi inte – opraktiskt och osmidigt.

Så här ser det ut som standard i din header.php:

screen-2

Förstasidan och den är döpt till homepage.php:

screen-3

Lösningen

Vi kommer använda WP inbyggda “Conditional Tags”. Läs mer om Conditional Tags här.

Öppna din texteditor och lägg till header.php och din CSS fil från din tema mapp. Hitta
tagen <body> och ersätt den kod biten med den här.


<body id="<?php if (is_page_template ('homepage.php')){echo "home-bg";} ?>">

Eftersom att vi har skapat en specifik sida för förstasidan som vi döpte till homepage.php. Nya raden säger säger typ att: om detta är template hompage.php då ska vi echo (visa) ut stilen vi använder i CSS filen som heter #home-bg. Med #home-bg har vi lagt en skräddarsydd bakgrund som ska användas på förstasidan. Nu behöver vi en annan bakgrund för resten av sidorna och det gör vi genom att lägga in den direkt i body tagen i CSS filen.


body#home-bg	{
	background: url(style/images/bg.png) top center repeat-x;
	}

body {
	background: #fff url(style/images/page-bg.png) top center repeat-x;
	}

Använd flerfaldig bakgrunder på olika sidor

Du kanske vill ha fler olika bakgrunder beroende vart man är på sidan. Då skulle du kunna gör det på följande sätt. Som ovanför är is_page_template själva sidan och echo är stilen på sidan. Om ingen av följande sidor nämns så visas klassen #default.


<body id="<?php if (is_page_template('home.php')){
	echo "home";
	}
	elseif (is_page_template('contact.php')){
	echo "contact";
	}
	else {
	echo "default";
	}?>" >

Och din CSS kan se ut så här:


body#default {
	background:url(images/default-bg.jpg) top center no-repeat #000000;
}

body#home {
	background:url(images/home.png) top center no-repeat #000000;
}
body#contact {
	background:url(images/contact.png) top center no-repeat #000000;
}
]]> http://webbrelaterat.se/tutorials/hur-man-skapar-olika-bakgrunder-pa-olika-sidor-i-wordpress/feed 8 Hur man skapar nästlande kommentarer till ditt WordPress tema http://webbrelaterat.se/tutorials/hur-man-aktivera-nastlande-kommentarer-i-aldre-wordpress-teman http://webbrelaterat.se/tutorials/hur-man-aktivera-nastlande-kommentarer-i-aldre-wordpress-teman#comments Wed, 21 Oct 2009 12:25:10 +0000 Johan http://webbrelaterat.se/?p=3761 Innan versionen 2.7 av WordPress var man tvungen att använda Brian’s Threaded Comments för att komma åt konversationer i kommentarerna.

En av dom fantastiska egenskaperna med nya versionen 2.7 och uppåt är just att den här funktionen med nästlade kommentarer och sidor navigering för kommentarer om man har hundra kommentarer kan det vara jobbigt och skrolla långt. Om man har ett äldre tema så fattas det ett par rader kod för komma åt denna funktion och jag ska visa vad du behöver göra för att komma igång med funktionen.

Aktivera nya funktionen

Första vi behöver göra är att aktivera funktionen och det gör du genom Settings – Discussion – där ska du se lite nya funktioner. Under Other comment settings så bockar du av Enable threaded (nested) comments. Du kan välja hur djupt konversationerna ska gå men jag rekommenderar att ha max 5 – annars blir det för djupt.

image1

Nya koden i comments.php

Alla kod här är bara exempel kod. Jag kommer inte lära ut hur du designar upp dina kommentarer i detta fall. Okej då kör vi, den nya koden i comments.php är förenklad jämför med den äldre varianten. Vi börjar med en liten kod snutt som ska vara i toppen i comments.php.


<?php

// Do not delete these lines
if (!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
die ('Please do not load this page directly. Thanks!');

if ( post_password_required() ) { ?>
<p class="nocomments">This post is password protected. Enter the password to view comments.</p>
<?php
return;
}
?>

Sedan har vi den nya kommentar loopen som ser ut så här:


<!-- You can start editing here. -->

<?php if ( have_comments() ) : ?>
<h3 id="comments"><?php comments_number('No Responses', 'One Response', '% Responses' );?> to &#8220;<?php the_title(); ?>&#8221;</h3>

<div class="navigation">
<div class="alignleft"><?php previous_comments_link() ?></div>
<div class="alignright"><?php next_comments_link() ?></div>
</div>

<ol class="commentlist">
<?php wp_list_comments(); ?>
</ol>

<div class="navigation">
<div class="alignleft"><?php previous_comments_link() ?></div>
<div class="alignright"><?php next_comments_link() ?></div>
</div>
<?php else : // this is displayed if there are no comments so far ?>

<?php if ('open' == $post->comment_status) : ?>
<!-- If comments are open, but there are no comments. -->

<?php else : // comments are closed ?>
<!-- If comments are closed. -->
<p class="nocomments">Comments are closed.</p>

<?php endif; ?>
<?php endif; ?>

Aktivera Javaskripten

För att stödja den nya nästlade kommentar funktionen behöver vi aktivera den nya inbyggda Javaskripten. Öppna header.php och leta efter linjen < ?php wp_head(); ?> – direkt före den så lägger du in följande kod:


<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' );?>
image2

Designa dina kommentarer

Som det är uppsatt nu är allt standard men du kanske vill designa dina kommentarer själv. I comments.php så ser du följande:


<ol class="commentlist">
< ?php wp_list_comments(); ?>
</ol>

Ersätt det med:


<ol class="commentlist">
	<?php wp_list_comments('type=comment&callback=mytheme_comment'); ?>
</ol>

Nu kanske du tänker vart är mina kommentarer nånstans. Vi vill ju se HTML koden för att designa. Öppna functions.php eller skapa en i din tema mapp.

Lägga till följande kod i botten på dokumentet:


<?php
function mytheme_comment($comment, $args, $depth) {
$GLOBALS['comment'] = $comment; ?>
<li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">
<div id="comment-<?php comment_ID(); ?>">
<div class="comment-author vcard">
<?php echo get_avatar($comment,$size='36',$default='<path_to_url>' ); ?>

<?php printf(__('<cite class="fn">%s</cite>  <span class="says">says:</span>'), get_comment_author_link()) ?>
</div>
<?php if ($comment->comment_approved == '0') : ?>
<em><?php _e('Your comment is awaiting moderation.') ?></em>
<br />
<?php endif; ?>

<div class="comment-meta commentmetadata"><a href="<?php echo htmlspecialchars(get_comment_link( $comment->comment_ID )) ?>">
<?php printf(__('%1$s at %2$s'), get_comment_date(),get_comment_time()) ?></a><?php edit_comment_link(__('(Edit)'),'  ','') ?></div>

<?php comment_text() ?>
<?php if($args['max_depth']!=$depth) { ?>
<div class="reply">
<?php comment_reply_link(array_merge($args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
</div>
<?php } ?>
</div>
<?php
}
?>

Också så MÅSTE din kommentar formulär i comments.php ha < div id="respond"> runtom sig. Javascripten kommer ha fokus på den när användare svarar på andra kommentarer.

Även Cancel knappen kan du styra som ser ut så här:

<div id="cancel-comment-reply">
	<small>< ?php cancel_comment_reply_link() ?></small></div>
</div>

I nya funktionen så finns det mängder med nya klasser och ID’s som du kan använda dig av. Här kommer en ganska lång lista på vad du kan använda:

ol.commentlist {}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {}
ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {}
ol.commentlist li.comment ul.children {}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

Sammanfattning

Den här genomgången gick bara igenom hur man får nästlade kommentar funktionen att funka med äldre teman. Sen kan du designa upp den efter dina behov och krav. Har du frågor eller kommentarer så var inte rädd att hojta till.

]]> http://webbrelaterat.se/tutorials/hur-man-aktivera-nastlande-kommentarer-i-aldre-wordpress-teman/feed 6 12 severäna plugins, tutorials och hacks till WordPress http://webbrelaterat.se/wordpress/12-severana-plugins-tutorials-och-hacks-till-wordpress http://webbrelaterat.se/wordpress/12-severana-plugins-tutorials-och-hacks-till-wordpress#comments Mon, 30 Mar 2009 12:13:56 +0000 Johan http://webbrelaterat.se/?p=2550 Plugins och små hacks är nästan ett måste när man bygger en WordPress blogg. Om det inte skulle vara ett måste så kan du alltid pimpa din blogg lite så att den ser lite attraktivare och roligare ut. Nästa alla av dom är plugins eller hacks har jag själv provat och letat fram eller tillochmed använder nu på den här sidan. Jag gillar plugins som inte har för många alternativ och gör sitt jobb bra.

Jag kommer då och då posta tips om Worpress plugins och hacks efter jag hittar dom.

1. WP Post Ratings

Av lesterchan.net

postratings

WP Post Ratings tillåter dig att ha ett röst system till dina inlägg. Finns i olika utseende.

Ladda ner här.

2. WordPress Database Backup

Av ilfilosofo.com

wp-databasbackup

Man borde göra ganska täta backups på sin WordPress databas och det här är ett enkelt sätt vara försäkrad på. Bra och ge till dina klienter också.

Ladda ner här.

3.Display the Total Number of Comments on Your WordPress Blog

Av phpmagicbook.com

numberofcomments

Liten rolig funktion som visar hur många kommentarer din blogg har. Original tutorialen kommer från PHP Magic Book.

Kopiera den här kod biten och lägg den nånstans på sin webbplats.


get_var("SELECT COUNT(*) FROM $wpdb->comments WHERE comment_approved = '1'");
if (0 < $numcomms) $numcomms = number_format($numcomms);
echo "There's ".$numcomms." total comments on my blog";
?>

4. WP Ajax Edit Comments

Av raproject.com

editcomments

Tillåter din besökare editera sina inlägg efter inom en viss tid som du själv bestämmer.

Ladda ner här.

5. Easy Gravatars

Av wordpress.org

easygravatars

Din besökare kan använda sina gravatars på sina kommentarer.

Ladda ner här från WordPress

6. Syntax Highlighter

Av wordpress.org

syntaxhighlighter

Du kanske vill visa kod på dina inlägg och utan plugin så genereras koden som text. Syntax highlighter tillåter dig att visa upp kod som kod.

Ladda ner här från WordPress

7. Display your latest twitter entry

Av wprecipes.com

twitter

Nåt som dom flesta bloggare har nuförtiden. Allt det du skriver på Twitter syns på din blogg.

kopiera följande kod bit och lägg den nånstans på din blogg. I foten eller “sidebar” är ett passande ställe.


My last Tweet

";

// Suffix - some text you want display after your latest tweet. (Same rules as the prefix.)
$suffix = "";

$feed = "http://search.twitter.com/search.atom?q=from:" . $username . "&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;rpp=1";

function parse_feed($feed) {
$stepOne = explode("", $feed);
$stepTwo = explode("", $stepOne[1]);
$tweet = $stepTwo[0];
$tweet = str_replace("<", "<", $tweet);
$tweet = str_replace(">", ">", $tweet);
return $tweet;
}

$twitterFeed = file_get_contents($feed);
echo stripslashes($prefix) . parse_feed($twitterFeed) . stripslashes($suffix);
?>

Vill du låta din besökare dela inlägget på Twitter då använder du den här biten

Share on Twitter

8. cformsII

Av deliciousdays.com

cform

En helt utmärkt plugin som som du kan använda och skapa skräddarsydda formulärer.

Ladda ner här.

9. WP Recent Comments

Av freepressblog.org

recentcomments

Visar senaste kommentarer på din blogg.

Ladda ner här.

10. Highlight author comments

Av mattcutts.com

authorcomments

Ger ett annat utseende när personal för sidan gör kommentarer på inlägg. Original tutorialen hittar du på mattcutts.com.

Du designar efter din stil på sidan. Här är exempel kod som ska in i din CSS fil.

div.authorcomment {
margin: 0px;
background-color: #B3FFCC !important;
}

I comments.php så letar du efter en rad som ser ut så här.

  •

    • Ersätt den raden med följande.

  • user_id)
$oddcomment = “authcomment”;
echo $oddcomment;
?>”

    • 11. WP PageNavi

    Av wordpress.org

    pagpages

    Du kanske vill ha nåt roligare än originalet som tillåter dig att bara gå till nästa sida eller föregående sida.

    Ladda ner här.

    12. Separating Trackbacks from Comments

    Av problogdesign.com

    trackbacks

    Du vill säkert inte att trackbacks ska beblandas med kommentarerna. Se här gör du för att fixa det. Original tutorialen hittar du på problogdesign.com.

    Öppna din comments.php och leta efter följande..

    Efter den raden så kopierar du in följande..

    Nu letar du efter följande kod rad..

    Och före det, kopiera och lägg in den här kod biten.

    Och sista biten. Leta efter följande..

    Precis före det så släpper du följande..

    


    Trackbacks
    

      




      2.
    ]]>     http://webbrelaterat.se/wordpress/12-severana-plugins-tutorials-och-hacks-till-wordpress/feed 9     Den ultimata posten av dom snyggaste gratis WordPress tema http://webbrelaterat.se/freebies/den-ultimata-posten-av-dom-snyggaste-gratis-wordpress-tema http://webbrelaterat.se/freebies/den-ultimata-posten-av-dom-snyggaste-gratis-wordpress-tema#comments Tue, 10 Mar 2009 11:51:27 +0000 Johan http://webbrelaterat.se/?p=2226 Jag tänkte det kunde vara bra och samla ihop alla grymma poster av WordPress teman på ett ställe. Teman ska gå runt och inte slängas. Det är som böcker. Det är allt för många teman som används en gång och sedan ligger den bara i en mapp och samlar damm.

    Har du mindre kunskaper hur man gör ett tema och bara vill ha en blogg men vill inte använda den medföljande temat i WordPress så är det här ett bra tillfälle att välja ut nån mer spännande.

    15 High Quality Free Premium WordPress 2.7 Themes
    - Av Noupe

    wp27-themes1
    wp27-themes4
    wp27-themes9

    140+ Brilliant Free WordPress Themes Around
    - Av instantshift

    bfwta-001
    bfwta-003
    bfwta-014
    bfwta-021
    bfwta-023

    45+ Free Premium WordPress Themes with Magazine or Grid Layouts
    - Av WPZOOM

    5
    8
    revolution-x
    wpgold
    38

    16 Free Premium WordPress Themes That Don’t Suck
    - Av HONGKIAT

    morningafter
    brandford
    cssgallery

    Top 50 free WordPress themes
    - Av CrazyLeaf Design.

    22
    17
    10
    paceful-rush

    20 More Free First-Class WordPress Themes
    - Av SmashingMagazine

    balance-black
    wp-40
    wp-1

    30 Free, Amazing and Versatile WordPress 2.7 Themes
    - Av Speckyboy

    wp27theme14
    wp27theme4
    wp27theme19
    wp27theme20

    100 Excellent Free WordPress Themes
    - Av SmashingMagazine

    zeke
    illacrimo
    wppremium
    smashing
    bluebird

    85 best beautiful free WordPress Themes
    - Av [Re]encoded

    absynthe_free_wordpress
    majapahit_wordpress_theme
    curious-wordpress-theme
    zinmag-tribune-theme
    rusty_grunge_wordpress_theme

    21 Mindblowing Premium-Like Free WordPress Themes
    - Av Smashing Apps

    night-whimsy-wordpress-theme
    wordpress-theme-aspire
    wordpress-theme-mimbo-magazine
    gallery-style-wordpress-theme

    Vintage and Blues WordPress Themes
    - Av SmashingMagazine

    vintage
    blues

    Och här kommer lite bonussidor

    Vanliga webbtemplates gratis och premium wordpress templates som kostar en liten slant men du får lite extra på designen och några extra funktioner.

    60 High Quality Free Web Templates and Layouts
    - Av HONGKIAT

    greefies-css-template
    redish
    beauty-co-template
    colourise
    jet-30

    55 Premium WordPress Themes to Blow Your Mind
    - Av Pro Blog Design

    windowslivewriter50premiumwordpressthemestoblowyourmind-11edcfresh-news-theme-2b6c1df3-e46c-4a35-be32-edac2a808a63
    windowslivewriter50premiumwordpressthemestoblowyourmind-11edcinfluence48418-01f79e58-77f7-40ea-ba1d-da889fc40c95
    windowslivewriter50premiumwordpressthemestoblowyourmind-11edccssgallery-wp-preview-93b96982-7df3-4e77-be91-23c5611512ed
    ]]>     http://webbrelaterat.se/freebies/den-ultimata-posten-av-dom-snyggaste-gratis-wordpress-tema/feed 4     Dagliga tips #05: CSS Framework, 50+ gratis WordPress tema, PHP tips http://webbrelaterat.se/inspiration/dagliga-tips-05-css-framework-50-gratis-wordpress-tema-php-tips http://webbrelaterat.se/inspiration/dagliga-tips-05-css-framework-50-gratis-wordpress-tema-php-tips#comments Wed, 04 Feb 2009 22:39:57 +0000 Johan http://webbrelaterat.se/?p=1834 Av vettiga skäl så blev det ingen post igår men här kommer en med ett par extra länkar istället. Det finns två länkar jag verkligen tycker man borde ta en koll på. Första är CSS Framework Roundup: Should You Use One?, att skapa en webbsida efter ett Grid system skapar man harmoni och balans på sin webbsida. Och 50+ gratis tema till WordPress kan vara bra att bokmärka.

    1.50+ Free WordPress Themes for Personal Blogs of High Quality

    wpzoom

    2.101 Ideas to Get More Freelance Work and Generate New Client Leads

    freelanceswitch

    3.Are You Making These 10 PHP Mistakes?

    nettuts1

    4.Design Resource | 30+ Free Quality PSD Files to Download

    dzineblog

    5.CSS Framework Roundup: Should You Use One?

    chris-wallace

    6.10 Vector Halftone Patterns

    colorburned

    7.15 jQuery Plugins to Fix and Beautify Browser Issues

    devsnippets
    ]]>     http://webbrelaterat.se/inspiration/dagliga-tips-05-css-framework-50-gratis-wordpress-tema-php-tips/feed 1     Hur man installerar WordPress lokalt med Wampserver http://webbrelaterat.se/tutorials/hur-man-installerar-wordpress-lokalt-med-wampserver http://webbrelaterat.se/tutorials/hur-man-installerar-wordpress-lokalt-med-wampserver#comments Thu, 18 Dec 2008 11:48:36 +0000 Johan http://webbrelaterat.se/?p=1424 Det ska bli en ny design här på webbrelaterat som jag har jobbat med när jag inte har varit här och postat artiklar. För några dagar sen så installerade jag Wampserver för att kunna enkelt jobba lokalt med att inplantera in den nya designen i WordPress. Med språng på webben efter tips och tricks så tänkte jag sammanfatta erfarenheterna jag lärde mig på vägen och hur jag fick det att funka.

    1. Ladda ner Wampserver

    Ladda ner den senaste Wampserver och installera wampserver på din data. Installationen ska hamna i C:\wamp. Allting sker automatiskt i 98% av fallen. Du behöver bara tryck ok ok ok.

    2. Ladda ner WordPress

    Ladda ner den senaste WordPress. Jag använde 2.7. Skapa en mapp i C:\wamp\www (mysite tillexempel). Kopiera innehållet från WordPress mappen och släpp innehållet i din nya mapp som du nyss skapade.

    3. Skapa en databas

    Nu när du har installerat Wampserver, vänster klicka på ikonen uppe till höger på ditt skrivbord och välj phpMyadmin. Jag antar att du har Wampserver igång. Skapa en databas som heter WordPress i mitt fall. Du kan välja vad som passar dig. Databasen är nu skapad. Stäng sidan.

    4. Konfigurera din wp-config-sample.php fil

    Gå in i din C:\wamp\www\mysite och leta efter en fil som heter wp-config-sample.php och öppna den i en valfri texteditor. Jag använde Notepad++. Ändra föjande (db_name, user, password, host).

    * DB_NAME: wordpress
    * DB_USER: root
    * DB_PASSWORD: lämna denna blank
    * DB_HOST: localhost

    När det är ändrat spara filen i samma mapp du tog den ifrån men spara den som wp-config.php och inte som wp-config-sample.php.

    5. Kör din WordPress

    Nu ska allt vara klart och vara färdigt och köra. Prova kopiera följande i din browser http://localhost/mysite/wp-admin/install.php.

    Hoppas det gick bra för dig. I några fall måste man ändra portarna i Wampserver för att få det att funka men i mitt fall behövde jag inte det så jag tog inte upp det i denna guide. Skulle du få problem med portarna så prova gör sökningar på google så kommer du säkert finna svaret.

    ]]>     http://webbrelaterat.se/tutorials/hur-man-installerar-wordpress-lokalt-med-wampserver/feed 10     Lära dig hur man arbetar och planterar in ett tema till WordPress http://webbrelaterat.se/wordpress/lara-dig-hur-man-arbetar-och-planterar-in-ett-tema-till-wordpress http://webbrelaterat.se/wordpress/lara-dig-hur-man-arbetar-och-planterar-in-ett-tema-till-wordpress#comments Fri, 14 Nov 2008 11:36:36 +0000 Johan http://webbrelaterat.se/?p=796 WordPress är en otroligt populär blogg plattform för sin flexiblitet och alla roliga plugins. Du kan nästan skräddasy allt i WordPress. Men hur sätter man upp en WordPress plattform och hur justerar man alla inställningar och framför allt hur skapar jag och planterar man in sin egen unika tema. Det är nog lättare än vad du tror. Jag har samlat dem ända resurserna man behöver för att komma igång.

    So you want to create WordPress themes huh?

    Designing for WordPress

    Chris Coyier har gjort en video serie på 3 delar hur man planterar in ett tema till WordPress.

    How To Create WordPress Themes From Scratch Part 1

    How to Create a WordPress Theme from Scratch

    ]]>     http://webbrelaterat.se/wordpress/lara-dig-hur-man-arbetar-och-planterar-in-ett-tema-till-wordpress/feed 0