Seite85-WordDrücken Sie Programmier-Tutorials: Lernen SieWordDrücken Sie Online-php.cn

Article Tags

WordDrücken Sie

Heim

Technical articles

CMS-Tutorial

WordDrücken Sie

RWD: WordPress kann mehr als nur Design

Als Webentwickler möchte fast jeder Kunde, mit dem wir zusammenarbeiten, eine mobile Version seiner Website haben. Da Bildschirmgrößen und Auflösungen immer mehr variieren, wird es unmöglich oder zumindest unpraktisch sein, eine Website für jedes verfügbare Gerät und jede Bildschirmauflösung zu entwerfen. In diesem Artikel beginnen wir auf einer grundlegenden Ebene und definieren zunächst, was responsives Webdesign ist, warum es wichtig ist und einige kurze Überlegungen, die beim Brainstorming einer responsiven WordPress-Website berücksichtigt werden müssen. Was ist responsives Webdesign? Wikipedia definiert RWD als: Ein Webdesign-Ansatz, der darauf abzielt, Websites zu erstellen, die mit minimalem Aufwand das beste Seherlebnis, einfache Lesbarkeit und Navigation auf einer Vielzahl von Geräten, von Mobiltelefonen bis hin zu Desktop-Computermonitoren, bieten

Aug 29, 2023 pm 05:57 PM

Begeben Sie sich auf ein WordPress 3.5-Abenteuer

Hoffentlich wurden alle Ihre WordPress-Installationen bisher erfolgreich auf Version 3.4 aktualisiert. Eines der aufregendsten Dinge an einer Veröffentlichung ist es, an der nächsten zu arbeiten! Unten finden Sie eine Vorschau auf das, was in der letzten Sitzung zur Festlegung des Umfangs des WordPress 3.5-Entwicklungschats besprochen wurde. Zunächst ein wichtiger Hinweis, dass alle im WordPress-Entwickler-Chat dieser Woche besprochenen Informationen noch äußerst vorläufig sind. Auch wenn über eine bestimmte Funktion oder Änderung gesprochen wird, kommt sie möglicherweise nicht in WordPress 3.5 zum Einsatz oder sie unterscheidet sich am Ende von dem, was ursprünglich besprochen wurde. Wenn also WordPress 3.5 veröffentlicht wird und es nicht so aussieht, worüber ich sprechen werde, wurden Sie gewarnt

Aug 29, 2023 pm 04:57 PM

Selten verwendete jQuery-Selektoren

Selektoren sind entscheidend. Die meisten jQuery-Methoden erfordern eine Art Elementauswahl, damit sie funktionieren. Wenn Sie beispielsweise ein Klickereignis an eine Schaltfläche anhängen möchten, müssen Sie zunächst die Schaltfläche auswählen. Da gängige jQuery-Selektoren auf vorhandenen CSS-Selektoren basieren, sind Sie wahrscheinlich sehr vertraut mit ihnen. Allerdings gibt es einige Selektoren, die nicht weit verbreitet sind. In diesem Tutorial werde ich mich auf diese weniger bekannten, aber wichtigen Selektoren konzentrieren. All Selector (*) Dieser Selektor wird korrekt als universeller Selektor bezeichnet, da er alle Elemente im Dokument auswählt, einschließlich class="inline">,*").find("li") ist besser als $(&qu

Aug 29, 2023 pm 03:25 PM

Kostenloses WordPress-Videoplayer-Plugin

Videos sind zu einem wichtigen Bestandteil vieler großer Websites geworden. Dies liegt daran, dass Videos ein noch intensiveres Benutzererlebnis bieten als Text, Bilder oder Audio. Darüber hinaus sind Videos möglicherweise ein besseres Medium für einige Inhalte, beispielsweise für Software oder Entwicklungs-Tutorials. Wenn Sie planen, Ihrer Website Videos hinzuzufügen, aber nicht das richtige Plugin finden, hilft Ihnen dieser Artikel. Ich gebe Ihnen einen kurzen Überblick über fünf beliebte und kostenlose WordPress-Videoplayer-Plugins. Bevor ich fortfahre, sollte ich erwähnen, dass kostenlose Plugins möglicherweise nicht alle Funktionen bieten, die Ihre Website benötigt. Sie können sich auch diese Premium-WordPress-Videoplayer-Plugins von CodeCanyon ansehen, die Ihren Benutzern mehr Funktionen und eine schöne Benutzeroberfläche bieten. Auch wenn Sie mit C beginnen

Aug 29, 2023 pm 03:13 PM

插件视频播放器WordPress

Live-Chat mit NodeJS, Socket.io und ExpressJS

Mit NodeJS kann ich Backend-Code in einer meiner Lieblingssprachen schreiben: JavaScript. Es ist die perfekte Technologie zum Erstellen von Echtzeitanwendungen. In diesem Tutorial zeige ich Ihnen, wie Sie mit ExpressJS und Socket.io eine Web-Chat-Anwendung erstellen. Einrichten der Umgebung Als Erstes müssen Sie natürlich NodeJS auf Ihrem System installieren. Wenn Sie ein Windows- oder Mac-Benutzer sind, können Sie nodejs.org besuchen und das Installationsprogramm herunterladen. Wenn Sie Linux bevorzugen, empfehle ich Ihnen, auf diesen Link zu verweisen. Ich werde hierauf zwar nicht näher eingehen, aber wenn Sie auf Installationsprobleme stoßen, helfe ich Ihnen gerne weiter; hinterlassen Sie einfach einen Kommentar unter diesem Artikel. Nach der Installation von NodeJS,

Aug 29, 2023 pm 12:49 PM

SocketIOnodejsExpressjs实时聊天

Nutzen Sie KUTE.js effizient für Animationen: Teil 3, SVG-Animation

Das vorherige Tutorial dieser Reihe hat Ihnen gezeigt, wie Sie mit KUTE.js verschiedene CSS-Eigenschaften eines beliebigen Elements animieren. Die Kern-Engine ermöglicht es Ihnen jedoch nicht, Eigenschaften speziell für SVG-Elemente zu animieren. Ebenso können Sie Striche nicht verwenden, um SVG-Verformungen verschiedener Pfadformen oder das Zeichnen verschiedener SVG-Elemente zu animieren. Sie müssen das KUTE.jsSVG-Plugin verwenden, um diese Aufgaben auszuführen. Bevor Sie beginnen, denken Sie daran, dass Sie die KUTE.js-Kern-Engine und das SVG-Plugin einbinden müssen, damit die Beispiele in diesem Tutorial ordnungsgemäß funktionieren. Verwandeln von SVG-Formen Das Verwandeln einer SVG-Form in eine andere ist eine sehr häufige Funktion, auf die Sie stoßen werden. Das KUTE.jsSVG-Plugin bietet uns die Möglichkeit, ganz einfach benutzerdefinierte zu erstellen

Aug 29, 2023 pm 12:33 PM

KUTEjs (个字)高效使用 (个字)SVG动画化 (个字)

Hosten Sie eine WordPress-Website auf Google App Engine

Während WordPress als reine Blogging-Plattform begann, hat es sich zu einem vollständigen Content-Management-System entwickelt, das Benutzern die Möglichkeit bietet, Inhalte zu erstellen und zu veröffentlichen. Veröffentlichen Sie großartige Websites und Blogs. Die Plugin-Datenbank ist eine der größten und wächst weiter. Die Einfachheit der größten WordPress-Engine ist für mich sehr attraktiv. Es ist sehr wenig erforderlich, einen Blog auf WordPress-Basis einzurichten und zu betreiben. So einfach es auch klingt, minimal bedeutet nicht, dass es nicht nach Ihren eigenen Vorlieben geändert oder angefordert werden kann. Sie können Ihre WordPress-basierte Website in einen Fotoblog, ein professionelles Online-Portfolio, eine Nachrichten-Website, eine Online-Community oder sogar einen Online-E-Commerce-Shop verwandeln. Bei der Verwendung sind Ihnen nur durch Ihre Vorstellungskraft Grenzen gesetzt

Aug 29, 2023 am 11:33 AM

Erstellen Sie ein verschiebbares seitliches Navigationsmenü im responsiven Design

In diesem Tutorial erstellen Sie mithilfe von JavaScript und CSS ein erweiterbares Seitennavigationsmenü. Das Endprodukt sieht wie im Bild unten aus: 1. Markup erstellen Zuerst fügen wir etwas Markup für das Seitenmenü hinzu: × ÜberAug 29, 2023 am 09:01 AM

Lokalisieren Sie Stimulusanwendungen mit I18Next

In meinem vorherigen Artikel habe ich Stimulus vorgestellt – ein einfaches JavaScript-Framework, das von Basecamp erstellt wurde. Heute werde ich über die Internationalisierung von Stimulus-Anwendungen sprechen, da das Framework keine sofort einsatzbereiten Internationalisierungstools bereitstellt. Die Internationalisierung ist ein wichtiger Schritt, insbesondere wenn Ihre Anwendung von Menschen auf der ganzen Welt verwendet wird. Daher kann ein grundlegendes Verständnis der Internationalisierung sehr hilfreich sein. Natürlich liegt es an Ihnen, zu entscheiden, welche Internationalisierungslösung Sie implementieren möchten, sei es jQuery.I18n, Polyglot oder etwas anderes. In diesem Tutorial möchte ich Ihnen ein beliebtes I18n-Framework namens I18next zeigen, das viele coole Funktionen bietet und

Aug 28, 2023 pm 11:53 PM

Konvertierungen und Transformationen von JavaScript-Arrays

Arrays sind eine grundlegende und leistungsstarke Datenstruktur in der Programmierung. Ihre Leistungsfähigkeit beruht nicht nur auf der Fähigkeit, mehrere Objekte oder Werte zu speichern. Sie stellen außerdem eine Vielzahl von Tools zur Verfügung, die die Manipulation und Nutzung der darin enthaltenen Daten erleichtern. Wir müssen Arrays häufig ändern, um bestimmte Anforderungen zu erfüllen. Beispielsweise müssen Sie möglicherweise die Objekte in einem Array neu organisieren, sodass sie nach dem Wert einer bestimmten Eigenschaft sortiert werden, oder Sie müssen möglicherweise mehrere Arrays zu einem einzigen Array zusammenführen. In vielen Fällen müssen Sie möglicherweise ein Array von Objekten vollständig in ein anderes Array völlig unterschiedlicher Objekte konvertieren. In diesem Tutorial erfahren Sie mehr über die Tools, die JavaScript zum Zusammenführen, Kopieren, Transformieren und Filtern von Arrays bereitstellt. Bevor ich jedoch anfange, muss ich darauf hinweisen, dass ich zwar die Begriffe „zusammenführen“, „transformieren“ verwende

Aug 28, 2023 pm 11:41 PM

JavaScript beherrschen: Teil 3, Schleifen erkunden

Angenommen, Ihre Aufgabe besteht darin, ein Programm zu schreiben, das die Zahlen 1 bis 100 anzeigt. Eine Möglichkeit, dies zu erreichen, besteht darin, 100 console.log()-Anweisungen zu schreiben. Aber ich bin mir sicher, dass Sie das nicht tun werden, denn Sie werden die Zeile neun oder Zeile zehn satt haben. Der einzige Teil, der sich in jeder Anweisung ändert, ist die Zahl, daher sollte es eine Möglichkeit geben, nur eine Anweisung zu schreiben. Es gibt auch Schleifen. Mit Schleifen können wir eine Reihe von Schritten innerhalb eines Codeblocks wiederholen. While-Schleife Do-While-Schleife For-Schleife Array For-Of-Schleife For-In-Schleife While-Schleife Eine While-Schleife führt wiederholt eine Reihe von Anweisungen aus, wenn eine Bedingung den Wert „true“ ergibt. Wenn die Bedingung falsch ist, verlässt das Programm die Schleife. Diese Art von Schleife testet eine Bedingung, bevor die Iteration ausgeführt wird. Iteration ist eine Schleife

Aug 28, 2023 pm 10:37 PM

Ein spannender Kaffeepausenkurs zur Einführung in Angular Controller

AngularJS ist für viele Webentwickler zum Framework der Wahl geworden. Es handelt sich um eine All-in-One-Lösung zum schnellen Erstellen von Front-End-Webanwendungen für einzelne Seiten. Ein Kompromiss besteht jedoch darin, dass wir uns mit den Einschränkungen des Systems auseinandersetzen müssen. Eine davon sind Kommunikationsschwierigkeiten zwischen Controllern. Wir haben gerade einen neuen Kaffeepausenkurs mit dem Titel „Datenaustausch zwischen Angular Controllern“ gestartet. Bei unseren Kaffeepausenkursen handelt es sich um superkurze Kurse, die darauf ausgelegt sind, eine neue Fähigkeit oder ein neues Konzept auf einmal zu vermitteln. In diesem Kurs zeigt Ihnen der EnvatoTuts+-Lehrer Reggie Dawson einige einfache Techniken für den Datenaustausch zwischen Angular-Controllern. Sie erfahren, wie Sie Daten über Dienste weiterleiten, und Sie erfahren auch, wie Sie Parameter und den Router-Status übergeben

Aug 28, 2023 pm 10:09 PM

Entdecken Sie die HTML5-Seitensichtbarkeits-API

Früher hatten unsere Browser keine Tab-Browsing-Funktion, aber heute können wir bei einem Blick auf alle verfügbaren Browser erkennen, dass alle Browser diese Funktion bieten. Als Programmierer habe ich normalerweise 10–15 Tabs gleichzeitig geöffnet, und manchmal sind es mehr als 25–30. Warum diese API verwenden? Bisher gab es keine Möglichkeit festzustellen, welcher Tab aktiv war, aber mithilfe der HTML5VisibilityAPI können wir erkennen, ob ein Besucher unsere Webseite anzeigt. In diesem Tutorial schauen wir uns den Umgang mit der HTML5Visibility-API an und führen eine einfache Demonstration durch, um den Status der Seite zu ermitteln. In dieser Demo basieren wir die Seite auf dem, was sichtbar ist

Aug 28, 2023 pm 07:33 PM

HTML页面可见性API探索编程

Effiziente Textanimation mit KUTE.js: Teil 4, Textanimation

Im zweiten Tutorial dieser Reihe haben Sie gelernt, wie Sie mit KUTE.js verschiedene CSS-Eigenschaften von Elementen auf einer Webseite animieren. Sie haben gelernt, wie Sie alle Transformationseigenschaften sowie Eigenschaften wie „Rahmenradius“ und „Rahmenfarbe“ animieren. Sie können CSS-Plugins auch verwenden, um CSS-Eigenschaften wie Schriftgröße, Zeilenhöhe, Buchstabenabstand und Wortabstand zu animieren. KUTE.js verfügt außerdem über ein Text-Plugin, mit dem Sie Text in verschiedenen Elementen animieren können, indem Sie Zahlen wie Countdowns erhöhen oder verringern oder Zeichenfolgen Zeichen für Zeichen schreiben. In diesem Tutorial erfahren Sie, wie Sie die CSS- und Text-Plugins in KUTE.js verwenden

Aug 28, 2023 pm 06:05 PM