• Opgelost GreenEvelien

    (@greenevelien)


    Ik heb een wp-blog http://www.greenevelien.com. Ik heb wordbooker geïnstalleerd om de berichten die ik post ook automatisch op mijn facebook pagina te laten verschijnen.

    In deze blog heb ik een statische pagina ingesteld, de home pagina waarbij je gelijk doorverwezen wordt naar mijn website waar de blog in geïntegreerd is dmv een iframe. En een blog pagina waar de berichten op komen te staan.

    Zodra ik een bericht post en wordbooker dit op mijn facebook pagina zet, staat er een link naar het bericht op de blog-pagina. Terwijl ik graag wil dat ze gelinkt worden naar mijn website en daar het bericht lezen.
    Hoe kan ik dit voor elkaar krijgen?
    Alvast bedankt!

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Moderator Remkus de Vries

    (@defries)

    Sleutelbeheer WordPress NL

    hebben we het niet al een keer eerder over gehad?

    Thread starter GreenEvelien

    (@greenevelien)

    Nee, want toen ging het hoe ik een statische pagina moest instellen, dat is met hulp van valandil gelukt.
    Nu vraag ik duidelijk iets anders.

    Thread starter GreenEvelien

    (@greenevelien)

    Ok, nieuwe vraag dan: Hoe krijg ik de opmaak van mijn huidige website in wordpress?
    Ik heb de opmaak al ge-copy-past en dat als template/sjabloon opgeslagen maar dat werkt niet. of ik doe iets verkeerd, dat kan natuurlijk ook.
    Moet ik het als css opslaan?
    Of als index.php?

    Moderator Remkus de Vries

    (@defries)

    Sleutelbeheer WordPress NL

    Opmaak = CSS en die hoort thuis in het stylesheet (style.css) van je actieve theme.

    Thread starter GreenEvelien

    (@greenevelien)

    Ik heb nu een nieuw theme aangemaakt met daarin een index.php en style.css.
    Hij vindt de juiste info, maar de opmaak klopt niet.
    Ik heb deze theme-map ook op mijn localhost gezet en als ik daar kijk, klopt de opmaak wel.
    Wat doe ik nu verkeerd?

    Ik zou een theme als Atahualpa grebruiken. Daarmee is je huidige layout grotendeels na te maken.

    Thread starter GreenEvelien

    (@greenevelien)

    Ik wil graag begrijpen waarom mijn stylesheet het in WP niet doet en via mijn localhost wel?

    /*
        Theme Name: Greenevelien
        Theme URI: http://www.greenevelien.com
        Description: Integratie van greenevelien in wordpress.
        Version: 1.0
        Author: Evelien Matthijssen
        Author URI: http://www.greenevelien.com/
        */
    
    html, body {
    height: 97%;
    font-family: 'comic sans ms';
    }
    
    a:link { color: #8B0000; text-decoration: none }
    a:visited { color: #8B0000; text-decoration: none }
    a:hover { color: #8B0000; text-decoration: none }
    a:active { color: #8B0000; text-decoration: none }
    
    div#container {
    margin: auto;
    margin-top: 1.5%;
    width: 1225px;
    height: 100%;
    }
    
    div#menu {
    width: 240px;
    height: 100%;
    float: left;
    background-color: #008000;
    }
    
    #menu ul { margin: 0px 0px 0px -25px; }
    #menu ul, ul ul { list-style: none; }
    #menu ul li { margin: 4px 0px; }
    #menu ul li ul li { margin: 0px 0px; }
    #menu ul li ul { display: none; }
    #menu ul li:hover ul { display: block; }
    #menu li { font-size: 20px; font-weight: bolder; }
    #menu li ul li { font-size: 16px; font-weight: normal; }
    
    div#tekst {
    width: 820px;
    height: 97.05%;
    float: left;
    padding: 10px 5px 10px 10px;
    overflow: auto;
    color: #008000;
    background-color: #FFD700;
    }
    
    div#rechtsblog {
    width: 150px;
    height: 97.05%;
    float: right;
    padding: 10px 0px;
    text-align: center;
    background-color: #008000;
    }
    
    div#adsenseblog {
    width: 150px;
    height: 250px;
    }
    
    div#search-function {
    padding: 20px 0px;
    }
    
    div#facebook {
    color: #8B0000;
    font-weight: bolder
    }

    Aan de css zullen we de fout niet kunnen zien, dat lukt pas bij een live voorbeeld. Wel kan ik me voorstellen wat het zou kunnen zijn, aangezien je twee layouts probeert samen te voegen:

    Html is een soort kapstok waar je css aan kunt hangen. Elke cssregel is bedoeld voor één bepaald onderdeel van de kapstok, of haakje. Een cssregel werkt dus alleen als dat html-haakje aanwezig is.

    Het lijkt er een beetje op dat je een lading cssregels hebt die je wilt hangen aan een kapstok, maar dat je er niet of niet op de juiste manier voor hebt gezorgd dat de juiste haakjes aanwezig zijn.

    De kapstok van je site bestaat uit de haakjes container, menu, tekst, en rechtsblog. De opmaak daarvan wordt geregeld in opmaakblog.css. Als je de haakjes inbouwt als html-omhulsel voor je WordPress-theme en daarna opmaakblog.css als aanvullende stylesheet toevoegt, dan zou het moeten lukken. M.a.w. maak in de php-bestanden van je classic theme extra divs aan voor de container, de linkersidebar en de rechtersidebar.

    De reden dat het dan nog niet lukt, is omdat er in je WordPress-theme misschien reeds kapstokhaakjes bestaan met dezelfde naam (zoals container of menu). In dat geval zul je jouw haakjes in zowel de html als in de css moeten hernoemen naar iets anders. Noem de nieuwe divs bijvoorbeeld ge-container, ge-menu en ge-rechtsblog. Hernoem ook in je css de verwijzingen naar die divs.

    Thread starter GreenEvelien

    (@greenevelien)

    @Funkphenomenom: merci voor je uitleg.

    Ik heb de originele opmaakblog.css die werkzaam is op http://www.greenevelien.com veranderd in de stylesheet van mijn vorige post , genaamd: style.css

    In het theme “greenevelien” staat naast deze stylesheet ook de volgende index:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Green Evelien</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    </style>
    </head>
    <body>
    <div id="container">
    <div id="menu">		<a href="http://www.bespaarenergie.com" target="_top"><IMG src="http://www.bespaarenergie.com/header_logo.bmp" height="125px" width="100%" border="0"></a>
    			<p>
    			<ul>
    				<li>			<a href="http://www.bespaarenergie.com/index.php">Welkom</a></li>
    
    				<li>			<a href="http://www.bespaarenergie.com/1Eco_1home.php">Ecologisch leven</a>
    					<ul>	<li>	<a href="http://www.bespaarenergie.com/1Eco_2energie.php" target="_top">Energie</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/1Eco_3water.php" target="_top">Water</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/1Eco_4voeding.php" target="_top">Voeding</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/1Eco_6consuminderen.php" target="_top">Consuminderen</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/1Eco_7kleding.php" target="_top">Kleding</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/1Eco_8verzorging.php" target="_top">Verzorging</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/1Eco_9computer.php" target="_top">Computer</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/1Eco_10financien.php" target="_top">Financi&euml;n</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/1Eco_11tuin.php" target="_top">Tuin</a></li>
    					</ul>
    				</li>
    
    				<li>			<a href="http://www.bespaarenergie.com/2NO_1home.php" target="_top">Natuurlijk ouderschap</a>
    					<ul>	<li>	<a href="http://www.bespaarenergie.com/2NO_2attachmentparenting.php" target="_top">Attachment parenting</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/2NO_3draagdoek.php" target="_top">Draagdoek</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/2NO_4borstvoeding.php" target="_top">Borstvoeding</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/2NO_5wasbareluiers.php" target="_top">Wasbare luiers</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/2NO_6vaccinaties.php" target="_top">Vaccinaties</a></li>
    					</ul>
    				</li>
    
    				<li>			<a href="http://www.bespaarenergie.com/3Blog.php" target="_top">Blog <i>"Green Evelien"</i></a></li>
    
    				<li>			<a href="http://www.bespaarenergie.com/4Agenda.php" target="_top">Groene Agenda</a></li>
    
    				<li>			<a href="http://www.bespaarenergie.com/5Info_1home.php" target="_top">Meer info</a>
    					<ul>	<li>	<a href="http://www.bespaarenergie.com/5Info_2filmsdocs.php" target="_top">Films & documentaires</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/5Info_3boeken.php" target="_top">Boeken</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/5Info_4verhaal.php" target="_top">Wijsheid</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/5Info_5uitspraken.php" target="_top">Mooi gezegd</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/5Info_6filmpjes.php" target="_top">Filmpjes</a></li>
    					</ul>
    				</li>
    
    				<li>			<a href="http://www.bespaarenergie.com/6Links.php" target="_top">Links</a></li>
    
    				<li>			<a href="http://www.bespaarenergie.com/7Contact_1home.php" target="_top">Contact</a>
    					<ul>	<li>    <a href="http://www.bespaarenergie.com/7Contact_2wij.php" target="_top">Wie ben ik?</a></li>
    						<li>	<a href="http://www.bespaarenergie.com/7Contact_3gastenboek.php" target="_top">Gastenboek</a></li>
    					</ul>
    				</li>
    			</ul>
    </div>
    <div id="tekst">	<iframe src="http://wordpress.bespaarenergie.com/blog" frameborder="0" height="100%" width="100%"></iframe></div>
    <div id="rechtsblog">	<div id="adsenseblog">	<script type="text/javascript"><!--
    						google_ad_client = "pub-9235864680827124";
    						google_ad_slot = "7617321807";
    						google_ad_width = 120;
    						google_ad_height = 240;
    						//-->
    						</script>
    						<script type="text/javascript"
    						src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    						</script>
    			</div>
    			<div id="search-function">
    						<form action="http://www.bespaarenergie.com/search.php" id="cse-search-box">
    						  <div>
    						    <input type="hidden" name="cx" value="partner-pub-9235864680827124:f3yjcwfxdg3" />
    						    <input type="hidden" name="cof" value="FORID:11" />
    						    <input type="hidden" name="ie" value="ISO-8859-1" />
    						    <input type="text" name="q" size="14" />
    						    <input type="submit" name="sa" value="Zoeken" />
    						  </div>
    						</form>
    						<script type="text/javascript" src="http://www.google.be/cse/brand?form=cse-search-box&lang=nl"></script>
    			</div>
    			<div id="facebook">
    						Blijf op de hoogte:
    						<p>
    						<a href="http://feedburner.google.com/fb/a/mailverify?uri=GreenEvelien&loc=en_US" target="_blank"><IMG src="http://www.bespaarenergie.com/facebook_mail.jpg" height="30" width="50" border="0" alt="Logo Mail"></a>
    						<p>
    						<a href="http://www.facebook.com/pages/Green-Evelien/158266014210963?v=wall" target="_blank"><IMG src="http://www.bespaarenergie.com/facebook.jpeg" height="30" width="75" border="0" alt="Logo Facebook"></a>
    						<p>
    						<a href="http://feeds.feedburner.com/GreenEvelien" target="_blank"><IMG src="http://www.bespaarenergie.com/facebook_rss.gif" height="25" width="25" border="0" alt="Logo RSS"></a>
    			</div>
    </div>
    </div>
    </body>
    </html>

    Naast deze index.php en style.css staan er voor de rest geen bestanden in mijn theme-map, dus kapstokhaakjes met dezelfde naam komen niet voor. Graag hoor ik wat er dan fout aan is. Alvast bedankt!

    Het punt is dat je er op één of andere manier voor zult moeten zorgen dat er nergens meer een iframe of frame wordt gebruikt, maar alleen je WordPress-blog. Door die (i)frames wordt verwijzen naar pagina’s erg bemoeilijkt, zie ook het topic:
    http://nl.forums.wordpress.org/topic/wordpress-embedden-in-website
    Daar is ook met een iframe een WordPress-blog geplaatst in een reeds bestaande website, maar dat blijkt niet handig.

    Wat je dan wel kunt doen, is zorgen dat alle kolommen die je wel op je site hebt staan, maar die niet meer getoond worden als je rechtstreeks naar je WP-blog gaat, worden overgezet naar WP. Dat betekent dat je in je WP-thema de html moet aanvullen met die kolommen (en de container). Vervolgens kopieer je de css-regels vanuit het non-WP-gedeelte naar de css van je WP-theme.

    Eigenlijk hoef je dus niks te doen in de html die je hierboven hebt geplaatst; je zult alleen wijzigingen moeten doen in de WP theme-bestanden.

    Thread starter GreenEvelien

    (@greenevelien)

    @Funkphenomenom: merci voor je antwoord.
    Ik heb nu het advies van WebHeer opgevolgd, mn blog in theme Atahualpa gezet en daarmee waren de kolommen heel goed in WP te integreren.
    Ik vraag me alleen nog af hoe ik het lettertype van menu in bold kan krijgen?
    Ik heb al <form style="font-size: 20px; font-weight: bold;"> gedaan, maar dat werkt niet.
    Ook de volgende notatie bij iedere link werkt helaas niet: <a href...........><b>Welkom>/b></a>
    Voor meer info, zie http://www.greenevelien.com

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Het onderwerp ‘wordbooker, permalinks en statische pagina’ is gesloten voor nieuwe reacties.