LianneL

Hi,

Zelf al gezocht binnen google met term ‘pop-up link wordpress’? De mogelijkheden zijn talrijk.

groet,
Lianne

Hi,

Je zou op zoek kunnen gaan naar een appointment-plugin, zoals deze.

Ik denk dat je er rekening mee moet houden dat het niet inzichtelijk is voor gebruikers om te zien wie al een avond heeft geboekt, appointment-plugin gaan uit van vertrouwelijkheid, zoe worden bijv. ook ingezet door kappers of, zoals een klant van mij: therapie.

Succes!
GROET<
lianne

You’re welcome & succes, Johanna.
Trouwens: ik kan me voorstellen dat je deze header alleen op home wilt (hij neemt wel heel veel ruimte in beslag, met name op mobiel twijfelachtig. als je op mobiel navigeert, moet je op iedere pagina eerst al die blokken (weer) wegscrollen.

Met deze opgave kunnen we je desgewenst ook helpen, maak desgewenst hiervoor een nieuw topic.

groet,
Lianne

Het gehele bestand

Johanna,

Backend ===> admin-view van je site
Frontend ===> publieke view van je site

Ik heb even in de functions.php gekeken van Ravenna. De regels 198 tot 230 definiëren de functie van de headerboxes. Deze functie kun je ombouwen naar je eigen functie.

Stap 1
Maak in je childtheme een bestand header.php met dezelfde code als in de header.php van je parenttheme. Vervang op regel 44
<?php ravenna_header_boxes(); ?>
door
<?php johanna_header_boxes(); ?>

Stap 2
Maak in je childtheme een bestand genaamd functions.php aan met inhoud

<?php
/**
 * Ravenna childtheme functions and definitions
 *
 *
 */

/**
 * Header boxes, aangepast 11 december door johanna
 */
if ( ! function_exists( 'johanna_header_boxes' ) ) :
function johanna_header_boxes() {

	$box_icon_1 = get_theme_mod('box_icon_1', 'fa-building-o');
	$box_icon_2 = get_theme_mod('box_icon_2', 'fa-heart-o');
	$box_icon_3 = get_theme_mod('box_icon_3', 'fa-tablet');

	echo '<div class="header-block"><a href="/vertalingen" target="_self">';
	if ($box_icon_1) {
	echo 	'<span class="header-icon"><i class="fa ' . esc_html($box_icon_1) . '"></i></span>';
	}
	echo 	'<h3 class="header-title">' . esc_html(get_theme_mod('box_title_1', 'Solid construction')) . '</h3>';
	echo 	'<div class="header-text">' . wp_kses_post(get_theme_mod('box_text_1', 'Try it and see for yourself. You will be amazed.')) . '</div>';
	echo '</a></div>';
	echo '<div class="header-block"><a href="/tolkdiensten" target="_self">';
	if ($box_icon_2) {
	echo 	'<span class="header-icon"><i class="fa ' . esc_html($box_icon_2) . '"></i></span>';
	}
	echo 	'<h3 class="header-title">' . esc_html(get_theme_mod('box_title_2', 'Built with love')) . '</h3>';
	echo 	'<div class="header-text">' . wp_kses_post(get_theme_mod('box_text_2', 'Countless hours of work and passion went into this.')) . '</div>';
	echo '</a></div>';
	echo '<div class="header-block"><a href="/overig" target="_self">';
	if ($box_icon_3) {
	echo 	'<span class="header-icon"><i class="fa ' . esc_html($box_icon_3) . '"></i></span>';
	}
	echo 	'<h3 class="header-title">' . esc_html(get_theme_mod('box_title_3', 'Responsive design')) . '</h3>';
	echo 	'<div class="header-text">' . wp_kses_post(get_theme_mod('box_text_3', 'Looks great on any device, no matter the size.')) . '</div>';
	echo '</a></div>';
}
endif;

Omdat in php een mistype kan leiden tot een wit scherm zowel in de frontend als de backend, zou ik je willen aanbevelen om dit uitsluitend en alleen te doen als je FTP-toegang hebt. Je werkt dan niet in de backend van je site, en kan bij een mistype snel de bestanden weer verwijderen.

Krijg je een wit scherm, meld het dan hier, dan lopen we de code nogmaals langs.

Het is een beetje een quick & dirty-manier waarbij de linkjes op de boxes ‘hard’ zijn gecodeerd. Het kan nog anders, maar dit lijkt me een controleerbare aanpak.

succes & groet,
Lianne

Hi,

ik kijk op een productpagina bv. http://www.decoskull.nl/buffel-schedels/ganesha/ en zie dat de paragrafen een margin hebben en keurig van elkaar zijn gescheiden. Over welke pagina’s heb je het? Graag met een voorbeeld-link.

groet,
Lianne

We zien dat de volgende css-bestanden worden ingeladen:

<link rel="stylesheet" id="font-awesome-min-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/lib/extentions/font-awesome/css/font-awesome.min.css?ver=3.2.1" type="text/css" media="all">
<link rel="stylesheet" id="font-awesome-cdn-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/lib/extentions/font-awesome-4.2.0/css/font-awesome.min.css?ver=4.2.0" type="text/css" media="all">
<link rel="stylesheet" id="dashicons-css" href="http://klik-stadskanaal.nl/wp-includes/css/dashicons.min.css?ver=4.4" type="text/css" media="all">
<link rel="stylesheet" id="bootstrap-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/lib/extentions/bootstrap/css/bootstrap.min.css?ver=2.3.2" type="text/css" media="all">
<link rel="stylesheet" id="prettyPhoto-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/lib/extentions/prettyPhoto/css/prettyPhoto.css?ver=3.1.6" type="text/css" media="all">
<link rel="stylesheet" id="style-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/style.css?ver=1.3.0" type="text/css" media="all">
<link rel="stylesheet" id="shortcodes-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/styles/style-shortcodes.css?ver=1.1" type="text/css" media="all">
<link rel="stylesheet" id="responsive-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/styles/style-responsive.css?ver=1.1" type="text/css" media="all">

Dit betekent dat na je het styles.css van je moederthema nog twee andere css-bestanden worden ingeladen, namelijk:
pad naar theme/styles/style-shortcodes.css en
pad naar theme/styles/style-responsive.css

Aan het begin van je childtheme staat tussen /* …*/ info over je childthema, plaats direct hierna

@import url("../minmaze/style.css");
@import url("../minamaze/styles/style-shortcodes.css");
@import url("../minamaze/styles/style-responsive.css");

Dat is de basis van je childtheme.

groet,
Lianne

Hoe maak je deze pagina op?
Plaats daar waar je de link moet opgeven http://websitenaam is even een wilde gok.

groet,
Lianne