Computer: WordPress: Nice Permalinks with Apache mod_rewrite and AllowOverride FileInfo

Gehört zu: WordPress

WordPress: Nice Permalinks with Apache mod_rewrite and AllowOverride FileInfo

My WordPress installation has configured the permalinks as “post name”.

In order to make this really happen, I had to activate within Apache the “rewrite-module mod_rewrite.so” and allow something for the “.htaccess”.

Allowing for .htaccess means changing my Apache conf-file as follows:

  • FollowSymlinks
  • AllowOverride FileInfo

Computer: WordPress: Graphics SVG, PPT, ODG, VSD, SWF

Gehört zu: WordPress
Siehe auch: WordPress Plugins, SVG Grafiken, InkScape, Google Drive

Grafiken in WordPress: SVG, PPT, ODG, VSD, SWF

Auch in WordPress-Artikeln und -Seiten möchte man ja ab und zu auch schöne Vektorgrafiken einbauen – nicht nur Pixel-Bilder.

Dabei ergeben sich mindestens zwei Fragen:

  • Grafik-Formate: Wie erstelle ich eine Grafik? Kann WordPress die Grafik darstellen?
  • Grafik-Speicherung: Wo werden die Dateien gespeichert?   (WordPress-Host, Flickr, Google, OneDrive,…?)

Für Grafiken, auch Diagramme oder Zeichnungen genannt, gibt es verschiedene Formate:

  • SVG Scalable Vector Grafics
  • PPT Microsoft PowerPoint
  • ODG Grafikformat aus LibreOffice Draw
  • VSD Microsoft Visio – konvertiert zu SVG
  • SWF Adobe Flash – veraltet
  • FLA Freehand

Bei der Speicherung der Grafiken sind je nach Format (SVG, SWF, ODG, VSD, PPT,…) unterschiedliche Lösungen möglich, wo bei schon das Upload solcher Grafiken ein Problemchen sein kann.

Graphics Format SVG

Ich kann ganz einfach SVG-Dateien erstellen, die in WordPress-Artikel eingebunden werden können.

SVG Graphics erstellen

Zum Erstellen und Bearbeiten von SVG-Grafiken benutze ich die Software:

  • InkScape
  • LibreOffice Draw

Einzelheiten dazu unter: InkScape und …

Sonderzeiche z.B. griechische Buchstaben können in Textfeldern als Unicode eingegeben werden. Dazu nimmt man die Tasten: Strg+U -> 4-stelliger Unicode -> Enter. Beispielsweise: delta = 03B4, phi = 03C6,…

SVG Graphics einbinden in WordPress per PlugIn

Eine SVG-Grafik kann einfach über im IMG-Tag in HTML eingebunden werden. In WordPress wird das wie folgt unterstützt.

Das Plugin “SVG Support” ermöglicht es, SVG-Dateien in die WordPress Media Library hochzuladen…

Wenn die SVG-Dateien dann in der Media Library stehen, kann man die “normal” d.h. wie andere Bilder auch, in WordPress-Artikel einbinden.

Die Speicherung der SVG-Dateien erfolgt in diesem Falle also innerhalb von WordPress in der WordPress Media Library d.h. beim Web-Hoster.

SVG Upload

Source: https://wordpress.org/support/topic/svg-upload-not-allowed

SVG upload not allowed?? (9 posts)

  1. I’m trying to put an SVG image into a post, but I can’t upload it.

    “Harajuku map.svgz” has failed to upload due to an error
    Sorry, this file type is not permitted for security reasons.

    What gives?! It’s just an image!

  2. You can overcome the security warning by adding this to your current themes functions.php file.

    add_filter('upload_mimes', 'custom_upload_mimes');
    
    function custom_upload_mimes ( $existing_mimes=array() ) {
    
    	// add the file extension to the array
    
    	$existing_mimes['svg'] = 'mime/type';
    
            // call the modified list of extensions
    
    	return $existing_mimes;
    
    }

    Then you should be able to upload files with an .svg extension

     

SVG Graphics in Google Drive speichern

Man kann SVG-Grafiken aber auch woanders als beim WordPress-Hoster in der dortigen WordPress-Media-Library speichen, z.B. auf Google Drive.

Dateien von Google Drive kann man mit dem WordPress-Plugin “Google Drive Embedder” dann wiederum in WordPress-Posts enbinden.

Graphics Format PPT

xyz

Graphics Format ODG

xyz

Graphics Format VSD

VSD-Grafiken stammen aus Microsoft Visio. Ich konnte viele Grafiken aus PPTs leicht als VSD-Grafiken kopieren und abspeichern (dank an Microsoft).

Heute konnte ich feststellen, dass LibreOffice Draw solche VSD-Dateien direkt öffnen kann. Wir können sie aus LibreOffice Draw dann Exportieren als SVG bzw. abspeichern als ODG.

Alle VSD-Dateien wurden so konvertiert. Stand 13.2.2020.

Graphics Format SWF

Dieses Format ist veraltet und wird auf meinem WordPress durch SVG ersetzt.

Plugin Method

Source: http://www.wpbeginner.com/wp-tutorials/how-to-embed-swf-in-wordpress-posts/

First, you need to download and install Easy Flash Embed Plugin for WordPress. This plugin is so simple that no settings are even added to your admin menu. All you have to do is used a shortcode when you are creating your posts like this:

1

Simply replace the src attribute with a link to your flash file and adjust height and width accordingly.

Download Easy Flash Embed plugin.

Agility

Code Method

For those of you who would like more control over your code we are now going to show you how to embed flash files directly into your WordPress posts, pages, or even themes. Although people have come up with numerous methods for doing this over the years the easiest and most standards compliant way is to use the <object> element.

The final code looks like this:

01 <object id="flashcontent"
02         classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
03         width="550px"
04         height="400px">
05   <param name="movie" value="mymovie.swf" />
06  
07   <!--[if !IE]>-->
08   <object type="application/x-shockwave-flash"
09           data="mymovie.swf"
10           width="550px"
11           height="400px">
12   <!--<![endif]-->
13  
14     <p>
15       Fallback or 'alternate' content goes here.
16       This content will only be visible if the SWF fails to load.
17     </p>
18  
19   <!--[if !IE]>-->
20   </object>
21   <!--<![endif]-->
22  
23 </object>

Note that you are using 2 <object> elements. The outer element is targeting Internet Explorer while the inner element is for all the other browsers. You can change your fallback text if necessary. You can also add extra <param> options like wmode or allowScriptAccess.

P.S. you should always use wmode=transparent, so your embed doesn’t override existing content such as a floating bar. Check out our article on how to prevent Youtube oEmbed from overriding content.

Computer: Evolution from B2/Cafelog to WordPress 1.0

Gehört zu: WordPress

Evolution of WordPress: B2/Cafelog to WordPress 1.0

by on July 14th, 2008 in WordPress

A few days ago we had told you what you should know about WordPress 2.6. The post described new features that will be introduced shortly in WordPress 2.6. Though there are several new features that you may like in this new version, there might be many that have gone unnoticed that were introduced in the earlier versions of WordPress. To quell the anticipation that users might have for the latest version, we wanted to write a series of posts that will cover WordPress from its infancy to WordPress 2.5 (the latest major version) that many of you use.

The WordPress team has been naming their major releases after popular Jazz legends and we will take a look at code names for the past releases. Contine reading

Computer: WordPress Menüs – Navigation

WordPress Menüs – Navigation

Gehört zu: WordPress

Menüs zur Navigation zu WordPress-Seiten, kann man ja sehr intuitiv im WordPress-Backend unter dem Punkt “Design > Menüs” einrichten.

Zuvor muss jedes Menü aber “angemeldet” werden. Diese Anmeldung geschieht bei WordPress-Thems in der PHP-Datei “functions.php”.
Nachdem ein Menü in “functions.php” angemeldet wurde und im WordPress-Backend von seiner Struktur her definiert wurde, muss man als dritten Schritt noch für die Ausgabe des Menüs sorgen.

WordPress-Menü anmelden in “functions.php”

 
Die Anmeldung der Menüs erfolgt mit der PHP-Funktion “register_nav_menues()” und kann etwa wie folgt aussehen:
 
register_nav_menus( array(
             primary =>  Erstes Menu ,
             secondary => Zweites Menu,
             tertiary => Drittes Menu,
      ) ) ;
 
Man spricht von “slugs”  ( primary, secondary, tertiary) und “descriptions”  (Erstes Menu, Zweites Menu, Drittes Menu).
Die Bezeichnungen ‘Erstes Menu’, ‘Zweites Menu’ und ‘Drittes Menu’  erscheinen dann im WordPress-Backend unten unter Menü-Einstellungen – Position im Theme.

Menü-Strukturen definieren im WordPress-Backend unter Design > Menüs

 
Im WordPress-Backend werden nun Menü-Strukturen (Hierarchie von Seiten) definiert.  Die Seiten müssen zu diesem Zeitpunkt schon mal vorhanden sein – ggf. nur als Dummies mit leerem Inhalt o.ä.

Im WordPress-Backend  bekommt jede hier angelegte Menü-Struktur einen weiteren sprechenden Namen, der ausschließlich hier im WordPress-Backend zur Benennung und Auswahl (“Wähle ein Menü zum Bearbeiten:…” – richtiger Weise “Wähle eine Menü-Struktur….”) benutzt wird. Ich kann hier beliebig viele Menü-Strukturen definieren. Muss dann aber letztlich jedem angemeldeten Menü (s.o.) eine Menü-Struktur zuordnen. Dazu wird bei einer Menü-Struktur unten im WordPress-Backend unter Menü-Einstellungen – Position im Theme eine “Description” ( ‘Erstes Menu’, ‘Zweites Menu’ und ‘Drittes Menu’ ) angehakt.

WordPress-Backend-Menuestruktur.jpg

WordPress backend Menue-Struktur

WordPress-Menü Ausgeben auf die Web-Seite

 
Für die Ausgabe eines Menüs ist die Position (Ort)  auf der Web-Seite und die Gestaltung des Menüs (Farben, Schrift, Kästchengröße, Verhalten bei Klick, Hover etc.) anzugeben.
Typischweise ist der Ort eines Menüs im Header-Bereich – kann aber auch an anderen Stellen plaziert werden.
Die Ausgebe-Befehle (z.B. in der PHP-Datei “header.php”) erfolgt mit der PHP-Funktion “wp_nav_menu()” und kann etwa wie folgt aussehen:
   <?php
                      wp_nav_menu( array(
                          theme_location     => primary,
                          depth              => 2,
                          container          =>  div,
                          container_class    => collapse navbar-collapse navbar-ex1-collapse,
                          menu_class         =>  nav navbar-nav,
                          fallback_cb        => wp_bootstrap_navwalker::fallback,
                          walker             => new wp_bootstrap_navwalker())
                      ) ;
        ?>
Man sieht, dass hier die Menüs mit ihrem “slug” (also ‘ primary’, ‘ secondary’ etc.),  so wie bei der Anmeldung vergeben, identifiziert werden.
Die Gestaltung (Aussehen) des Menüs erfolgt dann durch die diversen CSS-Klassen ( z.B. “nav”, navbar-nav”) und das  “Walker-Objekt”…..

Computer: WordPress Desktop Blogging: 5 Tools Reviewed

Source: http://www.centernetworks.com/wordpress-desktop-blogging

I was about to write a blog post when it hit me. It was like a blinding realization… a moment of pure truth. I hate the WordPress post editor. In fact, I’m not too fond of the entire admin area, but I love wordpress as a whole package. So, why haven’t I researched desktop WordPress clients? And thus, the idea for this post was born. To my amazement, I found that there were quite a few blog administrator applications for the desktop. For my particular application, though it had to meet a few requirements.

  • It has to administer WordPress
  • It has to run on windows

Contine reading