Archief - Embed Wordpress in Website

sunsgrind · 20 apr 2010

Beste Webdeveloppers

Ik ben bezig een statische html/css website te maken maar ik heb een probleem. Ik zou graag een blog op mijn homepage toevoegen. Na wat opzoekingswerk kwam ik op wordpress uit. Ik ben reeds zover geraakt dat ik een wordpress blog heb kunnen installeren op mijn locale apache server (http://localhost/WEBSITE/wordpress/).

Dit is niet wat ik zoek helaas. Ik wil op mijn reeds bestaande homepage onder mijn logo, header, navbar en naast mijn thumbnails (ja het moet echt een met css reeds bepaalde positie krijgen op de site

) een blog.

Ik heb reeds enkele tutorials op google geprobeerd, maar deze (mede door mijn weinige kennis van php) draaiden op niets uit.

Zou iemand van jullie eens kort en bondig willen uitleggen hoe ik dit het beste aanpak? Of kent er iemand een goede tutorial die leken in php de juiste richting instuurt?

(ps: ik wil geen iframe gebruiken

)

alvast bedankt

[OcMw]Psycho · 26 apr 2010

sunsgrind zei:
Beste Webdeveloppers

Ik ben bezig een statische html/css website te maken maar ik heb een probleem. Ik zou graag een blog op mijn homepage toevoegen. Na wat opzoekingswerk kwam ik op wordpress uit. Ik ben reeds zover geraakt dat ik een wordpress blog heb kunnen installeren op mijn locale apache server (http://localhost/WEBSITE/wordpress/).

Dit is niet wat ik zoek helaas. Ik wil op mijn reeds bestaande homepage onder mijn logo, header, navbar en naast mijn thumbnails (ja het moet echt een met css reeds bepaalde positie krijgen op de site ) een blog.

Ik heb reeds enkele tutorials op google geprobeerd, maar deze (mede door mijn weinige kennis van php) draaiden op niets uit.

Zou iemand van jullie eens kort en bondig willen uitleggen hoe ik dit het beste aanpak? Of kent er iemand een goede tutorial die leken in php de juiste richting instuurt?

(ps: ik wil geen iframe gebruiken )

alvast bedankt

Als je geen iframe wil gebruiken zul je zelf een wordpress template moeten maken. Op zich is dit niet heel moeilijk en moet je niet veel php kennen. Kennis van de wordpress template-tags is eigenlijk al genoeg.

Hier is een goede tutorial(s) die jou op weg kan helpen:
WPDesigner.com So you want to create WordPress themes huh?

Dieterg · 27 apr 2010

Verander je 'index.html' naar index.php en je css file naar 'style.css'.

Stel dat dit je index.php file is

PHP:

<html>
<head>stylezz enz :-)</head>

<body>

<div id="container">
    <div id="tekstBox">
         <p>Tekst enz hier dan :)</p>
    </div>
</div>

</body>

</html>

Dan zou je wordpress file er zo komen uit te zien.

PHP:

<html>
<head>stylezz enz :-)</head>

<body>

<div id="container">
    <div id="tekstBox">
	<?php if (have_posts()) : ?>

		<?php while (have_posts()) : the_post(); ?>

			<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
				<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?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('Read the rest of this entry &raquo;'); ?>
				</div>

				<p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
			</div>

		<?php endwhile; ?>

		<div class="navigation">
			<div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
			<div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
		</div>

	<?php else : ?>

		<h2 class="center">Not Found</h2>
		<p class="center">Sorry, but you are looking for something that isn't here.</p>
		<?php get_search_form(); ?>

	<?php endif; ?>

    </div>
</div>

</body>

</html>

Dit is de blog homepage.. Nu zal je waarschijnlijk ook gewoon pagina's willen waar geen comments enz. mogen worden gegeven.

save je index.php file as page.php verander het volgende.

PHP:

<html>
<head>stylezz enz :-)</head>

<body>

<div id="container">
    <div id="tekstBox">
	<?php if (have_posts()) : ?>

		<?php while (have_posts()) : the_post(); ?>

			<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
				<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?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('Read the rest of this entry &raquo;'); ?>
				</div>
			</div>

		<?php endwhile; ?>

	<?php else : ?>

		<h2 class="center">Not Found</h2>
		<p class="center">Sorry, but you are looking for something that isn't here.</p>
		<?php get_search_form(); ?>

	<?php endif; ?>

    </div>
</div>

</body>

</html>

TIP!! Je kan veel halen uit het default template van wordpress!

stijmi · 27 apr 2010

Waarom gebruik je Wordpress niet voor je volledige website? Dan heb je naast een goede blog-tool ook een eenvoudig maar doeltreffend CMS-systeem dat heel snel is opgezet.

Wordpress (2.9) als CMS gebruiken? Installeer Wordpress en doe dan het volgende:
- Maak in jouw geval minstens 2 nieuwe pagina's aan, Home en Blog
- Ga naar Instellingen > Lezen
- Bovenaan bij "De startpagina toont" selecteer je "een statische pagina"
- Daaronder selecteer je "Home" bij "Startpagina" en "Blog" bij "Berichtpagina"
- Vergeet onderaan de pagina niet op de knop "Wijzigingen opslaan" te klikken.
- Wil je meer pagina's? Gewoon pagina's toevoegen...

Dat is het in grote lijnen om je blog om te zetten in een cms, moeilijk is dat dus niet.

Stany · 6 mei 2010

Wordpress is een CMS en kan zowel gebruikt worden om een klassieke blog te bouwen als om meer statische pagina's te hebben.

De vaste pagina's kies je als "pages", de blog maak je met "posts".

De standaard weergave toont de blog posts op de homepage.

Je kan de layout van de site heel makkelijk aanpassen door een custom.css file te maken en daarmee de look van het thema waarmee je gestart bent te pimpen naar jouw smaak.

Misschien heb je dan geen statische pagina's buiten het CMS nodig, tenzij je landing pages wil testen met Google site optimizer. Zelfs deze pagina's kan je maken met Wordpress en opslaan als html bestand, zodat je er allerlei extra's kan aan toevoegen.

Je beperken to wordpress heeft nog het voordeel van een makkelijk t emaken sitmap.xml met en plugin.

Er zijn een paar heel goeie Themes beschikbaar tegen betaling die heel veel flexibiliteit bieden voor de layout van de site. Ik gebruik voor bijna al mijn nieuwe site THESIS.

Stany

Archief - Embed Wordpress in Website

sunsgrind

Legacy Member

[OcMw]Psycho

Legacy Member

Dieterg

Legacy Member

stijmi

Legacy Member

Stany

Legacy Member