Aangemaakte reacties

15 reacties aan het bekijken - 1 tot 15 (van in totaal 664)
  • Hi,

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

    groet,
    Lianne

    Hi Wendy,

    Zoek binnen google met de term ‘imagemap wordpress’. Een imagemap is een plaatje waaraan je in een overlay op de bepaalde deelgebieden een bepaalde functie kunt geven, zoals een link. ik kwam o.m. deze plugin tegen. Die lijkt me voor 19 euro heel fraai te doen wat je wilt.
    Ovrigens kun je ook zelf helemaal de imagemap maken. Bijvoorbeeld in Dreamweaver (Adobe-product). Voor tuts: youtube.

    groet,
    Lianne

    Forum: Plugin vragen
    Als reactie op: Inschrijven voor bardienst

    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

    Om je het best te kunnen helpen is het handig de url van je site te vernemen.

    En: 1 vraag per topic werkt beter!

    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

    Dank je voor het compliment, maar ik bedacht dat ik een element heb gemist, namelijk dat in customizer wel de gewenste tekstwijzigngen moeten kunnen worden gedaan. Daarvoor moet je je nog bestand in je childtheme op nemen, namelijk in een map inc, customizer.php. Daar zou je alle vermeldingen ravenna_header_boxes moeten wijzigen in jolanda_header_boxes.
    Dit wordt al te ingewikkeld, te foutgevoelig en zou ik zelf voor de zekerheid ook willen testen. Dus ik stel een andere werkwijze voor. Begin niet aan de bovenstaande instructie van mij. Je hoeft eigenlijk maar 1 stap te maken

    Maak in je childtheme een nieuw bestand header.php met de code uit de header.php van Ravenna. Vervang op regel 44

    <?php ravenna_header_boxes(); ?>

    door:

    <div class="header-block"><a href="/vertalingen" target="_self"><span class="header-icon"><i class="fa fa-pencil"></i></span><h3 class="header-title">Vertalingen</h3><div class="header-text">Voor al uw vertalingen vanuit het Italiaans naar het Nederlands en vice versa.</div></a></div>
    
    <div class="header-block"><a href="/tolkdiensten" target="_self"><span class="header-icon"><i class="fa fa-comments"></i></span><h3 class="header-title">Tolkdiensten</h3><div class="header-text">Uw hulp bij ontmoetingen tussen Nederlanders en Italianen.</div></a></div>
    
    <div class="header-block"><a href="/overig" target="_self"><span class="header-icon"><i class="fa fa-asterisk"></i></span><h3 class="header-title">Overig</h3><div class="header-text">Revisie, correctie, lezingen, cursussen.</div></a></div>

    Dit is een nog quicker and dirtier manier, en heeft als nadeel dat je voortaan de tekst die je frontend wil tonen in je header.php in het childtheme moet aanpassen, in plaats van in de customizer.

    Maar ik heb het idee dat je bij dit type site niet vaak deze tekst zult veranderen, er zal best wel mee te leven zijn.

    Succes!

    Lianne

    Forum: CSS / opmaak vragen
    Als reactie op: Child theme

    Het gehele bestand

    Dit heet je categorie-pagina, in woocommerce-taal.

    Neem in je style css op:

    .woocommerce p {
    margin-bottom: 24px;
    }

    Dan is de afstand hetzelfde als op de productpagina

    groet,
    Lianne

    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

    Forum: CSS / opmaak vragen
    Als reactie op: Child theme

    Je kunt niet met een gerust hart het theme gaan updaten. Wat ik in je geval zou doen is het volgende.

    1. kopieer via FTP het bestand styles.css
    2. noem dit bijvoorbeeld styles-aangepast.css
    3. Zet na de code in het styles.css die je childtheme definieert (allemaal tussen /* en */:
      @import url("../parent-thema-naam/styles-aangepast.css");(verondersteld dat dit het pad naar je styles.css is, het zou nog in een extra mapje kunnen staan)
    4. update je theme. Omdat daarin vast en zeker geen bestand styles-aangepast.css zit, wordt deze niet overschreven. Het styles.css vrijwel zeker wel, dus zou je inderdaad alles aan aanpassingen kwijt zijn geweest.
    5. Het kan zijn dat je nog iets meer orginele css-bestanden moet importeren in je childtheme, maar dat zie je pas later, en daar hoef je niet meteen over in paniek te raken. Als je ons een link geeft naar je site kunnen we dit vooraf voor je controleren.

    groet & succes,
    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

    You’re welcome!

    Forum: CSS / opmaak vragen
    Als reactie op: Child Thema probleem

    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

    He Janamdo,

    niet te snel opgeven!

    Het is verstandig dat je een childtheme installeert! Als je het uiterlijk naar je hand wilt zetten, is dat de juiste methode.

    Even een uitleg: pluginbouwers gebruiken eigen css om te bereiken dat er in ieder geval iets toonbaars staat. Maar: de ene website moet groene knoppen krijgen, 20px hoog, en de andere rode knoppen, 15px hoog. En dat regel je in wordpress met een childtheme. Anders zouden alle websites er allemaal hetzelfde uitzien!

    Wil je er een site van maken die een goede indruk maakt, moet je wat dieper gaan. ‘Inspect element’ is het meest gebruikte tool door websitebouwers. Op youtube zijn stapels instructiefilmpjes te vinden hoe je deze tool voor je laat werken.
    Op de genoemde w3schools-website vind je de referenties.

    Doorzetten!

    En anders geef ons het linkje naar je formulier, en we helpen je!
    Dan doe je de volgende uitdaging zelf.

    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

15 reacties aan het bekijken - 1 tot 15 (van in totaal 664)