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: How I Rooted my Acer Iconia A500

Gehört zu: Tablets
Siehe auch: Android

My Dedication to the Android Tablet “Acer Iconia Tab A500”

Last year I bought the tablet Acer Iconia Tab A500 with Android 3.0 (“Honeycomb”) preinstalled.

When I started up the A500, it immediately updated to Android 3.2.1.

I was quite staisfied with this 10″ tablet, I loved especially:

  • the fast processor
  • the nice display which reacts very fast and precisly to the finger guestures
  • the fully-blown USB host

The major weak point in my judgement is:

  • Can not be recharged via USB (but I found a car charger finally, that is kind of half of the solution)

Decision to flash the A500 ROM

My decision now not to treat my Acer A500 tablet as a professional working platform, but only as a kind of “toy” was influenced by:

  • Acer did announce to deliver upgrades to Android 4.0 (Ice Cream Sandwch = ICS) for April 27, 2012 but nothing happeded util now (26. May 2012)
  • Relevant Apps on the A500 requrie the device to be “rooted” (Titanium Backup, ClockSync, Cisco Any Connect)
  • My colleagues more and more are using iPads

So i now give to the A500 the status of beeing a “toy” while planning to move to the iPad some time during the year.

How I flashed the A500

The steps:

  • Honeycomb 3.2.1 (jargon: “HC3.2.1”) is not rootable
  • So we have to go back to an older Android version: 3.0.1
  • We have to download a appropiate ROM image, ……
  • Then install that older Android version (jargon: “flash the ROM” ) using the normal (jargon: “stock”) ROM update procedure (Recovery Mode) ……
  • Root that Android 3.0.1 with a tool named Iconiaroot-1.3.apk
  • Install CWM (= ClockworkMod Manager) which replaces the “normal” (jargon: “stock”) recovery procedures with more options. This requires a “rooted” Android version….
  • Decide which alternative Android ROM image you want to installl (jargon: “flash”)
  • Download that ROM image of choice
  • Install that ROM image (jargon: flash) by using CWM

In detail

General weblinks:

Downgrade your Android to version 3.0.1

  • Download file “downgrade_not_stable.zip” from http://netload.in/dateiExhRzE8Tbs.htm
  • Unzip and put file “update.zip” on the external micro SD-card of the Acer Iconia Tab A500
  • Power down the Acer A500
  • Power up the Acer A500 into it’s normal Upgrade Mode (Recovery Mode) i.e. you must hold the “Volume Down” key while pressing the power button. This will “Upgrade” (jargon: “flash”) the system ROM with the file “update.zip” on the external Micro SD.card

Root your Android 3.0.1

Install CWM

  • CWM stands for “ClockworkMod Manager”
  • CWM extends the actions you can perform in Recovery Mode
  • Download file ww-9.2.1.11-CWM-full-rooted.zip from: http://tegraowners.com/?cat=7
  • Install
  • use….

Chose a ROM, that you want to install (jargon: Flash that ROM) on the Acer A500

  • Thor A500 ROM V14.2
  • Download the ROM from http://tegraowners.com/?p=1272
  • Put the ROM on the external Micro SD Card of the A500
  • Reboot the A500 into Recovery mode (CWM)
  • in CWM:
    • Wipe data / factory reset
    • Wipe cache partition
    • Advanced –> Wipe Dalvik cache (Java Virtual Machine)
    • Intsall ZIP from SD Card
    • Select the ZIP file for flashing
    • …..

Jargon

  • ICS = Ice Cream Sandwich (Android 4.0)
  • HC = Honeycomb  (Android 3.2.6)
  • CWM = ClockworkMod
  • Stock = the “normal” things delivered with a device by the manufacturer / vendor

The Image “Thor A500 ROM V14.2”

List of A500 ROMs: http://forum.tegraowners.com/viewforum.php?f=9

  • Is “rooted” so we can install all the apps that require root access rights, like Titanium Backup,…
  • Is Android 3.2.1 with pieces from ASUS
  • Tapping on “Recent Apps” produces a screen shot
  • “Quick Controls” can be enabled and disabled through the settings dialogue
  • ASUS battery icon (small and showing the charging percentage)
  • App QuickBoot is included
  • App AmazonKindle is included
  • App DriveMount is included
  • You can overclock and underclock the CPU
  • usb_huawei_3g patch: http://www.mediafire.com/?ahayl9c9586z4p9

Observations with this ROM:

  • Mount point for the removable Micro SD card is not /mnt/external_sd but /Removable/MicroSD
  • Mount point for the USB-drive is not /mnt/usbdrive but /Removable/USBdisk1

 

The image “Tegraowners ICS ROM v164 (thor & digetx)”

After that successful experience with flashing my A500 with the image “Thor A500 ROM v14”, I tried the next step….

Steps to flash the A500 ROM with is image: Same procedure as described above

Results:

  • My A500 now runns with a rooted Android 4.0.4 (ICS = Ice Cream Sandwich) very smoothly.
  • Since I wipped as recommended, I had to re-install all my apps.
  • To start that install thing I hab first to install the “Google Market Place”, how called “Google Play”. I found that in the download: …..

Applications

  • Titanium Backup now runs perfectly (required root access)
  • ClockSync now works perfectly (required root access)
  • Google Chrome Browser (required Android 4 – ICS)

Next thing to try:: HUAWEI 3G USB WebStick……

Weblinks:

 

Computer: VektorGrafik (aus Wiki)

VektorGrafik (aus Wiki)

From Dietrich’s Wiki

Wieder einmal fragte ich mich, in welchem Format und mit welchem Tool ich eigentlich Vektorgrafiken machen will/sollte, die ich viele, viele Jahre benutzen will.

Format SVG

Zuerst versuchte ich selbstverständlich SVG da dies als “offener” W3C-Standard am interessantesten schien.

Die SVG-Tools erschienen mir aber nicht sehr stabil.
Interessant war der SVG Bezier Animator namens beez (http://beez.sourceforge.net).
Auch das Tool SodiPodi 0.32 (http://sourceforge.net/projects/sodipodi/) war interessant, aber noch nicht richtig ausgereift.
Einzig Adobe Illustrator 10 ist sicher stabil, kostet aber richtig und gefiel mir eigentlich nicht bezüglich der Speicherung im SVG-Format – das war sehr proprietär (Adobe)…

Sodopodi wird nicht mehr weiterentwicklt. Eine erfolgreiche Abspaltung (sog. “Fork”) von Sodopodi ist Inkscape
Microsoft: PowerPoint oder Visio Wenn einem gar nichts solides schönes zu Vektorgrafiken einfällt, kann man sicher Microsoft PowerPoint oder auch Microsoft Visio nehmen.

Format Flash

Aber Flash (SWF) ist ja auch noch ein schönes Format. Das FLA-Format ist zwar proprietär (Macromedia, Adobe), das SWF-Format aber OPEN. Als Tool gibt es Macromedia Flash: das ist teuer und kompliziert. Da habe ich das sehr verbreitete Tool SWiSH ausprobiert und muss sagen: OK das probiere ich mal ein paar Wochen als Testphase aus.

<embed height="380" width="250" src="http://blog.kr8.de/files/slowfox.swf" wmode="transparent" />



Für WordPress gibt es ein Plugin names "Easy Flash Embed" damit kann man SWF-Dateien ganz einfach in WordPress-Artikel einbinden:

ENDE