Πρότυπο – Social Media Agency https://el.socialmediaagency.one Tue, 19 Mar 2019 17:10:17 +0000 el hourly 1 https://wordpress.org/?v=6.8.5 Μορφοποίηση πίνακα HTML: Πρότυπο για πλαίσια, στήλες χωρίς πλαίσια https://el.socialmediaagency.one/%ce%bc%ce%bf%cf%81%cf%86%ce%bf%cf%80%ce%bf%ce%af%ce%b7%cf%83%ce%b7-%cf%80%ce%af%ce%bd%ce%b1%ce%ba%ce%b1-html-%cf%80%cf%81%cf%8c%cf%84%cf%85%cf%80%ce%bf-%ce%b3%ce%b9%ce%b1-%cf%80%ce%bb%ce%b1%ce%af/ Tue, 19 Mar 2019 17:10:17 +0000 https://socialmediaagency.one/%ce%bc%ce%bf%cf%81%cf%86%ce%bf%cf%80%ce%bf%ce%af%ce%b7%cf%83%ce%b7-%cf%80%ce%af%ce%bd%ce%b1%ce%ba%ce%b1-html-%cf%80%cf%81%cf%8c%cf%84%cf%85%cf%80%ce%bf-%ce%b3%ce%b9%ce%b1-%cf%80%ce%bb%ce%b1%ce%af/ Μορφοποίηση πινάκων HTML – Σήμερα μια μικρή βασική από την πρακτική. Πολλοί πελάτες ήθελαν να δημιουργήσουν τα δικά τους κείμενα με τους υπαλλήλους τους στο WordPress. Για να εξασφαλιστεί η βελτιστοποίηση του κειμένου για τις μηχανές αναζήτησης, προστίθενται διάφορα μικρά χαρακτηριστικά. Αυτές μπορεί να είναι φωτογραφίες από τη βιβλιοθήκη πολυμέσων, για παράδειγμα, αλλά και ενσωματώσεις βίντεο στο Youtube. Η απλή εισαγωγή πινάκων με αντιγραφή και επικόλληση περιλαμβάνει πολλά αποσπάσματα HTML που δεν θέλετε στο δικό σας σύστημα διαχείρισης περιεχομένου. Σήμερα, ας δούμε ένα παράδειγμα ενός απλού πίνακα HTML που μπορεί να δημιουργήσει και να τροποποιήσει ο καθένας.

ΠρÏŒβλημα: Η απλή αντιγραφή πινάκων HTML είναι ακάθαρτη

Είναι σημαντικό για το προσωπικό των εταιρειών να μην αντιγράφει πίνακες, διαφορετικά θα έχουμε πολλά “σκουπίδια” στον κώδικα HTML μας, όπως περιγράφεται. Ο κώδικας HTML δεν είναι ορατός στην “οπτική” περιοχή του επεξεργαστή. Για να το επεξεργαστείτε, πρέπει να κάνετε κλικ στο “Text” στο WordPress Editor. Όταν ο κώδικας απλά αντιγράφεται, παίρνει μαζί του μικρά αποσπάσματα που δεν θέλουμε. Ακολουθεί ένα άμεσο παράδειγμα από την πράξη:

Παράδειγμα – Κακή HTML ενÏŒς πίνακα

Υπάρχουν ακόμα πολλά πράγματα που αντιγράφονται εδώ και δεν μπορείτε να τα δείτε:

<th class=”headerSort” tabindex=”0″ title=”Ταξινόμηση αύξουσα” role=”κουμπί κεφαλίδας στήλης”>Όχι.</th>
<th class=”headerSort” tabindex=”0″ title=”Ταξινόμηση αύξουσα” role=”κουμπί κεφαλίδας στήλης”>Περιοχή</th>.
<th class=”headerSort” tabindex=”0″ title=”Ταξινόμηση αύξουσα” role=”κουμπί κεφαλίδας στήλης”>Περιοχή</th>

Βλέπουμε λοιπόν ότι κάποια πράγματα αφαιρούνται με την αντιγραφή και επικόλληση.

Παράδειγμα – Καλή HTML ενÏŒς πίνακα

Έτσι θα φαινόταν καθαρό:

<th>Όχι.</th>
<th>Περιοχή</th>
<th>Περιοχή</th>

Λύση: ΠρÏŒτυπο πίνακα HTML

Πρέπει να χρησιμοποιήσετε λίγη HTML ή να τη γνωρίσετε. Είναι καλύτερο να το αποθηκεύσετε για λίγο και στη συνέχεια να το αντιγράψετε ή να το επεξεργαστείτε:

  • Συμβουλή1 : <table> και <tbody> μÏŒνο στην αρχή </table> </tbody> μÏŒνο στο τέλος
  • Συμβουλή 2: Χρησιμοποιήστε <th> μÏŒνο στην πρÏŽτη γραμμή και κλείστε την ξανά (th σημαίνει “τίτλος πίνακα”).
  • Συμβουλή 3: Το <tr> ανοίγει μια γραμμή και το </tr> την κλείνει (το tr ονομάζεται “Γραμμή πίνακα”)
  • Συμβουλή 4: <td> ανοίγει μια τιμή ή ένα πλαίσιο και </td> το κλείνει (td σημαίνει “Δεδομένα πίνακα”)

Ακολουθεί ένας πίνακας με 3 στήλες και 3 γραμμές:

<table>
<tbody>
<tr>
<th>Επικεφαλίδα 1</th>
<th>Επικεφαλίδα 2</th>
<th>Επικεφαλίδα 3</th>
</tr>
<tr>
<td>Κείμενο 1</td>
<td>Κείμενο 2</td>
<td>Κείμενο 3</td>
</tr>
<tr>
<td>Κείμενο 1</td>
<td>Κείμενο 2</td>
<td>Κείμενο 3</td>
</tr>
</tbody>
</table>

Αυτό είναι το τελικό τραπέζι:

Επικεφαλίδα 1 Επικεφαλίδα 2 Επικεφαλίδα 3
Κείμενο 1 Κείμενο 2 Κείμενο 3
Κείμενο 1 Κείμενο 2 Κείμενο 3

Ένα άλλο παράδειγμα με 2 στήλες και 2 γραμμές:

<table>
<tbody>
<tr>
<th>Επικεφαλίδα 1</th>
<th>Επικεφαλίδα 2</th>
</tr>
<tr>
<td>Κείμενο 1</td>
<td>Κείμενο 2</td>
</tr>
</tbody>
</table>

Ένα άλλο παράδειγμα με 4 στήλες και 5 γραμμές

<table>
<tbody>
<tr>
<th>Επικεφαλίδα 1</th>
<th>Επικεφαλίδα 2</th>
<th>Επικεφαλίδα 3</th>
<th>Επικεφαλίδα 4</th>
</tr>
<tr>
<td>Κείμενο 1</td>
<td>Κείμενο 2</td>
<td>Κείμενο 3</td>
<td>Κείμενο 4</td>
</tr>
<tr>
<td>Κείμενο 1</td>
<td>Κείμενο 2</td>
<td>Κείμενο 3</td>
<td>Κείμενο 4</td>
</tr>
<tr>
<td>Κείμενο 1</td>
<td>Κείμενο 2</td>
<td>Κείμενο 3</td>
<td>Κείμενο 4</td>
</tr>
<tr>
<td>Κείμενο 1</td>
<td>Κείμενο 2</td>
<td>Κείμενο 3</td>
<td>Κείμενο 4</td>
</tr></tbody>
</table>

Προσθέστε περισσÏŒτερες στήλες και γραμμές

Μπορείτε να αποκτήσετε περισσότερες γραμμές ξεκινώντας ή κλείνοντας μια νέα “Γραμμή πίνακα” μέσα στον “Πίνακα” <table>…</table>. Αυτό φαίνεται ως εξής:

<tr>
…
</td>

Ανάλογα με τον αριθμό των στηλών, πρέπει στη συνέχεια να εισαχθούν τα “Δεδομένα πίνακα”.

<tr>
<td>Κείμενο 1</td>
<td>Κείμενο 2</td>
<td>Κείμενο 3</td>
<td>Κείμενο 4</td>
</tr>

]]> Εκστρατείες διαφημίσεων στο Facebook – Πρότυπα σχεδιασμού https://el.socialmediaagency.one/%ce%b5%ce%ba%cf%83%cf%84%cf%81%ce%b1%cf%84%ce%b5%ce%af%ce%b5%cf%82-%ce%b4%ce%b9%ce%b1%cf%86%ce%b7%ce%bc%ce%af%cf%83%ce%b5%cf%89%ce%bd-%cf%83%cf%84%ce%bf-facebook-%cf%80%cf%81%cf%8c%cf%84%cf%85%cf%80/ Sat, 16 Aug 2014 12:39:34 +0000 https://socialmediaagency.one/%ce%b5%ce%ba%cf%83%cf%84%cf%81%ce%b1%cf%84%ce%b5%ce%af%ce%b5%cf%82-%ce%b4%ce%b9%ce%b1%cf%86%ce%b7%ce%bc%ce%af%cf%83%ce%b5%cf%89%ce%bd-%cf%83%cf%84%ce%bf-facebook-%cf%80%cf%81%cf%8c%cf%84%cf%85%cf%80/ Η διαφήμιση στα κοινωνικά δίκτυα είναι το Α και το Ω. Μπορείτε να βασιστείτε σε αυτό, τουλάχιστον αν η συγκεκριμένη ομάδα-στόχος σας είναι κάπου μεταξύ 21 και 38 ετών. Οι νέοι του παρελθόντος έχουν γίνει σήμερα εύποροι αγοραστές. Οι συνθήκες ζωής έχουν αλλάξει, το κοινωνικό δίκτυο όχι. Γνωρίζατε πόσο χρόνο ξοδεύει κάθε Γερμανός κατά μέσο όρο στο Facebook; Με στοχευμένες διαφημιστικές καμπάνιες, μπορείτε να επιτύχετε τα καλύτερα και αποτελεσματικότερα αποτελέσματα για το προϊόν ή το εμπορικό σήμα σας στο Facebook. Καθώς λαμβάνουμε συχνά μικρές ερωτήσεις στα εισερχόμενα email μας, θελήσαμε να συγκεντρώσουμε εδώ τα πιο σημαντικά σύνολα σχεδιασμού για τις διαφημίσεις στο Facebook:

Διαφημίσεις εκδηλÏŽσεων στο Facebook & Page Like

Τα σχέδια για τις διαφημίσεις εκδηλώσεων στο Facebook και τα banners για το Like της σελίδας δημιουργούνται καλύτερα με 1200 x 444 pixels. Αυτή η μονάδα δεν χρησιμοποιείται από το Facebook, αλλά σήμερα πρέπει να σκεφτούμε πολλές συσκευές στις οποίες εμφανίζονται οι διαφημίσεις, από φορητούς υπολογιστές έως iPhones. Με 1200 x 444 px έχετε πάντα ακριβή ανάλυση σε όλες τις συσκευές, ακόμη και στις σύγχρονες οθόνες Retina.

Δημιουργήστεσχέδιο με 1200 x 444 pixels

facebook-page-like_social-media-one-de

Η οθόνη γραφείου θα είναι 470 x 174 pixels / Η οθόνη κινητού θα είναι 560 x 210 pixels
– κλιμακώνεται αυτόματα από το Facebook

Σύνδεσμος ιστÏŒτοπου Facebook & διαφήμιση προσφοράς

Οι Διαφημίσεις Σύνδεσμος Ιστοσελίδας και Προσφορά στο Facebook διαφέρουν ελάχιστα ως προς τις κάθετες διαστάσεις τους. Το Facebook χρησιμοποιεί 627 pixels αντί για 444 pixels. Επομένως, δημιουργείτε πάντα το σχέδιο για τα banners Σύνδεσμος ιστοτόπου & Διαφημιστική προσφορά με 1200 x 627 pixels.

Δημιουργήστεσχέδιο σε 1200 x 627 pixel

facebook-offer-ad_social-media-one-de

Η οθόνη γραφείου είναι στα 470 x 246 pixels / Η οθόνη κινητού είναι στα 560 x 292 pixels
– κλιμακώνεται αυτόματα από το Facebook

 

Εάν ενδιαφέρεστε περισσότερο για το μάρκετινγκ στο Facebook, ρίξτε μια ματιά στον οργανισμό μας για το μάρκετινγκ στο Facebook.

]]> Πρότυπο σχεδιασμού σελίδας ανεμιστήρα στο Facebook https://el.socialmediaagency.one/%cf%80%cf%81%cf%8c%cf%84%cf%85%cf%80%ce%bf-%cf%83%cf%87%ce%b5%ce%b4%ce%b9%ce%b1%cf%83%ce%bc%ce%bf%cf%8d-%cf%83%ce%b5%ce%bb%ce%af%ce%b4%ce%b1%cf%82-%ce%b1%ce%bd%ce%b5%ce%bc%ce%b9%cf%83%cf%84%ce%ae/ Tue, 12 Aug 2014 15:04:10 +0000 https://socialmediaagency.one/%cf%80%cf%81%cf%8c%cf%84%cf%85%cf%80%ce%bf-%cf%83%cf%87%ce%b5%ce%b4%ce%b9%ce%b1%cf%83%ce%bc%ce%bf%cf%8d-%cf%83%ce%b5%ce%bb%ce%af%ce%b4%ce%b1%cf%82-%ce%b1%ce%bd%ce%b5%ce%bc%ce%b9%cf%83%cf%84%ce%ae/ Το Facebook αλλάζει το στυλ του κάθε χρόνο. Αν και οι διαστάσεις για την εικόνα τίτλου στο Facebook (850 x 315 pixels) και την εικόνα προφίλ (180 x 180 pixels) έχουν παραμείνει οι ίδιες, η διάταξη έχει αλλάξει λίγο. Έτσι, αν θέλετε να βάλετε δημιουργικά στοιχεία (όπως χρωματικές διαβαθμίσεις) στο σχεδιασμό της σελίδας ανεμιστήρων σας, θα πρέπει να λάβετε υπόψη σας τη νέα τοποθέτηση του τίτλου και της εικόνας προφίλ. Στο μικρό μας παράδειγμα φροντιστηρίου, μπορείτε να δείτε καθαρά πώς το χέρι δεν μεταβαίνει καθαρά από την εικόνα προφίλ στην εικόνα τίτλου. Έχει μετατοπιστεί λίγο προς τα αριστερά. Η αλλαγή είναι ελάχιστη, αλλά με μια πιο προσεκτική εξέταση μπορείτε να δείτε ότι το προφίλ είναι λίγο πιο αριστερά από ό,τι πριν (βλ. στιγμιότυπο οθόνης). Για να σας εξοικονομήσω χρόνο, δημιούργησα ένα πρότυπο σχεδιασμού στο Photoshop. Εδώ μπορείτε εύκολα να εισάγετε υπάρχοντα γραφικά και να τα αποθηκεύσετε 1:1. Θα βρείτε ένα μικρό σεμινάριο και τη λήψη στο ακόλουθο άρθρο.

Για περισσότερες πληροφορίες, ρίξτε μια ματιά στο γραφείο μάρκετινγκ του Facebook.

Οδηγίες
Σχεδιασμός σελίδας ανεμιστήρα στο Facebook σε 4 βήματα:

Βήμα 1: ΔιαμÏŒρφωση γραφικÏŽν στο Facebook στο Photoshop

Το PSD είναι δύο φορές μεγαλύτερο από το απαιτούμενο. Γιατί; Έτσι, σίγουρα δεν θα έχετε κανένα πρόβλημα με την εικόνα προφίλ της οποίας οι διαστάσεις είναι μεγαλύτερες από τα pixels που εμφανίζονται στην πραγματικότητα. Εισάγετε τα γραφικά στους προβλεπόμενους φακέλους (τίτλος, προφίλ). Συμβουλή! Όπως επισημαίνεται στο πρότυπο ως “ΠΑΡΑΔΕΙΓΜΑ”, τα επίπεδα φόντου συνδέουν το προφίλ και την εικόνα τίτλου. Έτσι η μετάβαση παραμένει καθαρή και μπορείτε να μετακινείτε ελεύθερα το φόντο μπρος-πίσω χωρίς προβλήματα.

Βήμα 2: Απενεργοποιήστε το επίπεδο προεπισκÏŒπησης

Για να αποθηκεύσετε την εικόνα προφίλ και εξωφύλλου του Facebook, απενεργοποιήστε πρώτα το ανώτερο επίπεδο “εικόνα προφίλ – σχήμα”.

Βήμα 3: Επιλέξτε και κÏŒψτε τις μάσκες

Επιλέξτε τις μάσκες των δύο φακέλων (τίτλος, προφίλ). Πολύ απλά με ALT + κλικ του ποντικιού. Επιστρέψτε στην κανονική προβολή και περικόψτε την εικόνα (Επεξεργασία > Περικοπή). Με αυτόν τον τρόπο έχετε τις αρχικές διαστάσεις. Θυμηθείτε: η εικόνα τίτλου πρέπει να είναι (τουλάχιστον) 850 x 315 pixels και η εικόνα προφίλ (τουλάχιστον) 180 x 180 pixels, αλλά η οθόνη περιορίζεται σε 160 x 160 pixels.

Βήμα 4: Αποθήκευση και μεταφÏŒρτωση

Αποθηκεύστε την εικόνα σας ως jpg με επίπεδο ποιότητας 10, 11. Στη συνέχεια, μπορείτε να ανεβάσετε τη νέα εικόνα προφίλ και εξωφύλλου στη σελίδα ανεμιστήρα του Facebook.

]]> Facebook Ad Pixel & πρότυπα σχεδιασμού – Το πρώτο βήμα + δωρεάν PSD https://el.socialmediaagency.one/facebook-ad-pixel-%cf%80%cf%81%cf%8c%cf%84%cf%85%cf%80%ce%b1-%cf%83%cf%87%ce%b5%ce%b4%ce%b9%ce%b1%cf%83%ce%bc%ce%bf%cf%8d-%cf%84%ce%bf-%cf%80%cf%81%cf%8e%cf%84%ce%bf-%ce%b2%ce%ae%ce%bc%ce%b1/ Sat, 12 Jul 2014 12:00:24 +0000 https://socialmediaagency.one/facebook-ad-pixel-%cf%80%cf%81%cf%8c%cf%84%cf%85%cf%80%ce%b1-%cf%83%cf%87%ce%b5%ce%b4%ce%b9%ce%b1%cf%83%ce%bc%ce%bf%cf%8d-%cf%84%ce%bf-%cf%80%cf%81%cf%8e%cf%84%ce%bf-%ce%b2%ce%ae%ce%bc%ce%b1/ Η διαφήμιση στο Facebook είναι το παν! Τουλάχιστον αν το κοινό-στόχος σας είναι κάπου μεταξύ 20 και 40 ετών. Τα παιδιά του παρελθόντος είναι τώρα φερέγγυοι ενήλικες με κανονικό εισόδημα. Οι συνθήκες ζωής έχουν αλλάξει, το κοινωνικό δίκτυο όχι. Αυτός είναι ο λόγος για τον οποίο οι διαδικτυακοί έμποροι γνωρίζουν ότι οι καμπάνιες επιτυγχάνουν τα καλύτερα και πιο αποτελεσματικά αποτελέσματα στο Facebook. Ως εκ τούτου, εδώ θα βρείτε τέσσερα πρότυπα σχεδιασμού για δωρεάν λήψη για τη διαφήμισή σας στο Facebook:

Weiterlesen...Λήψη: 4x αρχεία γραφικών για διαφημιστικές καμπάνιες στο Facebook (2014)

Creative Commons Lizenzvertrag

Συμβουλή! Ο οδηγόςμας XXL: Διαφημίσεις Facebook – Διαφήμιση, διαφημίσεις και Pixel

Διαφημίσεις εκδηλÏŽσεων στο Facebook & Page Like

Δημιουργήστε τα σχέδιά σας για Facebook Event Ads & Page Like Banner με 1200 x 444 pixels. Αυτό σας δίνει ακριβή ανάλυση, ακόμη και με τις σύγχρονες οθόνες Retina.

Δημιουργήστεσχέδιο σε 1200 x 444 px

facebook-page-like_lukinski-de

Οθόνη γραφείου: 470 x 174 px
– κλιμακώνεται αυτόματα από το Facebook

Οθόνη κινητού: 560 x 210 px
– κλιμακώνεται αυτόματα από το Facebook

 

Σύνδεσμος ιστÏŒτοπου Facebook & διαφήμιση προσφοράς

Οι διαφημίσεις Σύνδεσμος ιστοτόπου Facebook και Προσφορά διαφέρουν ελαφρώς στην κάθετη θέση. Εδώ, αντί για 444 εικονοστοιχεία, χρησιμοποιούνται ολόκληρα 627 εικονοστοιχεία. Αυτό οφείλεται στη διαφορετική μορφή διαφήμισης. Δημιουργήστε το σχέδιό σας για banners Σύνδεσμος Ιστοσελίδας & Διαφήμιση Προσφοράς με 1200 x 627 pixels.

Δημιουργήστεσχέδιο σε 1200 x 627 px

facebook-website-link-ad_lukinski-de

Οθόνη επιφάνειας εργασίας: 470 x 246 px
– κλιμακώνεται αυτόματα από το Facebook

Οθόνη κινητού: 560 x 292 px
– κλιμακώνεται αυτόματα από το Facebook

 

]]>