Widget για πολυγλωσσική μετάφραση ιστοσελίδας φιλοξενούμενη στο WordPress.com

Πονεμένη ιστορία το «self-hosted wordpress server» και ίσως γράψω κάποια στιγμή τους λόγους για τους οποίους τελικά δεν αξίζει τον κόπο για μια απλή ιστοσελίδα. Μετά λοιπόν, την μεταφορά τις ιστοσελίδας μου από server με εγκατεστημένο το WordPress σε WordPress.com, χρειαζόμουν κάτι αντίστοιχο του google translate plugin. Βέβαια στο WordPress.com δεν μπορούμε να εγκαταστήσουμε plugin και εξαρτόμαστε από τις built-in δυνατότητές του. Υπάρχει η δυνατότητα επικόλλησης κώδικά σε ένα «Text Widget» στο side-bar τις ιστοσελίδας μας αλλά ο κώδικας δεν πρέπει να περιέχει java και iframes διότι απλά δεν δουλεύουν στο WordPress.com. Στην περίπτωση τις ιστοσελίδας μου, όπως μπορείτε να δείτε, γράφω άρθρα στα ελληνικά και αγγλικά. Τι κάνουμε σε αυτή την περίπτωση, αν θέλουμε να δώσουμε την δυνατότητα στους αναγνώστες μας να μπορούν με ένα κλικ να μεταφράζουν και να βλέπουν την ιστοσελίδα μας στην γλώσσα της προτίμησης τους ;

Αν ψάξετε στο διαδίκτυο, θα βρείτε έτοιμους κώδικες που με ένα copy-paste και επικόλληση στο side-bar τις ιστοσελίδα σας θα έχετε έναν μηχανισμό μετάφρασης. Τα περισσότερα όμως από αυτά είτε δεν δουλεύουν είτε μεταφράζουν μόνο από αγγλικά σε γλώσσα προτίμησης του αναγνώστη. Σε ένα μεικτό περιβάλλον όπως η ιστοσελίδα μου (αγγλικά – ελληνικά) αυτό είναι πρόβλημα γιατί θα μεταφράζονται μόνο τα άρθρα που είναι γραμμένα στα αγγλικά. Οπότε έπρεπε να βρω μια μέθοδο να αντιλαμβάνεται ο μηχανισμός μετάφραση την γλώσσα στην οποία είναι γραμμένο το άρθρο. Παρακάτω παραθέτω τον κώδικα ο οποίος ενώ τον έχω φτιάξει για WordPress.com είμαι σίγουρος ότι δουλεύει και σε άλλες ιστοσελίδες που υποστηρίζουν HTML κώδικα σε widget.

Για να χρησιμοποιήσετε τον κώδικα στην ιστοσελίδα σας θα πρέπει να κάνετε μια μικρή τροποποίηση :

  • Αντιγράψτε όλο τον κώδικα και επικολλήστε το σε εναν απλό κειμενογράφο (Gedit, Notepad κλπ)
  • Βρείτε την λειτουργία «εύρεση και αντικατάσταση» του κειμενογράφου σας (στο Gedit είναι Search –> Replace)
  • Κάντε αντικατάσταση της πρότασης «http://www.cerebrux.net» με το link της ιστοσελίδας σας π.χ»http://www.to_onoma_tis_istoselidas_mou.com»
  • Αφού πατήσετε «replace all» ο κώδικας είναι πλέον έτοιμος, και προσαρμοσμένος για την ιστοσελίδα σας.
  • Σε wordpress ιστοσελίδα, πηγαίνετε Appearence –> Widgets οπού προσθέτετε ένα Text widget στο side-bar.
  • Κάντε αντιγραφή και επικόλληση την κώδικα που έχετε τροποποιήσει και πατήστε save.
  • Έτοιμοι !

Google Translate WordPress.com Widget

Ορίστε και ο κώδικας που υποστηρίζει μετάφραση των άρθρων σας σε 39 γλώσσες ! :

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=sq" title="Albanian">Albanian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=ar" title="Arabic">Arabic</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=bg" title="Bulgarian">Bulgarian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=ca" title="Catalan">Catalan</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=zh-CN" title="Chinese Simplified">Chinese Simplified</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=zh-TW" title="Chinese Traditional">Chinese Traditional</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=hr" title="Croatian">Croatian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=cs" title="Czech">Czech</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=da" title="Danish">Danish</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=nl" title="Dutch">Dutch</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=en" title="English">English</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=et" title="Estonian">Estonian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=tl" title="Filipino">Filipino</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=fi" title="Finnish">Finnish</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=fr" title="French">French</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=gl" title="Galician">Galician</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=de" title="German">German</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=el" title="Greek">Greek</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=iw" title="Hebrew">Hebrew</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=hi" title="Hindi">Hindi</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=hu" title="Hungarian">Hungarian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=id" title="Indonesian">Indonesian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=it" title="Italian">Italian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=ja" title="Japanese">Japanese</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=ko" title="Korean">Korean</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=lv" title="Lativian">Lativian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=lt" title="Lithuanian">Lithuanian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=mt" title="Maltese">Maltese</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=no" title="Norwegian">Norwegian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=pl" title="Polish">Polish</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=pt" title="Portuguese">Portuguese</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=ro" title="Romanian">Romanian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=ru" title="Russian">Russian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=sr" title="Serbian">Serbian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=sk" title="Slovak">Slovak</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=sl" title="Slovenian">Slovenian</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=es" title="Spanish">Spanish</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=sv" title="Swedish">Swedish</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=th" title="Thai">Thai</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=tr" title="Turkish">Turkish</a>

<a href="http://translate.google.com/translate?hp&amp;hl=en&amp;u=http://www.cerebrux.net?sl=auto&amp;tl=uk" title="Ukrainian">Ukrainian</a>

Καλές μεταφράσεις !!!

5 thoughts on “Widget για πολυγλωσσική μετάφραση ιστοσελίδας φιλοξενούμενη στο WordPress.com

    • Από ότι βλέπω γράφεις ελληνικά στο site έτσι ? Θες να μεταφραστεί σε όλες τις διαθέσιμες γλώσσες ? Στείλε μου τον κώδικα που κάνεις επικόλληση (όπως περιγράφω πάνω) στο https://cerebrux.net/contact/ να ελέγξω τι πάει στραβά.

  1. Ακολούθησα ακριβώς τις οδηγίες σας, αλλά το μόνο που εμφανίστηκε στην ιστοσελίδα μου ήταν τα ονόματα των διαφόρων χωρών. Όταν έκανα κλικ πάνω σε οποιοδήποτε από αυτά, δεν γινόταν καμιά απολύτως μετάφραση….
    Μήπως μπορείτε να βοηθήσετε;

Απορίες, παρατηρήσεις, ιδέες... Ελεύθερα ! Πες την άποψή σου... έστω και Ανώνυμα:

Εισάγετε τα παρακάτω στοιχεία ή επιλέξτε ένα εικονίδιο για να συνδεθείτε:

Λογότυπο WordPress.com

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό WordPress.com. Αποσύνδεση / Αλλαγή )

Φωτογραφία Twitter

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Twitter. Αποσύνδεση / Αλλαγή )

Φωτογραφία Facebook

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Facebook. Αποσύνδεση / Αλλαγή )

Φωτογραφία Google+

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Google+. Αποσύνδεση / Αλλαγή )

Σύνδεση με %s