Wil je wiskundige vergelijkingen schrijven in WordPress?

Het schrijven van wiskundige vergelijkingen in WordPress is een beetje lastig omdat de standaard WordPress-editor geen volledige ondersteuning biedt voor wiskundige vergelijkingen.

In dit artikel laten we u zien hoe u eenvoudig wiskundige vergelijkingen in WordPress kunt schrijven met behulp van 3 verschillende methoden. 

Maar als je WordPress nog nooit hebt geïnstalleerd, ontdek het Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

Waarom is het moeilijk om wiskundige vergelijkingen in WordPress te schrijven?

De manier waarop WordPress werkt, is dat het dynamisch inhoud voor uw website genereert en de HTML terugstuurt naar de browsers van gebruikers voor weergave.

Het schrijven van wiskundige en wetenschappelijke vergelijkingen in WordPress is moeilijk vanwege het gebrek aan ondersteuning voor tekens in HTML.

Ontdek ook onze 6 WordPress-plug-ins om Authorize.Net aan uw website toe te voegen

op dit moment, MathML et Latex worden beschouwd als de standaard voor het schrijven van wiskundige en wetenschappelijke vergelijkingen op internet.

Helaas zijn ze allebei niet ideaal voor beginners. Ze vereisen allebei dat je hun eigen syntaxis leert, wat ingewikkeld kan worden voor langere en complexere vergelijkingen.

Dat gezegd hebbende, laten we eens kijken hoe u wiskundige vergelijkingen in uw WordPress blog.

We beginnen eerst met een eenvoudige oplossing voordat we laten zien hoe MathML of LaTeX in WordPress te gebruiken.

Methode 1. Wiskundige vergelijkingen schrijven in WordPress met Unicode-tekens

Deze methode is eenvoudiger en wordt aanbevolen voor gebruikers die niet vaak wiskundige vergelijkingen hoeven te schrijven. Voor deze methode gaan we Unicode-tekens gebruiken en deze rechtstreeks invoegen in de berichteditor.

Unicode is de coderingsstandaard om tekencodering voor alle talen te bieden. Het wordt door iedereen ondersteund website bouwers, besturingssystemen en mobiele apparaten.

Hier leest u hoe u wiskundige tekens in WordPress kunt toevoegen met Unicode.

1. Unicode-wiskundige tekens toevoegen op Mac

Op Mac-computers kunt u wiskundige operators en tekens toevoegen via de werkbalk bovenaan. Klik gewoon op Bewerken »Emoji en symbolen of druk op Command + Control + spatiebalk op uw toetsenbord.

Characterviewer blogpascher

Dit zal de app openen 'Karakterviewer'in een pop-up. Hier kunt u de symbolen en tekens selecteren die u wilt invoegen.

Lees ook onze tutorial over Hoe maak je een formulier met meerdere stappen met lottie-animatie

U hoeft alleen maar op een personage te dubbelklikken om het in de WordPress-artikeleditor in te voegen.

U kunt ook tekens in de berichteditor opmaken met de opties Script en Superscript op de werkbalk Alinea.

Subscript superscript wp blogpascher

2. Unicode-wiskundige tekens toevoegen aan Windows

Windows-gebruikers kunnen een vergelijkbare applicatie gebruiken om wiskundige operators en speciale tekens in de WordPress-berichteditor in te voegen.

Lees ook onze gids verder 10 automatiseringstools voor marketing voor kleine bedrijven

Open gewoon de app Speciale tekens en cliquant sur Start »Windows-accessoires» Karakteroverzicht. Hierdoor verschijnen veelgebruikte tekens op het scherm.

Selecteer karakters blogpascher

De Character Map-applicatie ondersteunt veel verschillende coderingen, waaronder Unicode. U kunt wiskundige operatoren vinden door meteen te gaan Groeperen op : en selecteren Unicode-subbereik.

Nadat je een karakter hebt gevonden, moet je klikken om het te selecteren en het vervolgens te kopiëren. Ga nu terug naar de WordPress-berichteditor en plak het personage.

Zie ook ons ​​artikel over Hoe bestanden in WordPress mediabibliotheekmappen te organiseren

Het handmatig toevoegen van speciale tekens en wiskundige operators is een probleem, maar het werkt als je ze maar af en toe toevoegt.

Als u echter regelmatig wiskundige vergelijkingen op uw website of blog moet schrijven, is het misschien beter om een ​​van de twee hieronder beschreven methoden te leren gebruiken.

3. Schrijf wiskundige vergelijkingen in WordPress met LaTeX

LaTeX is een typografiestandaard die speciaal is ontworpen voor het schrijven van technische en wetenschappelijke documenten. Het wordt veel gebruikt in de academische wereld en wordt beschouwd als de de facto standaard voor het schrijven van vergelijkingen en andere wetenschappelijke documenten.

De officiële website door LaTeX bevat gedetailleerde documentatie en links naar tutorials en gids die u zullen helpen om het te gebruiken.

We zullen ons concentreren op hoe u LaTeX-typografie naar uw WordPress-website kunt brengen.

Allereerst moet u de plug-in installeren en activeren WP QuickLaTeX. Zie onze stapsgewijze handleiding voor meer informatie hoe een WordPress-plug-in te installeren.

Na activering moet je het bericht of de pagina bewerken waar je een wiskundige vergelijking wilt invoegen. Klik in het artikeleditorscherm op de knop Een nieuw blok toevoegen (+) et plaats het shortcode-blok naar uw inhoud.

Blogpascher blokkeert shortcode

Binnen het shortcode-blok moet je de shortcode toevoegen, gevolgd door je LaTeX-code. [latexpage]

Latex blogpascher-opdrachtU kunt nu uw artikel opslaan en een voorbeeld ervan bekijken om uw wiskundige vergelijking met de opmaak te zien.

Wiskunde eqauation latex preview blogpascher

Een eenvoudigere manier om de code te genereren die u moet plakken, is door een offline LaTeX-applicatie voor uw besturingssysteem of een LaTeX-webomgeving zoals aan ommezijde.

Overleid blogpascher

U kunt vervolgens uw vergelijkingen kopiëren en in het WordPress shortcode-blok plakken.

4. Wiskundige vergelijkingen schrijven in WordPress met MathML

MathML is een opmaaktaal die is ontworpen om eenvoudig wiskundige vergelijkingen op internet te publiceren. Het maakt gebruik van semantische XML-opmaak vergelijkbaar met HTML.

Zie ook onze 10 WooCommerce-plug-ins om uw online winkel een boost te geven

WordPress ondersteunt MathML niet en als je de MathML-code toevoegt in de berichteditor, wordt deze niet zo goed weergegeven.

Gelukkig is er een plug-in die dit probleem oplost.

Installeer en activeer gewoon de plug-in MathML-blok. Zie onze stapsgewijze handleiding voor meer informatie hoe een WordPress-plug-in te installeren.

Bewerk na activering gewoon het bericht of de pagina waaraan u de wiskundige vergelijking wilt toevoegen. Klik in het artikelbewerkingsscherm op de knop (+) om een ​​nieuw blok toe te voegen en het aangepaste HTML-blok aan uw inhoud toe te voegen.

Aangepast html-blok blogpascher

U kunt vervolgens uw MathML-code in het aangepaste HTML-blok plakken.

Mathml-code blogpascher

Daarna kunt u uw bericht of pagina opslaan en deze op een nieuw tabblad bekijken om prachtig getransformeerde MathML op uw website te zien.

Mathml voorbeeld blogpascherMathML gebruikt de MathJax JavaScript-engine om uw tags om te zetten in leesbare wiskundige vergelijkingen. Het ondersteunt ook LaTeX-opdrachten.

Om uw LaTeX-code toe te voegen, voegt u gewoon het MathML-blok toe aan uw inhoudseditor.

Math ml blok blogpascher

In het tekstvak van het MathML-blok kunt u uw LaTeX-code als volgt plakken:

[uw vergelijking komt hier]

U kunt uw bericht vervolgens opslaan en een voorbeeld bekijken om het prachtig op uw blog of pagina te zien.

Latexinmathml blogpascherOntdek ook enkele premium WordPress-plug-ins  

U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. WooCommerce Multisite Duplicator

U heeft zojuist uw online winkel geopend en u wilt een andere maken waarvan de configuratie bijna identiek zal zijn, terwijl u tegelijkertijd deze twee online winkels op één plek wilt beheren, dan is deze WooCommerce-plug-in Premium van WordPress zal je helpen creëer een multi-site netwerk dat gemakkelijk te beheren en te beheren is.

Woocommerce multisite-duplicator

Je hebt de mogelijkheid om je oude website te klonen en daarna hoef je alleen maar nieuwe producten te maken. de WordPress Plugin WooCommerce Multisite Duplicate helpt u daarom uw producten in uw multisite-netwerk te dupliceren.

Verrijk uw verkenning door ons artikel te ontdekken over: Page Builder: 5 WordPress-plug-ins om uw pagina's te maken

U kunt een of alle websites dupliceren. U kunt zelfs opgeven wat u wilt kopiëren of niet.

Downloaden | demonstratie | web hosting

2. Eenvoudig aangepast JS en CSS 

Ce WordPress Plugin premium is een krachtige CSS- en JavaScript-code-editor waarmee u ze aan elk gedeelte van uw website kunt toevoegen. Hiermee kunt u uw aanpassingen behouden, zelfs na een grote update van uw WordPress theme. Gemakkelijke aangepaste js en css extra aanpassing WordPress plug-in

U heeft de mogelijkheid om het gebruik van uw gepersonaliseerde code te beperken. U kunt uw code bijvoorbeeld alleen gebruiken voor een artikel met het videoformaat.

Zie onze artikelen over Hoe acceptatie van de gebruiksvoorwaarden op WordPress te eisen

Of je kunt je code beperken tot a WordPress theme specifiek; Handig als je regelmatig van thema wisselt voor je WordPress-blog.

Downloaden | demonstratie | web hosting

3. CSS3 Vertical Web Pricing Tables

Soms is een kolomlay-out niet geschikt voor de informatie die u probeert over te brengen. Als dit het geval is, is deze plug-in misschien de oplossing die u zoekt. Met CSS3 verticale webprijstafels worden tabellen weergegeven als verticaal gestapelde rijen in plaats van horizontaal geplaatste kolommen, zoals gebruikelijk is.

CSS3 verticale webprijstabellen voor WordPress

Net als sommige andere plug-ins is CSS3 Verticale webprijsstabellen gebaseerd op CSS3 en HTML5. U kunt een onbeperkt aantal tabellen maken, hoewel de plug-in alleen 10 verschillende verschijningen biedt, PSD-bronbestanden zijn ook inbegrepen.

Zie ook 9 WordPress plugins aan uw dashboard aan te passen

De andere extra functies zijn: unieke effecten met animaties over zweeftekens over kolommen, een aanpasbare kolombreedte, ondersteuning voor HTML, ondersteuning voor shortcodes en nog veel meer.

Downloaden demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

Conclusie

Alstublieft ! Dat is het voor deze tutorial. We hopen dat dit artikel je heeft geholpen bij het leren toevoegen van wiskundige vergelijkingen in WordPress. U kunt ook onze ultieme lijst met Plug-ins voor WordPress-dashboardwidgets  meest nuttig en aanbevolen door onze experts.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig heeft om uw projecten voor het maken van internetsites uit te voeren, raadpleeg dan onze gids op Creatie van WordPress blogs.

Als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires. Aarzel niet om deel met je vrienden op je favoriete sociale netwerken

...