Μετατροπή html σε wordpress

Μια περιοχή για το WordPress, αυτή την δημοφιλή δωρεάν πλατφόρμα για blogging

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

Μετατροπή html σε wordpress

Δημοσίευση από ThyClub » 13 Ιούλ 2011 16:49

Είναι απλό:

Τα ελάχιστα αρχεία που πρέπει να δημιουργήσεις είναι:

1. header.php
2. index.php
3. footer.php
4 functions.php
5. style.css

Πάμε ανάποδα:

5. Style.css
Εδώ θα πρέπει να δώσεις το όνομα του template για να μπορεί κάποιος να το κάνει install στο wp του. Παράδειγμα κώδικα είναι:

Κώδικας: Επιλογή όλων

/*
Theme Name: Όνομα
Theme URI: http://www.qoolsoft.gr
Description: Θέμα για το τάδε
Version: 1.0
Author: basdog22
Author URI: http://www.qoolsoft.gr
*/
Το αρχείο αυτό θα πρέπει να βρίσκεται στο root directory του θέματος. Ας μην το χρησιμοποιείς πουθενά. Δλδ μπορείς στον κώδικα του θέματος να κάνεις link άλλο css που θα το έχεις σε άλλο φάκελο πχ

Κώδικας: Επιλογή όλων

themename/css/css.css
4. functions.php
Αυτό το αρχείο είναι αναγκαίο να υπάρχει. Ας είναι και κενό κανένα πρόβλημα. Θα σου πω παρακάτω πως να ενεργοποιήσεις sidebars και μενού.

3. footer.php
Μπορείς και να το αφήσεις αλλά καλό είναι να υπάρχει. Αν το χρησιμοποιήσεις τότε καλό είναι να προσθέσεις το wp_footer() στο τέλος του κώδικα για να μπορέσει το wp να κάνει trigger όσα hooks χρειάζεται να γίνουν trigger.

2. index.php
Εδώ θα μπεί το loop. Παράδειγμα παρακάτω

1. header.php

Εδώ head και η αρχή του body. αυτά δλδ που θέλεις να υπάρχουν σε όλες τις σελίδες


Έξτρα αρχεία


Μπορείς ακόμη να δημιουργήσεις τα εξής:

1. 404.php -> 404 page
2. archive.php -> Γενικό αρχείο άρθρων. Αυτό ακούει σε : category,tag,date αν δεν υπάρχουν τα παρακάτω 2 αρχεία:
3. category.php -> Αρχείο κατηγοριών. Ακούει μόνο στο category
4. tag.php -> Αρχείο tags. Ακούει μόνο στο tag
5. search.php -> Αρχείο αποτελεσμάτων αναζήτησης
6. single.php -> μοναδικό ποστ. Αυτό δηλαδή που θα έχει μόνο ένα ποστ

Αν δεν υπάρχει κάποιο απο τα αρχεία τότε όλα πάνε στο index.php


Παράδειγμα


Πάμε να κάνουμε την σελίδα του http://seekit.gr/blog/ σε wordpress :

Header.php

Κώδικας: Επιλογή όλων

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http&#58;//www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

					<title>SeekIt.gr - Ψάξτο καλύτερα</title>
					<meta HTTP-EQUIV="Content-Language" CONTENT="el-GR">
					<meta name="keywords" content="προϊόντα,τιμές,αγοράστε,σύγκριση τιμών,μάρκες προϊόντων,κουπόνια,προσφορές,καθημερινές προσφορές,ένδυση,αυτοκίνητο,κοσμήματα,ρολόγια">
					<meta name="description" content="Το SeekIt.gr - Ψάξτο καλύτερα είναι ο καλύτερος τρόπος για να ψωνίσεις online. Βρες το προϊόν ή την υπηρεσία που ψάχνεις ανάμεσα σε χιλιάδες προϊόντα και υπηρεσίες.">
					<meta http-equiv="country" content="Greece">

					<meta name="author" content="QoolSoft">
					
					<meta name="Distribution" content="Global">
					
					<!--Start Open Graph -->
					<meta property="og&#58;title" content="SeekIt.gr - Ψάξτο καλύτερα" />
					<meta property="og&#58;type" content="website" />
					<meta property="og&#58;url" content="http&#58;//seekit.gr/" />
					<meta property="og&#58;image" content="http&#58;//seekit.gr/template/img/seekit.png" />
					
					<meta property="og&#58;description" content="SeekIt.gr - Ψάξτο καλύτερα είναι ο καλύτερος τρόπος για ψώνια online" />
					<meta property="og&#58;email" content="basdog22@gmail.com" />

					<meta property="og&#58;phone_number" content="+30-6975-772-514" />
					
					<!--End Open Graph -->
					
					
<meta name="application-name" content="SeekIt.gr" />
<meta name="msapplication-navbutton-color" content="#FC0" />
<meta name="msapplication-tooltip" content="Ψάξτο καλύτερα..." />
<meta name="msapplication-starturl" content="http&#58;//seekit.gr/" />
<meta name="msapplication-task" content="name=Μουσική;action-uri=http&#58;//music.seekit.gr;icon-uri=http&#58;//seekit.gr/template/img/favicon.ico" />
<meta name="msapplication-task" content="name=Προσφορές;action-uri=http&#58;//deals.seekit.gr;icon-uri=http&#58;//seekit.gr/template/img/favicon.ico" />
<meta name="msapplication-task" content="name=Αεροπορικά Εισιτήρια;action-uri=http&#58;//flights.seekit.gr;icon-uri=http&#58;//seekit.gr/template/img/favicon.ico" />
<meta name="msapplication-task" content="name=Κατηγορίες προϊόντων;action-uri=http&#58;//seekit.gr/category/;icon-uri=http&#58;//seekit.gr/template/img/favicon.ico" />
<meta name="msapplication-task" content="name=Καταστήματα;action-uri=http&#58;//seekit.gr/store/;icon-uri=http&#58;//seekit.gr/template/img/favicon.ico" />
<meta name="msapplication-task" content="name=Κατασκευαστές;action-uri=http&#58;//seekit.gr/maker/;icon-uri=http&#58;//seekit.gr/template/img/favicon.ico" />

<link rel="apple-touch-icon-precomposed" href="http&#58;//seekit.gr/template/img/favicon.ico"/>

<link rel="apple-touch-icon" href="http&#58;//seekit.gr/template/img/favicon.ico"/>
<link rel="apple-touch-startup-image" href="http&#58;//seekit.gr/template/img/seekit.png" />

<link rel="Index" href="/" title="SeekIt.gr Start" />
<link rel="Help" href="http&#58;//seekit.gr/page/%CF%80%CF%89%CF%82-%CE%B4%CE%BF%CF%85%CE%BB%CE%B5%CF%8D%CE%B5%CE%B9" title="Βοήθεια" />

<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  


<link rel="stylesheet" href="http&#58;//seekit.gr/template/css/menu.css" type="text/css" media="screen" />

<link rel="stylesheet" href="http&#58;//seekit.gr/template/css/framework.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="http&#58;//seekit.gr/template/css/site_styles.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="http&#58;//seekit.gr/template/css/slide.css" type="text/css" media="screen, projection">
<link rel="search" type="application/opensearchdescription+xml" title="SeekIt" href="http&#58;//seekit.gr/seekit1.gr.xml" />
<link rel="shortcut icon" href="http&#58;//seekit.gr/template/img/favicon.ico" />
<link rel="stylesheet" href="http&#58;//seekit.gr/template/css/slider.css" type="text/css" media="screen, projection">

<!--IE 6,7 Render Fixes-->
<!--&#91;if lt IE 9&#93;><link rel="stylesheet" href="http&#58;//seekit.gr/template/css/ie8.css" type="text/css" media="screen, projection"><!&#91;endif&#93;-->
<!--&#91;if lt IE 8&#93;><link rel="stylesheet" href="http&#58;//seekit.gr/template/css/ie.css" type="text/css" media="screen, projection"><!&#91;endif&#93;-->
<!--&#91;if lt IE 7&#93;><link rel="stylesheet" href="http&#58;//seekit.gr/template/css/ie6.css" type="text/css" media="screen, projection"><!&#91;endif&#93;-->


<!--jQuery-->
<!--jQuery Tools-->
<!--Custom jQuery Set-->
<!--jQuery Delay Plugin-->
<!--jQuery Image Preloader-->
<SCRIPT type="text/javascript" src="http&#58;//seekit.gr/template/js/jquery.js"></SCRIPT>
<script type="text/javascript" src="http&#58;//seekit.gr/template/js/jquery.tools.min.js"></script>   
<SCRIPT type="text/javascript" src="http&#58;//seekit.gr/template/js/custom.js"></SCRIPT>

<SCRIPT type="text/javascript" src="http&#58;//seekit.gr/template/js/delay.js"></SCRIPT>
<SCRIPT type="text/javascript" src="http&#58;//seekit.gr/template/js/slider.js"></SCRIPT>



<script type='text/javascript'>
    function customJumplist&#40;&#41; &#123;
      window.external.msSiteModeCreateJumplist&#40;'SeekIt Επιλογές'&#41;;
      window.external.msSiteModeAddJumpListItem&#40;'Κατηγορίες', 'http&#58;//seekit.gr/category/','http&#58;//seekit.gr/template/img/favicon.ico'&#41;;
      window.external.msSiteModeAddJumpListItem&#40;'Κατασκευαστές', 'http&#58;//seekit.gr/maker/', 'http&#58;//seekit.gr/template/img/favicon.ico'&#41;;
	  window.external.msSiteModeAddJumpListItem&#40;'Καταστήματα', 'http&#58;//seekit.gr/store/', 'http&#58;//seekit.gr/template/img/favicon.ico'&#41;;
	  window.external.msSiteModeAddJumpListItem&#40;'Προσφορές', 'http&#58;//deals.seekit.gr', 'http&#58;//seekit.gr/template/img/favicon.ico'&#41;;

      window.external.msSiteModeShowJumplist&#40;&#41;;
    &#125;

    if &#40;window.external.msSiteModeCreateJumplist&#41; &#123;
      customJumplist&#40;&#41;;
    &#125;
</script>

<!--jQuery Sliding Login Panel Button-->
<script type="text/javascript">
function lookup&#40;inputString&#41; &#123;
	
	 
	if&#40;inputString.length < 3&#41; &#123;
		$&#40;'#suggestions'&#41;.fadeOut&#40;'fast'&#41;; // Hide the suggestions box
	&#125; else &#123;
		$.post&#40;"http&#58;//seekit.gr/ajax/", &#123;queryString&#58; ""+inputString+""&#125;, function&#40;data&#41; &#123; // Do an AJAX call
			
			if&#40;data.length>5&#41;&#123;
			$&#40;'#suggestions'&#41;.fadeIn&#40;'fast'&#41;; // Show the suggestions box
			$&#40;'#suggestions'&#41;.html&#40;data&#41;; // Fill the suggestions box
			&#125;else&#123;
				$&#40;"#suggestions"&#41;.fadeOut&#40;'fast'&#41;;
			&#125;
		&#125;&#41;;
	&#125;
&#125;
$&#40;document&#41;.ready&#40;function&#40;&#41;&#123;

	$&#40;"#seek"&#41;.blur&#40;function&#40;&#41;&#123;
	 	$&#40;"#suggestions"&#41;.fadeOut&#40;'fast'&#41;;
	 &#125;&#41;;	
	
	$&#40;".btn-slide"&#41;.click&#40;function&#40;&#41;&#123;
		$&#40;"#panel"&#41;.slideToggle&#40;"slow"&#41;;
		$&#40;this&#41;.toggleClass&#40;"active"&#41;; return false;
	&#125;&#41;;
	var currenttext;
	var newtext;
	$&#40;"#advsfields"&#41;.click&#40;function&#40;&#41;&#123;
		currenttext = $&#40;"#seek"&#41;.val&#40;&#41;;
		$&#40;"#sfields"&#41;.slideToggle&#40;'fast'&#41;;
		$&#40;this&#41;.toggleClass&#40;'advfieldsactive'&#41;;
	&#125;&#41;;

	$&#40;"#orfield"&#41;.click&#40;function&#40;&#41;&#123;
		newtext = currenttext;
		newtext = str_replace&#40;" "," ||",newtext&#41;;

		$&#40;"#seek"&#41;.val&#40;newtext&#41;;
		$&#40;"#top_search"&#41;.submit&#40;&#41;;
	&#125;&#41;;

	$&#40;"#andfield"&#41;.click&#40;function&#40;&#41;&#123;
		newtext = currenttext;
		newtext = str_replace&#40;" "," +",newtext&#41;;

		$&#40;"#seek"&#41;.val&#40;newtext&#41;;
		$&#40;"#top_search"&#41;.submit&#40;&#41;;
	&#125;&#41;;

	$&#40;"#phrase"&#41;.click&#40;function&#40;&#41;&#123;
		newtext = currenttext;
		newtext = '"'+newtext+'"';

		$&#40;"#seek"&#41;.val&#40;newtext&#41;;
		$&#40;"#top_search"&#41;.submit&#40;&#41;;
	&#125;&#41;;

&#125;&#41;;
</script>


<!--&#91;if IE 6&#93;>
<script src="http&#58;//seekit.gr/template/js/DD.js"></script>
<script>
DD_belatedPNG.fix&#40;'#leftArrow, #rightArrow, .tab ul.login li, .tab a.open,.tab a.close, img'&#41;;
</script>
<!&#91;endif&#93;--> 
  


<!-- Color hover JavaScript Files -->
<script type="text/javascript" src="http&#58;//seekit.gr/template/js/jquery.color.js"></script>
<script type="text/javascript"> 
// Background color animation
$&#40;document&#41;.ready&#40;function&#40;&#41;&#123;
	$&#40;".image_placeset img"&#41;.hover&#40;function&#40;&#41; &#123;
		$&#40;this&#41;.stop&#40;&#41;.animate&#40;&#123; backgroundColor&#58; "#FC0" &#125;, 200&#41;;
	&#125;,function&#40;&#41; &#123;
		$&#40;this&#41;.stop&#40;&#41;.animate&#40;&#123; backgroundColor&#58; "#f7f7f7" &#125;, 400&#41;;
	&#125;&#41;;
&#125;&#41;;
</script>

<!--&#91;if IE 6&#93;>
<style>
body &#123;behavior&#58; url&#40;"http&#58;//seekit.gr/template/css/csshover3.htc"&#41;;&#125;
#menu li .drop &#123;background&#58;url&#40;"http&#58;//seekit.gr/template/img/drop.gif"&#41; no-repeat right 8px; 
</style>
<!&#91;endif&#93;-->

</head>
	<body>
	<!--This panel is hidden until the 'Login | Register' button is pressed-->
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">

					<!--panel box1-->
            <div class="left">
				<h1>Καλως ήρθατε στο SeekIt</h1>
				<h2>Είστε νέος επισκέπτης μας; Ας ξεκινήσουμε.</h2>		
				<p class="color">Το SeekIt.gr αποτελεί ένα διαδικτυακό εμπορικό κέντρο. Εδώ μπορείτε να βρείτε προϊόντα ανά κατηγορία, κατάστημα, κατασκευαστή καθώς και με απευθείας αναζήτηση ενός προϊόντος. </p>
				<h2>Είναι απλό και οικονομικό!</h2>
				
			</div>

            <!--panel box1 close-->
            
             <!--panel box2-->
			<div class="left">
            	<h1>Είστε μέλος; Σύνδεση</h1>
				<!-- Login Form -->
					<form action='http&#58;//seekit.gr/member/login/' class='fields' id='simpleform' method='POST'>					<label class="color">Όνομα Χρήστη&#58;</label>
					<input class="field" type="text" name="username" id="log" value="" size="23">

					<label class="color" for="pwd">Κωδικός Πρόσβασης&#58;</label>
					<input class="field" type="password" name="password" id="pwd" size="23">
	            	
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Σύνδεση" class="bt_login">
					<a class="lost-pwd" href="http&#58;//seekit.gr/member/forgot/">Ξέχασα τον κωδικό μου</a>
                    </form>
			</div>
            <!--panel box2 close-->

            
            <!--panel box3-->
			<div class="left right">
            	<h1>Δεν είμαι, θέλω να γίνω!</h1>			
					<p class="color">Θα χαρούμε να σας έχουμε στην παρέα μας. Για να γίνεται μέλος και να εκμεταλευτείτε πλήρως τις δυνατότητες του SeekIt.gr ...</p>
					<h2><a href="http&#58;//seekit.gr/member/register/">Πατήστε εδώ για να κάνετε εγγραφή</a></h2>
					
			</div>
            <!--panel box3-->
            
		</div>

		
	</div> <!-- /login -->	
	
	
	
	
</div> <!--panel -->
<!--The Container class centers design in the center of the screen, -->
<!-- 950px width centered-->
<!-- Panel -->
<div class="container">

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<!--Button For Login Panel-->

			<li id="toggle">
				<a id="open" class="open" href="#">Είσαι μέλος;</a>
				<a id="close" style="display&#58; none;" class="close" href="#">Κλείσιμο</a>			
			</li>
		</ul> 
        
        
	</div>
    <!-- close tab -->
		<!--Begin Header-->
    <div class="header">

    	<!--Logo Area-->
    	<div class="logo">
        	<img src="http&#58;//seekit.gr/template/img/seekit.png" alt="SeekIt.gr - Ψάξτο καλύτερα">
	        </div>
        <!--Close Logo Area-->
		<div id="searchform">
		 	<form id="top_search" method="get" action="http&#58;//seekit.gr/" class="clearfix">

                <div id="top_search_field"><input name="action" value="" id="seek" onkeyup="lookup&#40;this.value&#41;;" autocomplete='off' type="text">

                <input type="button" id="advsfields" title="Προχωρημένη αναζήτηση">
                <input alt="Search" value="Search" id='ies' type="submit"></div>
         <div id="sfields" class='span-15 hide'>
        <h4 class="label">Σύνθετη Αναζήτηση</h4>
         <div class="span-7">
         <fieldset><legend>Βρες προϊόντα...</legend>
         	<input type="radio" name="stype" value="or" checked='checked'>με οποιαδήποτε λέξη<br>

         	<input type="radio" name="stype" value="and">με όλες τις λέξεις<br>
         	<input type="radio" name="stype" value="phrase">με την ακριβή φράση<br>
         	<input type="radio" name="stype" value="fuzzy">με την λέξη στο περίπου<br>
         </fieldset>
         </div>
         <div class="span-7 last">
         <fieldset><legend>Επέστρεψε...</legend>

         	<input type="radio" name="records" value="5">5 αποτελέσματα / σελίδα<br>
         	<input type="radio" name="records" value="10" checked='checked'>10 αποτελέσματα / σελίδα<br>
         	<input type="radio" name="records" value="20">20 αποτελέσματα / σελίδα<br>
         	<input type="radio" name="records" value="50">50 αποτελέσματα / σελίδα<br>
         </fieldset>
         </div>
        
         </div>     
         <div id="suggestions" class="span-4 hide append-1">

         
         </div>  
         </form>
	         
         		</div>
        <div class="clear"></div>    
			<!--Begin Navigation-->    
       <ul id="menu">
    
    <li><a href="http&#58;//seekit.gr/" class="drop">Αρχική</a><!-- Begin Home Item -->
    
        <div class="dropdown_2columns"><!-- Begin 2 columns container -->
    
            <div class="col_2">
                <h2>Καλως ήρθατε στο SeekIt.gr</h2>

            </div>
    
            <div class="col_2">
                <p>Γειά σας και καλως ήρθατε στο SeekIt. </p>             
                <p>Μπορείτε να χρησιμοποιήσετε αυτό το menu για να δείτε προϊόντα απο διάφορες κατηγορίες, μάρκες κατασκευαστών καθώς και δικές μας επιλογές</p>             
            </div>
    
            <div class="col_2">
                <h2>Λειτουργία Αναζήτησης</h2>
            </div>

            
            <div class="col_1">
                Αν θέλετε μπορείτε να αναζητήσετε το προϊόν που σας ενδιαφέρει απο την αναζήτηση στην κορυφή της σελίδας μας.
            </div>
            
            <div class="col_1">
                <p>Καλά ψώνια απο το Seekit.gr!!!</p>
            </div>
          
        </div><!-- End 2 columns container -->
    
    </li><!-- End Home Item -->

    <li><a href="http&#58;//seekit.gr/maker/" class="drop">Κατασκευαστές</a><!-- Begin 5 columns Item -->
    
        <div class="dropdown_5columns"><!-- Begin 5 columns container -->
        
            <div class="col_5">
                <h2>Δείτε προϊόντα ανα κατασκευαστή</h2>
            </div>
            
                             <div class="col_1">
                
                    <ul class="greybox">
                    	<li>

                    	<a href="http&#58;//seekit.gr/maker/apple/">
                    	<img src="http&#58;//seekit.gr/assets/brands/apple.jpg" width="30" height="30" alt="Apple" />
                    	Apple</a>
                    	</li>
                    </ul>
                </div>
				                <div class="col_1">
                
                    <ul class="greybox">

                    	<li>
                    	<a href="http&#58;//seekit.gr/maker/unbranded/">
                    	<img src="http&#58;//seekit.gr/assets/brands/no-picture.jpg" width="30" height="30" alt="Unbranded" />
                    	Unbranded</a>
                    	</li>
                    </ul>
                </div>
				                <div class="col_1">

                
                    <ul class="greybox">
                    	<li>
                    	<a href="http&#58;//seekit.gr/maker/agv-pro/">
                    	<img src="http&#58;//agvpro.gr/images/agvpro_logo2.png" width="30" height="30" alt="AGV Pro" />
                    	AGV Pro</a>
                    	</li>
                    </ul>
                </div>

				                <div class="col_1">
                
                    <ul class="greybox">
                    	<li>
                    	<a href="http&#58;//seekit.gr/maker/d-g/">
                    	<img src="http&#58;//seekit.gr/assets/brands/d-g.jpg" width="30" height="30" alt="D&G" />
                    	D&G</a>
                    	</li>
                    </ul>

                </div>
				                <div class="col_1">
                
                    <ul class="greybox">
                    	<li>
                    	<a href="http&#58;//seekit.gr/maker/cavalli/">
                    	<img src="http&#58;//seekit.gr/assets/brands/just-cavalli.gif" width="30" height="30" alt="Cavalli" />
                    	Cavalli</a>
                    	</li>

                    </ul>
                </div>
				                <div class="col_1">
                
                    <ul class="greybox">
                    	<li>
                    	<a href="http&#58;//seekit.gr/maker/moschino/">
                    	<img src="http&#58;//seekit.gr/assets/brands/moschino.jpg" width="30" height="30" alt="Moschino" />
                    	Moschino</a>

                    	</li>
                    </ul>
                </div>
				                <div class="col_1">
                
                    <ul class="greybox">
                    	<li>
                    	<a href="http&#58;//seekit.gr/maker/calvin-klein/">
                    	<img src="http&#58;//seekit.gr/assets/brands/calvin-klein.jpg" width="30" height="30" alt="Calvin Klein" />
                    	Calvin Klein</a>

                    	</li>
                    </ul>
                </div>
				                <div class="col_1">
                
                    <ul class="greybox">
                    	<li>
                    	<a href="http&#58;//seekit.gr/maker/adidas/">
                    	<img src="http&#58;//www.coolhunting.com/images/logo_trefoil-sm.jpg" width="30" height="30" alt="Adidas" />
                    	Adidas</a>

                    	</li>
                    </ul>
                </div>
				                <div class="col_1">
                
                    <ul class="greybox">
                    	<li>
                    	<a href="http&#58;//seekit.gr/maker/bosch/">
                    	<img src="http&#58;//www.xlshopping.nl/images/brands/bosch.png" width="30" height="30" alt="Bosch" />
                    	Bosch</a>

                    	</li>
                    </ul>
                </div>
				                <div class="col_1">
                
                    <ul class="greybox">
                    	<li>
                    	<a href="http&#58;//seekit.gr/maker/oxette/">
                    	<img src="http&#58;//seekit.gr/assets/brands/oxette.jpg" width="30" height="30" alt="OXETTE" />
                    	OXETTE</a>

                    	</li>
                    </ul>
                </div>
				                <div class="col_1">
                
                    <ul class="greybox">
                    	<li>
                    	<a href="http&#58;//seekit.gr/maker/vogue/">
                    	<img src="http&#58;//seekit.gr/assets/brands/vogue.jpg" width="30" height="30" alt="Vogue" />
                    	Vogue</a>

                    	</li>
                    </ul>
                </div>
				                <div class="col_1">
                
                    <ul class="greybox">
                    	<li>
                    	<a href="http&#58;//seekit.gr/maker/folli-follie/">
                    	<img src="http&#58;//seekit.gr/assets/brands/follifollie.jpg" width="30" height="30" alt="Folli Follie" />
                    	Folli Follie</a>

                    	</li>
                    </ul>
                </div>
				        
        </div><!-- End 5 columns container -->
    
    </li><!-- End 5 columns Item -->

    <li><a href="http&#58;//seekit.gr/category/" class="drop">Κατηγορίες</a><!-- Begin 4 columns Item -->
    
        <div class="dropdown_5columns"><!-- Begin 4 columns container -->
        
            <div class="col_5">

                <h2>Δείτε προϊόντα ανά κατηγορία</h2>
            </div>
            
            <div class='col_1 greybox'><h3><a href='http&#58;//seekit.gr/category/ypologhstes/'><strong>Υπολογιστές</strong></a></h3><ul>
<li><a href='http&#58;//seekit.gr/category/desktops/'>Desktops</a></li>
<li><a href='http&#58;//seekit.gr/category/hardware/'>Hardware</a></li>
<li><a href='http&#58;//seekit.gr/category/software/'>Software</a></li>
<li><a href='http&#58;//seekit.gr/category/laptops/'>Laptops</a></li>

</ul></div><div class='col_1 greybox'><h3><a href='http&#58;//seekit.gr/category/endysi-ypodhmata/'><strong>Ένδυση & Υποδήματα</strong></a></h3><ul>
<li><a href='http&#58;//seekit.gr/category/athlhthka/'>Αθλητικά</a></li>
<li><a href='http&#58;//seekit.gr/category/andrhka/'>Ανδρικά</a></li>
<li><a href='http&#58;//seekit.gr/category/gunahkeia/'>Γυναικεία</a></li>
<li><a href='http&#58;//seekit.gr/category/brefhka/'>Βρεφικά</a></li>

</ul></div><div class='col_1 greybox'><h3><a href='http&#58;//seekit.gr/category/biblia/'><strong>Βιβλία</strong></a></h3><ul>
<li><a href='http&#58;//seekit.gr/category/dhafora-bhblia/'>Διάφορα Βιβλία</a></li>
<li><a href='http&#58;//seekit.gr/category/texnologia/'>Τεχνολογία</a></li>

<li><a href='http&#58;//seekit.gr/category/thrhskeia/'>Θρησκεία</a></li>
<li><a href='http&#58;//seekit.gr/category/iatrhkh/'>Ιατρική</a></li>

</ul></div><div class='col_1 greybox'><h3><a href='http&#58;//seekit.gr/category/omorfha/'><strong>Ομορφιά</strong></a></h3><ul>
<li><a href='http&#58;//seekit.gr/category/arwmata/'>Αρώματα</a></li>
<li><a href='http&#58;//seekit.gr/category/dhatrofh/'>Διατροφή</a></li>
<li><a href='http&#58;//seekit.gr/category/makhghaz/'>Μακιγιάζ</a></li>
<li><a href='http&#58;//seekit.gr/category/opthka/'>Οπτικά</a></li>

</ul></div><div class='col_1 greybox'><h3><a href='http&#58;//seekit.gr/category/gaming/'><strong>Gaming</strong></a></h3><ul>

<li><a href='http&#58;//seekit.gr/category/playstation/'>PlayStation</a></li>
<li><a href='http&#58;//seekit.gr/category/pc/'>PC</a></li>
<li><a href='http&#58;//seekit.gr/category/wii/'>Wii</a></li>
<li><a href='http&#58;//seekit.gr/category/xbox/'>XBOX</a></li>

</ul></div><div class="col_5"></div>            
        </div><!-- End 4 columns container -->
    
    </li><!-- End 4 columns Item -->
	 <li><a href="http&#58;//seekit.gr/store/" class="drop">Καταστήματα</a><!-- Begin 5 columns Item -->
    
        <div class="dropdown_4columns"><!-- Begin 5 columns container -->

        
            <div class="col_4">
                <h2>Δείτε προϊόντα ανα κατάστημα</h2>
            </div>
                             <div class="col_1">
                    <ul class="greybox">
                    	<li>
                    	<a href='http&#58;//seekit.gr/store/Eshop.gr/'>
                    	          				<img src='http&#58;//www.affiliatemotion.gr/accounts/default1/files/120x60.jpg' alt='Eshop.gr' width="30" height="30" />

                    	Eshop.gr</a>
                    	</li>
                    </ul>
                </div>
				                <div class="col_1">
                    <ul class="greybox">
                    	<li>
                    	<a href='http&#58;//seekit.gr/store/Playnaut/'>

                    	          				<img src='http&#58;//www.playnaut.com/sites/default/files/playnaut_logo.png' alt='Playnaut' width="30" height="30" />
                    	Playnaut</a>
                    	</li>
                    </ul>
                </div>
				                <div class="col_1">
                    <ul class="greybox">
                    	<li>

                    	<a href='http&#58;//seekit.gr/store/SpitiMania/'>
                    	          				<img src='http&#58;//affiliatemotion.gr/accounts/default1/banners/%CE%B1%CF%81%CF%87%CE%B5%CE%AF%CE%BF%20%CE%BB%CE%AE%CF%88%CE%B7%CF%82.jpg' alt='SpitiMania' width="30" height="30" />
                    	SpitiMania</a>
                    	</li>
                    </ul>
                </div>
				                <div class="col_1">
                    <ul class="greybox">

                    	<li>
                    	<a href='http&#58;//seekit.gr/store/FemaleShop/'>
                    	          				<img src='http&#58;//www.affiliatemotion.gr/accounts/default1/files/femaleshop-1.jpg' alt='FemaleShop' width="30" height="30" />
                    	FemaleShop</a>
                    	</li>
                    </ul>
                </div>
				                <div class="col_1">

                    <ul class="greybox">
                    	<li>
                    	<a href='http&#58;//seekit.gr/store/Ebooks.gr/'>
                    	          				<img src='http&#58;//seekit.gr/assets/merchants/ebooks.jpg' alt='Ebooks.gr' width="30" height="30" />
                    	Ebooks.gr</a>
                    	</li>
                    </ul>
                </div>

				                <div class="col_1">
                    <ul class="greybox">
                    	<li>
                    	<a href='http&#58;//seekit.gr/store/LaRedoute/'>
                    	          				<img src='http&#58;//seekit.gr/assets/merchants/laredoute.jpg' alt='LaRedoute' width="30" height="30" />
                    	LaRedoute</a>
                    	</li>
                    </ul>

                </div>
				                <div class="col_1">
                    <ul class="greybox">
                    	<li>
                    	<a href='http&#58;//seekit.gr/store/FolliFollie/'>
                    	          				<img src='http&#58;//seekit.gr/assets/merchants/follifollie.jpg' alt='FolliFollie' width="30" height="30" />
                    	FolliFollie</a>
                    	</li>

                    </ul>
                </div>
				                <div class="col_1">
                    <ul class="greybox">
                    	<li>
                    	<a href='http&#58;//seekit.gr/store/Kosmima24.gr/'>
                    	          				<img src='http&#58;//seekit.gr/assets/merchants/kosmima24.jpg' alt='Kosmima24.gr' width="30" height="30" />
                    	Kosmima24.gr</a>

                    	</li>
                    </ul>
                </div>
				                <div class="col_1">
                    <ul class="greybox">
                    	<li>
                    	<a href='http&#58;//seekit.gr/store/PimpMyCar.gr/'>
                    	          				<img src='http&#58;//seekit.gr/assets/merchants/pimpmycar.jpg' alt='PimpMyCar.gr' width="30" height="30" />
                    	PimpMyCar.gr</a>

                    	</li>
                    </ul>
                </div>
				        
        </div><!-- End 5 columns container -->
    
    </li><!-- End 5 columns Item -->
	<li class="menu_right"><a href="http&#58;//seekit.gr/blog/" class="drop">Blog</a>
    
		<div class="dropdown_1column align_right">
        
				<div class="col_1">

                	<h2>Τα νέα μας</h2>
            	</div>
                <div class="col_1">
                
                    <ul class='cmpmenu greybox'><li><a href='http&#58;//seekit.gr/blog/η-μουσική-βρήκε-την-γωνιά-της' title='Η μουσική βρήκε την γωνιά της'>Η μουσική βρήκε την γωνιά της</a></li><li><a href='http&#58;//seekit.gr/blog/αεροπορικά-εισιτήρια' title='Αεροπορικά Εισιτήρια @ SeekIt.gr'>Αεροπορικά Εισιτήρια @ SeekIt.gr</a></li><li><a href='http&#58;//seekit.gr/blog/deals-seekit.gr' title='Deals @ SeekIt.gr'>Deals @ SeekIt.gr</a></li><li><a href='http&#58;//seekit.gr/blog/είμαστε-στον-αέρα' title='Είμαστε στον αέρα!!!'>Είμαστε στον αέρα!!!</a></li></ul>                     
                </div>
                
		</div>
        
	</li>

    <li class="menu_right"><a href="#" class="drop">Χρήσιμα</a><!-- Begin 3 columns Item -->
    
        <div class="dropdown_3columns align_right"><!-- Begin 3 columns container -->
            
            <div class="col_3">
                <h2>Σχετικά με το SeekIt.gr</h2>
            </div>
            
            <div class="col_1">
    
            	<ul class='cmpmenu greybox'><li><a href='http&#58;//seekit.gr/page/σχετικά-με-το-seekit.gr' title='Σχετικά'>Σχετικά</a></li><li><a href='http&#58;//seekit.gr/page/πως-δουλεύει' title='Πως δουλεύει'>Πως δουλεύει</a></li><li><a href='http&#58;//seekit.gr/page/terms' title='Όροι Χρήσης'>Όροι Χρήσης</a></li><li><a href='http&#58;//seekit.gr/page/privacy' title='Απόρητο'>Απόρητο</a></li></ul>                   
            </div>

            
            <div class="col_1">
    
                <ul class='cmpmenu greybox'><li><a href='http&#58;//seekit.gr/page/γιατί-να-προσθέσω-το-κατάστημα-μου' title='Για καταστηματάρχες'>Για καταστηματάρχες</a></li><li><a href='http&#58;//seekit.gr/page/προδιαγραφές-αρχείων' title='Προδιαγραφές Αρχείων'>Προδιαγραφές Αρχείων</a></li><li><a href='http&#58;//seekit.gr/page/αναζήτηση-στο-seekit-απευθείας-από-τον-firefox' title='Firefox Addon'>Firefox Addon</a></li></ul>    
            </div>
            
             <div class="col_1">
    
                <ul class='cmpmenu greybox'><li><a href='http&#58;//www.qoolsoft.gr' title='Developed by'>Developed by</a></li><li><a href='http&#58;//deals.seekit.gr' title='Deals @ SeekIt'>Deals @ SeekIt</a></li><li><a href='http&#58;//flights.seekit.gr' title='Αεροπορικά Εισιτήρια'>Αεροπορικά Εισιτήρια</a></li></ul>    
            </div>
            
            
            <div class="col_3">

                <h2>Προσθέστε το δικό σας κατάστημα Τώρα!!!</h2>
            </div>
            
            <div class="col_3">
                <img src="http&#58;//seekit.gr/template/img/actions/addproducts.png" width="70" height="70" class="img_left imgshadow" alt="" />
                <p>Το ξέρατε ότι μπορείτε να προσθέσετε το δικό σας κατάστημα στην μηχανή του SeekIt και να δείξετε τα προϊόντα σας σε περισσότερο κόσμο εντελώς δωρεάν; <a href="http&#58;//seekit.gr/import/">Δείτε πως...</a></p>
            </div>
        
        </div><!-- End 3 columns container -->

        
    </li><!-- End 3 columns Item -->


</ul>
	       
    </div>
    <!--Header Close-->
Βλέπουμε ότι κρατάμε το πάνελ στην κορυφή καθώς και την φόρμα αναζήτησης και το μενού. Αυτά θέλουμε να εμφανίζονται παντού. Θυμίσου να προσθέσεις το wp_header() αμέσως πριν το </head> για να μπορέσει το wp να κάνει τα δικά του.

Tips: Για να μην έχουμε hardcoded τα urls και τα links (αν και εγώ θα σου προτείνω να τα έχεις hardcoded) υπάρχουν οι εξής εντολές:

Δίνει το url path του theme directory

Κώδικας: Επιλογή όλων

<?php bloginfo&#40;'template_directory'&#41;; ?>
Δίνει το κεντρικό url

Κώδικας: Επιλογή όλων

<?php bloginfo&#40;'url'&#41;; ?>

Index.php

Κώδικας: Επιλογή όλων

<?php get_header&#40;&#41;?>
<!--Begin blog Area, below header navigation-->
    <div class="blog_categories">
    	<div class="span-24">
    	
    	 	<div class="path">

    	<div class="path_inner">
            <ul>
			<li class="text">Βρίσκεστε εδώ&#58;</li>
            <li class="home"><a href="http&#58;//seekit.gr/">SeekIt</a></li> 
            <li class='arrow'><a href='http&#58;//seekit.gr/blog/'>Blog</a></li>            </ul>
             <div class="clear">&nbsp;</div>
        </div>

    </div><!-- .path -->
	<div class="page_blog2">

<?php if &#40;have_posts&#40;&#41;&#41; &#58; while &#40;have_posts&#40;&#41;&#41; &#58; the_post&#40;&#41;; ?>

  		<div class="span-3 append-1">
      			<div class="entrynotes">
      			<h6 class="blogabout">Σχετικά με το post</h6>

            
                	<!--Date-->
      				<div class="blog2_meta"><?php the_date&#40;&#41;?><br>

      				<!--Time-->
      				και ώρα <?php the_time&#40;&#41;?><br>
      				<!--Tags-->
      				<strong>Κατηγορία</strong><br /> <?php echo get_the_category_list&#40; ', ' &#41;?><br>
                    </div>
                
      			</div><!--close entry notes-->
      		</div><!--Close about entry notes-->

      
      
      		<!--#Begin Blog Post#-->
      		<div class="span-19 last">
            
      		<!--Blog Post Title-->
      		<h1 class="pagetitle"><a href="<?php the_permalink&#40;&#41;?>"><?php the_tittle&#40;&#41;?></a></h1>

            
      		<!--Blog Post Text Goes Here-->
      		<div class="page_contents">
        	<p><?php the_excerpt&#40;&#41;?></p>

      		</div>
      		<div class="clear"></div>
        		<!--Read more link below text-->  
      			
             
             	
               

                
                <!--add hr line-->
    				<div class="hrbg_blog"></div>
      	
        	</div><!--Close Blog Post-->
  		
	<?php endwhile; endif;?>   

	</div><!--page close-->
<?php get_footer&#40;&#41;?>
Αυτό ήταν το loop. Μπορείς να το εμπλουτίσεις, να αφαιρέσεις αλλά και να κάνεις περισσότερα loops με custom queries. Επίσης βλέπουμε ότι καλούμε το αρχείο header.php με την get_header() και το footer.php με την get_footer().

Footer.php

Κώδικας: Επιλογή όλων

<div class="footer">
        
            <!--#BEGIN FOOTER AREA#-->
            <!--Declare 630px width-->

            <div class="span-2">
                <!--This text area is found directly at the bottom of the page. This area is perfect for a small navigation-->
                <!-- and some brief information about the company-->
                <div class="footer_text small">
                <p> <a href="http&#58;//seekit.gr/">&copy;SeekIt.gr</a></p>
                </div><!--footer_text close-->
          
            </div><!--footer close-->
          
            <!--Footer navigation goes here-->

            <!--Declare 310px width-->
            <div class="span-22 last">
                
                <ul id="footer-nav">
                    <li><a href="http&#58;//seekit.gr/">Αρχική</a> |</li>
                    <li><a href="http&#58;//deals.seekit.gr">Καθημερινές Προσφορές</a> |</li>
                    <li><a href="http&#58;//flights.seekit.gr">Αεροπορικά Εισιτήρια</a> |</li>

                    <li><a href="http&#58;//seekit.gr/contact/">Επικοινωνία</a> |</li>
                    <li><a href="http&#58;//seekit.gr/page/privacy">Privacy</a> |</li>
                    <li><a href="http&#58;//seekit.gr/page/terms">Όροι Χρήσης</a> |</li>
                    <li><a href="http&#58;//seekit.gr/import/">Προσθέστε Κατάστημα</a></li> 
                </ul><!--footer-nav close-->

                
                
           
                  
            </div><!--span8 close-->
        
    	</div><!--footer close-->
    
	

</div><!--container close-->   
<script type="text/javascript" src="https&#58;//apis.google.com/js/plusone.js"></script>
</body>
<?php wp_footer&#40;&#41;?>
</html>
Functions.php
Εδώ θα βάλουμε τον κώδικα που θέλουμε για δικά μας functions και για να πούμε στο wp ότι θέλουμε τόσα sidebars, τόσα μενού κτλ κτλ.

Άρα αν θέλουμε να προσθέσουμε ένα sidebar οριζόντιο κάτω απο το μενού τότε δημιουργούμε τον κώδικα που θέλουμε και μετά κρατάμε τα στοιχεία που μας ενδιαφέρουν. Τότε φτιάχνουμε το sidebar (κώδικας από το twentyten theme) :

Κώδικας: Επιλογή όλων

register_sidebar&#40; array&#40;
		'name' => __&#40; 'Primary Widget Area', 'twentyten' &#41;,
		'id' => 'primary-widget-area',
		'description' => __&#40; 'The primary widget area', 'twentyten' &#41;,
		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
		'after_widget' => '</li>',
		'before_title' => '<h3 class="widget-title">',
		'after_title' => '</h3>',
	&#41; &#41;;
Στο παραπάνω βλέπουμε ότι θα δημιουργήσει κάτι σαν:

Κώδικας: Επιλογή όλων

<li id="4" class="widget-container text-widget text">
<h3 class="widget-title">Κείμενο</h3>
<div>κείμενο εδώ</div>
</li>
μπορείς λοιπόν να βάλεις το css σου να δουλέψει και να το κάνεις να είναι οριζόντιο

Επίσης θα πρέπει να πας στο αρχείο header.php ή στο index.php ή στο single.php και να βάλεις στο μέρος όπου θέλεις να εμφανίζεται το sidebar την εντολή:

Κώδικας: Επιλογή όλων

<?php dynamic_sidebar&#40; 'primary-widget-area' &#41;; ?>
Μπορείς ακόμη να δημιουργήσεις custom menus στο ίδιο αρχείο:

Κώδικας: Επιλογή όλων

add_action&#40; 'init', 'register_my_menus' &#41;;

function register_my_menus&#40;&#41; &#123;
	register_nav_menus&#40;
		array&#40;
			'footer-menu-1' => __&#40; 'Footer Menu 1' &#41;,
			'footer-menu-2' => __&#40; 'Footer Menu 2' &#41;,
			'footer-menu-3' => __&#40; 'Footer Menu 3' &#41;,
			'footer-menu-4' => __&#40; 'Footer Menu 4' &#41;
			
		&#41;
	&#41;;
&#125;
ώστε να έχεις μενού οπουδήποτε θέλεις. Παράδειγμα μπορείς να κάνεις το μενού που βρίσκεται στο footer σου δυναμικό κάνοντας το :
Footer.php[/b]

Κώδικας: Επιλογή όλων

<div class="footer">
        
            <!--#BEGIN FOOTER AREA#-->
            <!--Declare 630px width-->

            <div class="span-2">
                <!--This text area is found directly at the bottom of the page. This area is perfect for a small navigation-->
                <!-- and some brief information about the company-->
                <div class="footer_text small">
                <p> <a href="http&#58;//seekit.gr/">&copy;SeekIt.gr</a></p>
                </div><!--footer_text close-->
          
            </div><!--footer close-->
          
            <!--Footer navigation goes here-->

            <!--Declare 310px width-->
            <div class="span-22 last">
                
                
<?php if &#40;has_nav_menu&#40;'footer-menu-1'&#41;&#41; &#123; ?>
				<?php wp_nav_menu&#40; array&#40; 'theme_location' => 'footer-menu-1', 'menu_class' => 'group', 'menu_id' => 'footer-nav', 'container' => '', 'fallback_cb' => ''&#41; &#41;; ?>
			<?php &#125; ?>
                
                
           
                  
            </div><!--span8 close-->
        
    	</div><!--footer close-->
    
	

</div><!--container close-->   
<script type="text/javascript" src="https&#58;//apis.google.com/js/plusone.js"></script>
</body>
<?php wp_footer&#40;&#41;?>
</html>
Οπουδήποτε κολλήσεις εδώ θα με βρείς.

emphasy
Honorary Member
Δημοσιεύσεις: 4303
Εγγραφή: 16 Ιαν 2005 10:31

Μετατροπή html σε wordpress

Δημοσίευση από emphasy » 13 Ιούλ 2011 19:36

Αναλυτικότερη απάντηση δεν θα μπορούσα να βρω πουθενά αλλού, πραγματικά! Σε ευχαριστώ πολύ! Έχω αρχίσει ήδη αν κολλήσω κάπου θα σου πω! :D


Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27647
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

Μετατροπή html σε wordpress

Δημοσίευση από cordis » 16 Ιούλ 2011 14:40

δε νομίζω ότι μας πειράζει που έχουμε άλλο ένα βοήθημα;
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8575
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Μετατροπή html σε wordpress

Δημοσίευση από Basilakis » 16 Ιούλ 2011 16:22

είπα εγώ οτι πειράζει;

Απάντηση

Επιστροφή στο “WordPress γενικά”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες