not a support questionHej allesammen.
Jeg har et tema, hvor jeg på en bestemt side, vil indsætte en masse HTML, som har referencer til både js-filer og css filer. Det er skrevet i en editor, og nu vil jeg gerne have det implementeret i min wp.
Jeg synes bare ikke lige jeg kan finde ud af hvordan jeg skal få indholdet frem, så det bliver vist som jeg gerne vil have det.
Så hvordan indsætter jeg HTML, med referencer til mine CSS-filer og JS-filer, og hvor skal de filer ligger?
Jeg håber på hurtigt svar.
Et link til siden er altid en god ide !
Det er jo bare en generel metode jeg har behov for at få at vide. Jeg vil gerne have én side, på hele mit site, der har sin egen HTML, CSS og JS filer?
Er det koden du vil vise ?
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Responsive CSS3 Data Grids</title>
<!-- Responsive CSS3 Data Grids v1.0 (06.2012) -->
<!-- Copyright 2012 QuanticaLabs -->
<!-- http://www.quanticalabs.com -->
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="styles/page.css"/>
<!-- CSS3 Data Grids Stylesheets -->
<link rel="stylesheet" type="text/css" href="styles/data_grids_main.css"/>
<link rel="stylesheet" type="text/css" href="styles/data_grids_style_01.css"/> <!-- style_01 - style_04 -->
<link rel="stylesheet" type="text/css" href="styles/data_grids_tooltip.css"/>
<!-- / -->
<!-- IE7-IE8 Fallback -->
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/selectivizr.js"></script>
<noscript><link rel="stylesheet" href="styles/data_grids_main.css"/></noscript>
<![endif]-->
</head>
<!-- TABLE BODY -->
<tbody class="data_container">
<!-- SUBHEADER -->
<!-- define optional columns width here -->
<tr class="subheader_row">
<td class="subheader_cell">Model</td>
<td class="subheader_cell">Price</td>
<td class="subheader_cell">Length<div class="qlabs_tooltip">i<span>LengthThis tooltip is positioned above a hovered item.</span></div></td> <!-- tooltip -->
<td class="subheader_cell">Horsepower</td>
<td class="subheader_cell">Fuel Type</td>
<td class="subheader_cell">Registration Date</td>
<td class="subheader_cell">Action</td>
</tr>
<!-- / -->
<!-- ROW 1 -->
<tr class="data_odd">
<td class="data_cell">PRi240</td>
<td class="data_cell">$2,850,000.00</td>
<td class="data_cell">14.00 m</td>
<td class="data_cell">250 hp</td>
<td class="data_cell">Diesel</td>
<td class="data_cell">05 / 2004</td>
<td class="data_cell"><label for="row_1">Details</label><div style="margin-left: 5px;" class="grid_button">Buy Now</div></td>
</tr>
<!-- expandable section -->
<tr class="expanded">
<td colspan="7">
<input id="row_1" name="#" type="radio" />
<div class="expanded">
<div class="column_100">
<h3 class="expanded_header">Features</h3>
<p>Some text.</p>
<p>Some text.</p>
</div>
</div>
</td>
</tr>
<!-- / -->
<!-- ROW 2 -->
<tr class="data_even"> <!-- This row is highlighted! -->
<td class="data_cell">PRi270</td>
<td class="data_cell">$2,315,000.00</td>
<td class="data_cell">15.00 m</td>
<td class="data_cell">280 hp</td>
<td class="data_cell">Diesel</td>
<td class="data_cell">08 / 2005</td>
<td class="data_cell"><label for="row_2">Details</label><div style="margin-left: 5px;" class="grid_button">Buy Now</div></td>
</tr>
<!-- expandable section -->
<tr class="expanded">
<td colspan="7">
<input id="row_2" name="#" type="radio" />
<div class="expanded">
<div class="column_100">
<h3 class="expanded_header">Features</h3>
<p>Some text.</p>
<p>Some text.</p>
</div>
</div>
</td>
</tr>
<!-- / -->
</tbody>
</table>
<!-- /CSS3 Data Grids -->
</div>
</body>
</html>
Den HTML skal vises, men som i kan se i <head>, har jeg en masse css'er og js'er jeg vil have inkluderet, og det ved jeg ikke hvordan man kan gøre i wordpress?
Hvis du vil holde i WordPress, så kan du oprette en ny template med den HTML, og så bruge den.
Hvis du vil holde i WordPress, så kan du oprette en ny template med den HTML, og så bruge den.
Og hvordan skal jeg gøre det? Og hvor skal mine CSS og JS filer ligge (inkl. sti?)
Hvis din side hedder "Speciel side", så kan du oprette en templatefil der hedder "page-speciel-side.php" og copy/paste indholdet ind på den. Den skal ligge i din temamappe sammen med de andre temafiler.
Jeg er forholdsvis ny til WP, og PHP har sgu aldrig lige været mit favorit kodesprog. Jeg er mere til .NET, så jeg forstår sgu ikke rigtig hvad jeg skal gøre mht. den artikel.
Den siger at jeg skal lave page.php om så den passer til mine behov. Men jeg kan ikke se hvorfor det skulle være nødvendigt, når jeg bare skal have 4 CSS-filer og 2 JS-filer, puttet på det HTML som jeg allerede kan skrive inde i WP's HTML-Editor?
Du skal være logget ind for at skrive.
