Beste Programmiersprache zum Lernen für WordPress-Benutzer

Veröffentlicht: 2017-07-17

Was ist die beste Programmiersprache, um WordPress zu verbessern? Kommt darauf an. Bei WordPress in Ordnung zu sein ist einfach. Um mit WordPress großartig zu sein, bedarf es jedoch eines kleinen Extras. Das Erlernen einer oder zwei Programmiersprachen ist wahrscheinlich der beste Ausgangspunkt, um damit großartig zu werden. Aber es gibt so viele verschiedene Sprachen, die in der Webentwicklung verwendet werden, und es kann beängstigend sein, herauszufinden, wo man anfangen soll.

Keine Sorge, Freund. Ich hab dich.

PHP

Entgegen meiner Meinung ist PHP kein Tippfehler, wenn ich nicht auf Yelp nach leckerem vietnamesischem Essen suche. Es ist die grundlegende Programmiersprache von WordPress und das Rückgrat von über 80% des Internets. Diese beiden Fakten zusammen sollten ausreichen, um PHP zu lernen.

Wenn PHP Ihre erste Programmiersprache ist, kann es einschüchternd sein, aber es kann ziemlich einfach sein. Im Fall von Divi können Sie sich single.php (die Datei, die eine einzelne Seite ausführt) ansehen und Folgendes sehen: 

<?php
 
get_header();
 
$is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() );
 
?>

Der Code erfasst den Header, prüft, ob der Page Builder verwendet wurde, und erfasst dann den Inhalt anhand seiner zugewiesenen ID. Das ist eine einzelne Datei, die rauseilt und den Inhalt aus der Datenbank holt, anstatt Dutzende (oder Hunderte oder Tausende) von HTML-Seiten zu haben, die von Ihrer Seite einzeln angegeben werden müssen.

Das ist eine sehr dynamische Funktionalität, und PHP war eine der allerersten Möglichkeiten, die dynamische Websites ermöglichte. Es verwendet einen Interpreter, um den PHP-Code (der oft mit HTML kombiniert wird) zu parsen und bestimmte Aktionen basierend auf bestimmten Bedingungen durchzuführen. Im Grunde ist es die Sprache, die WordPress zu WordPress macht.

Wenn Sie wesentliche Änderungen vornehmen und tiefer in WordPress eintauchen möchten, benötigen Sie PHP. Alle Funktionen, die Sie hinzufügen möchten, sind in PHP geschrieben. Plugins? Sie haben es erraten: geschrieben in PHP.

Trotz des Rufs, unfreundlich zu sein, haben die neueren Versionen der Sprache sie viel effizienter und benutzerfreundlicher gemacht. Im Jahr 2014 war das Aufspüren von Fehlern und das Beheben von altem Code wie der Versuch, eine einzelne Nudel in einem Stück aus einer Schüssel Spaghetti zu ziehen. Das Debuggen von PHP im Jahr 2017 ist jedoch eher wie das Auflösen eines locker gestrickten Pullovers – Sie finden, was Sie wollen, und ziehen einfach, bis es fertig ist.

Und je mehr Updates am WP-Kern vorgenommen werden, desto einfacher und weniger einschüchternd wird das PHP, mit dem Sie interagieren. Man kann mit Sicherheit sagen, dass PHP die beste Programmiersprache ist, um mit WordPress zu arbeiten.

Beispiel-PHP-Code

Der WordPress-Codex und die Entwicklerressourcen sind großartige Ausgangspunkte, wenn Sie sich ansehen, wie PHP in WP verwendet wird. Dies ist beispielsweise der Code, der den Inhalt des Beitrags anzeigt. Beachten Sie, dass es sich um eine Kombination aus HTML-Tags und PHP-Skripten handelt: 

function the_content( $more_link_text = null, $strip_teaser = false) {
    $content = get_the_content( $more_link_text, $strip_teaser );
 
    /**
     * Filters the post content.
     *
     * @since 0.71
     *
     * @param string $content Content of the current post.
     */
    $content = apply_filters( 'the_content', $content );
    $content = str_replace( ']]>', ']]&gt;', $content );
    echo $content;
}

Wenn Sie Ihre Installation auf eine Multisite einrichten möchten, fügen Sie einfach Ihrer wp-config.php hinzu .

Um die Speichergrenzen vom Standard (der selten hoch genug ist) zu erhöhen, setzen Sie 

define( 'WP_MEMORY_LIMIT', '512M' );

in Ihre wpconfig.php .

JavaScript

JavaScript ist eine interessante Programmiersprache. Ursprünglich für Benutzerinteraktion und Frontend-Entwicklung entwickelt, hat sich JavaScript in den letzten Jahren zum neuen Trend entwickelt. JavaScript ist heute eine Full-Stack-Sprache (d. h. sie funktioniert mit Front-End-Browsern und Back-End-Datenbanken und -Servern) und ist die am schnellsten wachsende Programmiersprache im Internet.

Mit Plattformen wie Ember.js, Node.js, React und AngularJS wird die Lücke zwischen dem Anteil des Internets, der auf PHP und JavaScript basiert, immer kleiner.

Diese Allgegenwart bedeutet, dass JavaScript Ihre erste Wahl sein sollte, wenn Sie nach einer Möglichkeit suchen, in Zukunft mit WordPress Schritt zu halten. Obwohl WP auf PHP aufbaut, sind jetzt etwa 27 % des Kerncodes in JS geschrieben. Und diese Zahl wird nur steigen, wenn mehr Updates und Beiträge gemacht werden.

JS ist eine objektorientierte Programmiersprache, was bedeutet, dass Sie „Objekte einrichten, um Dinge der realen Welt zu modellieren, die wir in unseren Programmen darstellen möchten, und/oder eine einfache Möglichkeit bieten, auf Funktionen zuzugreifen, die sonst schwer oder unmöglich zu erstellen wären Gebrauch von." Kurz gesagt, es hält Sie davon ab, viel sich wiederholenden Code zu schreiben, die Arbeit schneller zu erledigen und Ihr Leben einfacher zu machen.

Ist es die beste Programmiersprache zum Lernen? Vielleicht. Wenn Sie sich für JavaScipt entscheiden, werden Ihre Arbeitsplatzsicherheit und Ihre Nachfrage im WordPress-Bereich immer besser, und wenn Sie sich entscheiden, über unsere Community hinaus zu expandieren, werden Sie aufgrund Ihrer Expertise einen klaren Wettbewerbsvorteil haben (insbesondere, wenn Sie auch in PHP arbeiten).

Beispiel-JavaScript-Code für WordPress

Make WordPress ist eine erstaunliche Ressource, wenn Sie sehen möchten, wie PHP oder JavaScript in Kernaktualisierungen der Software verwendet wird. Sie haben einige großartige Beispiele dafür, wie Ihr Code aussehen sollte, insbesondere in Bezug auf Standards, die zwischen PHP und JS geteilt werden. 

var i;
 
if ( condition ) {
    doSomething( 'with a string' );
} else if ( otherCondition ) {
    otherThing({
        key: value,
        otherKey: otherValue
    });
} else {
    somethingElse( true );
}
 
// Unlike jQuery, WordPress prefers a space after the ! negation operator.
// This is also done to conform to our PHP standards.
while ( ! condition ) {
    iterating++;
}
 
for ( i = 0; i < 100; i++ ) {
    object[ array[ i ] ] = someFn( i );
    $( '.container' ).val( array[ i ] );
}
 
try {
    // Expressions
} catch ( e ) {
    // Expressions
}

HTML

Technisch gesehen ist HTML keine Programmiersprache. Es ist eine Auszeichnungssprache (schließlich ist es ein Akronym für Hypertext-Auszeichnungssprache). Der Unterschied besteht darin, dass Programmiersprachen auf Funktionen, Objekten, Automatisierung und Interaktivität basieren. Beim Markup geht es darum, das zu markieren (sehen Sie, was ich das gemacht habe?), was Benutzer sehen. Sie erhalten Code, um Tabellen zu erstellen, Bilder einzufügen und Text zu formatieren. HTML hat dazu geführt, dass Geocities- und MySpace-Seiten damals so großartig(?) aussahen.

HTML an sich ist statisch (obwohl HTML5 eine Reihe neuer, dynamischer Strukturen eingeführt hat). Wenn Sie überhaupt mit WordPress arbeiten möchten, ist HTML die einzige Sprache, in der Sie Kenntnisse benötigen. Auch wenn WordPress mehr visuelle Inhalte, Themen und Stile bearbeitet, werden HTML-Kenntnisse nie ganz verschwinden.

HTML ist jedoch ziemlich einfach. Sie fügen Links hinzu und zeigen Text an. Sie trennen Absätze, erstellen Tabellen und fügen Bilder ein. Es ist wirklich das Skelett jeder Seite im Internet. Es ist so grundlegend, dass es Sie absolut Arbeitsplätze kosten wird, wenn Sie es nicht wissen (zumindest genug, um gefährlich zu sein). HTML ist definitiv die beste Programmiersprache, die es zu lernen gilt.

HTML-Code-Beispiel 

<html>
  <head>
    <title>BJ's Awesome HTML Page</title>
  </head>
  <body>
    <h2>This is my awesome website</h2>
      <p>I wrote this in HTML. How about them apples?</p>
      <p><strong>I even made this paragraph bold. You like that, right?</strong></p>
      <p><a href="/linked-page">This is a link to a different page on the same website!</a></p>
  </body>
</html>

beste Programmiersprache zum Lernen - WordPress HTML Sample

CSS

Heutzutage können Sie nicht nur über HTML-Kenntnisse verfügen. Sie müssen auch mit CSS vertraut sein. Da dies nicht 1997 ist und Sie keine Geocities-Site erstellen, müssen Sie beide Auszeichnungssprachen verwenden, um etwas zu erledigen.

Denken Sie an CSS und HTML wie Leslie Knope und Ann Perkins: BFFs, die Sie einfach nicht trennen können, wenn Sie es versuchen. CSS steht für Cascading Style Sheet – mit dem Fokus auf Style . Ja, Sie haben es erraten, CSS ist das, was Sie verwenden, um die Dinge hübsch zu machen, um Ihre HTML-Seiten von Geocities auf alles andere umzuwandeln. Das allein macht es zu einem Anwärter auf die beste Programmiersprache, die man lernen kann.

CSS ist das, was Sie verwenden, um Elemente zu animieren, da wir weder Flash noch Shockwave verwenden. Erinnerst du dich an sie? Ach, Erinnerungen. Wir verwenden CSS, um Elemente zu verschieben, zu stapeln, zu formen (ja, Sie können CSS verwenden, um alle möglichen verrückten Formen zu erstellen) und Ihre Website durch alle Bereiche springen zu lassen, die Sie möchten.

Das Besondere an CSS ist, dass es zwar in-line mit HTML verwendet werden kann (fügen Sie einfach die 

style=""

Tag zu einem Element), sollte es nicht sein. Die Seite rendert jede Instanz des Tags einzeln, was Ihre Seite erheblich verlangsamt.

Geben Sie das Stylesheet ein . Sie kennen vielleicht eine Kleinigkeit namens custom.css . Wenn Sie eine separate Datei verwenden, um alle Stile von einem Ort aus aufzurufen, wird sie nur einmal geladen. Sie entscheiden, ob ein Element eine Klasse oder eine ID benötigt (eine Klasse wird im gesamten Stall mehrmals verwendet, während eine ID für etwas gilt, das genauere Aufmerksamkeit erfordert).

Stellen Sie es sich wie die Objekte, über die wir oben mit JavaScript gesprochen haben, oder Funktionen in PHP vor. Sie möchten keinen Code replizieren und Ihre Serveranforderungen minimal halten. Mit Stylesheets können Sie den Server einmal aufrufen und mehrmals anwenden.

CSS-Beispielcode

Ich persönlich behalte eine benutzerdefinierte.css-Skelettdatei, die ich in jede neue Site, an der ich arbeite, kopiere/einfüge. Natürlich bearbeite ich es jedes Mal ausgiebig, aber eine grundlegende Vorlage zu haben, spart viel Zeit, wenn Sie die gleichen Elemente für jede Site gestalten möchten. Dies ist der Anfang davon, damit Sie sehen können, wovon ich spreche.

 
body {
    font-family: "Roboto", arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
}
 
h1, h2, h3, h4, h5, h6 {
    color:  #fff;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
}
 
h1 {
    font-size: 2.75rem;
    margin: 40px 0px;
    font-weight: 400;
}
 
h2 {
    font-size: 32px;
    line-height: 35px;
}
 
h3 {
    font-size: 24px;
    line-height: 32px;
}
 
h4 {
    font-size: 24px;
    line-height: 28px;
}
 
h5 {
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
}
 
h6 {
}
 
.widgettitle {
    text-align: center;
}

Wie bei HTML kommt man um CSS-Kenntnisse nicht herum. Obwohl sie getrennt sind, passen sie zusammen wie Süßkartoffeln und Jalapenos (versuchen Sie es, wenn Sie mir nicht glauben).

Welche ist die beste Programmiersprache zum Lernen?

Sie wissen jetzt, was Sie lernen müssen, aber wo sollten Sie anfangen? Es gibt keinen Mangel an Ressourcen, um eine Programmiersprache zu lernen, aber ich bin wirklich ein Teil der drei folgenden. Ich habe diese drei Websites als meine wichtigsten Werkzeuge verwendet, als ich mich entschied, mich darauf vorzubereiten, freiberuflich tätig zu werden.

  • Codecademy – Kostenlose, praktische Kurse für jede Menge Programmiersprachen. Ihr In-Browser-Editor führt Sie Schritt für Schritt durch alles, was Sie wissen müssen.
  • CodeSchool – Wie Codecademy führen dich kostenlose, praxisorientierte Kurse durch die Sprache deiner Wahl. Sie neigen dazu, ihren Unterricht mit Dingen wie Zombies zu thematisieren, um sie interessant zu halten.
  • Team Treehouse – Nicht wie die anderen beiden kostenlos, ist Team Treehouse eher eine Online-Schule als eine der anderen. Sie verwenden Tracks, die sich anfühlen, als würden Sie in einer Klasse über ein bestimmtes Thema Ihrer gewählten Programmiersprache sprechen.
  • Der Elegant Themes Blog – Wir sind kein Programmierblog, aber es gibt unzählige Artikel wie den, den ich hier verlinkt habe, in denen die besten Ressourcen zum Programmieren lernen. Ich persönlich mag diejenigen, die verschiedene Texteditoren wie Sublime Text und Notepad++ diskutieren. Ich liebe es einfach, neue Texteditoren auszuprobieren.

Diese Sprachen sind nicht Ihre einzigen Optionen, aber sie sind die Grundlagen, auf denen WordPress aufbaut. Wenn Sie also nach der besten Programmiersprache zum Erlernen suchen, tun Sie sich selbst einen Gefallen und machen Sie sie zu einer dieser Sprachen, mmmkay?

Miniaturansicht des Artikels von Fernandodiass / shutterstock.com