Read full story en read more

[femke98]

Mijn nieuwe website (voor mijzelf en mijn overleden zus) ben ik aan het maken.
Heb er nog geen teksten op, maar zie dat bijna alles in het Nederlands is behalve read full story en read more.

Nu heb ik read more op de wijze kunnen krijgen zoals deze nu is, het Engels verdwijnt namelijk niet, maar weet echt niet hoe ik dat moet doen met de read full story.

De read more staat in aanpassen extra CSS als volgt:

a.read-more-button::after {
 content: " - Lees verder";
 color: #fff;
 font-size: 16px;
}

.more-link {
 font-size: 0;
}

Uitleg streepje voor de Nederlandse tekst, de Engelse tekst blijft staan, dus heb ik het maar zo opgelost.


Bij read full story heb ik gekeken met webontwikkelaarshulpmiddelen ff en daar zie ik alleen een a. staan.
Dus ja, wat is dan de CSS? Zie screenshot.

Wie kan helpen?

 

[Gouwepeer]

Allereerst gecondoleerd met jouw overleden zus @femke98
Kijkend op de pagina zie ik op de buttons Read More - Lees Verder staan.

Naast de css

        a.read-more-button::after {
 content: " - Lees verder";
 color: #fff;
 font-size: 16px;
}

zie ik ook nog het volgende in de code staan:

<div class="read-more-button">
                    <a href="https://reisvanwil.angelavanderploeg.nl/begin-van-de-reis/" class="read-more-button">Read More</a>
                </div>

Kan dat de oorzaak van het probleem zijn?

Het gaat dus om de tekst tussen class="read-more-button"> en </a> die ook op de button blijft staan.

 

[femke98]

Het probleem is dat met de CSS coe read more bleeft staan, dus ik heb er een streepje voorgezet, nu is het Engels en Nederlands.

De read full story krijg ik met geen mogelijkheid in het Nederlands.
Weet jij wel hoe?

En bedankt voor je medeleven, het was zwaar.

 

[Gouwepeer]

Het probleem is dat met de CSS coe read more bleeft staan

De tekst Read More staat ook letterlijk in de HTML zelf:
<a href="[URL='https://www.helpmij.nl/forum/view-source%3Ahttps%3A//reisvanwil.angelavanderploeg.nl/lieve-lezers/']https://reisvanwil.angelavanderploeg.nl/lieve-lezers/[/URL]" class="read-more-button">Read More</a>

Je moet daar het stukje Read More ertussenuit halen:
<a href="[URL='https://www.helpmij.nl/forum/view-source%3Ahttps%3A//reisvanwil.angelavanderploeg.nl/lieve-lezers/']https://reisvanwil.angelavanderploeg.nl/lieve-lezers/[/URL]" class="read-more-button"></a>

Vanuit de CSS wordt dan alsnog de gewenste tekst tussen > en </a> ingevuld.

        a.read-more-button::after {
 content: " - Lees verder";
 color: #fff;
 font-size: 16px;
}

.more-link {
 font-size: 0;
}

Bekijk --> dit voorbeeld <-- maar eens.

 

[femke98]

Ik snap je redenering en ben blij dat je mij wil helpen.
Maar.......je gaat nog even niet in op het probleem van de read full story, zie de homepage van de website.

De reis van Wil

reisvanwil.angelavanderploeg.nl

En de html.....daar weghalen......maar heb al gekeken waar ik het kan vinden. Helaas.
Ik dacht, dan maak ik een child theme en zet daar alles in. Maar als ik het niet kan vinden houd dat op.

Heb hoofdindex.php bekeken, heb functions doorgespit etc. etc.

 

[femke98]

Ik bedoel zoiets:

a.sign-in-area-button::after {
    content: "Lees het hele verhaal";
    color: #fff;
    font-size: 16px;
}

maar deze werkt niet.

Zie tevens screenshot, zo gaat het wel maar ja, ik vind dit nergens terug in welke file dan ook. Dus graag even hulp hierbij hoe ik dit kan oplossen bij extra CSS.

 

[Gouwepeer]

En de html.....daar weghalen......maar heb al gekeken waar ik het kan vinden

Ik had aan de hand van jouw eerdere screenshot de url ingetypet, maar kwam op een andere pagina uit met een button vergelijkbaar met waar nu "Lees het hele verhaal" staat, dus vermoedelijk heb ik naar het verkeerde stukje code zitten kijken. Nu heb ik geen idee hoe extra CSS in Wordpress werkt, maar ik neem aan dat dat vergelijkbaar is met extra.less in Xenforo, dus een aanvulling van het al bestaande CSS (graag feedback als ik het mis heb).

In de broncode heb ik het relevante stuk opgezocht:

                                       <div class="box">
                                                            <div class="image-blog">
                                    <img width="834" height="357" src="https://reisvanwil.angelavanderploeg.nl/wp-content/uploads/2025/10/Naamloos-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://reisvanwil.angelavanderploeg.nl/wp-content/uploads/2025/10/Naamloos-1.jpg 834w, https://reisvanwil.angelavanderploeg.nl/wp-content/uploads/2025/10/Naamloos-1-300x128.jpg 300w, https://reisvanwil.angelavanderploeg.nl/wp-content/uploads/2025/10/Naamloos-1-768x329.jpg 768w" sizes="(max-width: 834px) 100vw, 834px" />                                </div>
                                                            <div class="box-content">
                                <div class="post-date">
                                    <span class="badges">
                                        Posted By                                        admin
                                        <span class="date">02</span>
                                        <span class="date-month">okt</span>
                                    </span>
                                </div>
                                <h4 class="title my-2">
                                    <a href="https://reisvanwil.angelavanderploeg.nl/in-rouw/">In rouw</a>
                                </h4>
                                <p class="mb-0 content-para">All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary</p>
                                <p class="sign-in-area">
                                    <a href="https://reisvanwil.angelavanderploeg.nl/in-rouw/">READ FULL STORY                                    </a>
                                </p>
                            </div>
                        </div>

Hierin gaat het om deze regel:
<a href="https://reisvanwil.angelavanderploeg.nl/in-rouw/">READ FULL STORY </a>
Nu weet ik niet of READ FULL STORY ook daadwerkelijk in de html staat of dat dit via PHP wordt gegenereerd zodra de pagina wordt opgeroepen. Als dit inderdaad door Wordpress zelf wordt ingevuld lijkt het mij iets wat vertaald moet worden in Wordpress zelf. Ik neem aan dat Wordpress ook met taalpakketten werkt. De tekst Posted By staat namelijk ook in het Engels.

 

[femke98]

Ja, ik weet het. Heb het met loco translate geprobeerd, maar dat werkte ook niet. Of ik heb het verkeerd gedaan.
Ik hoop op meer hulp.

@Aar of @bron?