Forum Replies Created
-
AuthorPosts
-
Yes – Hello – nice to meet you
August 29, 2019 at 11:31 am in reply to: WPML – one set of Theme Options for ALL languages? #1131856i guess you have to synchronize manually. But Enfold got this option under Import Export : “Export Theme Settings File”
Open your language that is your standard language – export that file.
Change to the other languages and import that theme settings file each.
After that – you had to look into the quick css – because every rule which is site specific ( with page-id oder postid) had to be tranfered to the other language ( each translated page / post got his own ID )Please think of : each language in WPML got his own Enfold Options Page!
so even the quick css for a new generated Language is empty. You had to synchronize it by yourself.Every Code in Quick CSS which is set with a page-id is for the other langage not valid – every translated page/post got his own ID ( thats what unique means)
August 29, 2019 at 7:51 am in reply to: Hoster-Wechsel – Mit FTP-Download & ohne normales Plug-In Backup #1131804Off topic:
Zunächst tut mir das sehr leid mit deinem Bruder. Meine volle Anteilnahme. Alleine die Vorstellung, dass einer meiner gleichalten oder jüngeren Anverwandten vor der Zeit gehen sollte garantiert Dir mein Mitleid im wahrsten Sinne des Wortes. Wir haben einen Cousin auf diese Weise verabschieden müssen.Weiter zum Thema – nein das war nicht meine Absicht, dass du Dich hier zurückziehst – und keine Frage ist zu dumm um sie ( nicht ) zu stellen.
Wir haben alle klein angefangen – aber ich versichere Dir die Lernkurve ist steiler als du denkst. Vorausgesetzt man liest und überfliegt nicht die Antworten. Leider wollen hier viele der User nur schnelle Lösungen – picken sich den angebotenen Code heraus ohne die Erklärungen dazu mit zu verinnerlichen. So wird einem zwar hier geholfen, aber Lernerfolg daraus ist gleich null.
Prinzipiell sind mir Beiträge der beschneidenen Art lieber, als die jenigen die Hier auftreten als hätten Sie für ihre 50Euro das absolute Recht innerhalb der nächsten Stunde Hilfestellung zu empfangen. Da gibt es hier auch ein paar Spezies. Die Mods hier in Ihrer vornehmen Zurückhaltung übergehen solche Beiträge dann, ich kann mir dann nicht verkneifen ein paar Worte loszulassen.Ich bin nicht mehr ganz der Jüngste, und habe gelernt Internetseiten mit Dreamweaver von “Hand” zu erstellen. Daher sind meine CSS Kenntnisse nicht schlecht. Was Javascript und php betrifft bin ich auch noch ein Lernender. Vieles was ich hier anbiete ( bearbeitete Enfold Element etc ) ist aus der reinen Logic abgeleitet.
Man kann die Beiträge hier eigentlich recht lange noch bearbeiten. bzw hättest du hintenan, nochmals die Präzisierung deines Themas anstellen können. Du siehst das auch Peter (Dude) viel Zeit investiert hat ( und das geht wie gesagt weit über den Support hier hinaus ) und bei manchen Antworten dadurch Überschneidungen entstanden sind. Das hat mir halt nicht gefallen, denn ja ich zwacke mir dies Zeit von meinem eigentlichen Tun und Schaffen ab.
Die Entschuldiging nehme ich gerne an, war aber nicht nötig. –___________
zum Thema : wie gesagt, schau dir die Seite von Wayback Machine an, da sind noch einige Sachen vorhanden, und wenn man mit Enfold eine Weile gearbeitet hat, dann kann man auch das Layout der Seiten erahnen.
August 29, 2019 at 6:50 am in reply to: Svg logo full width and full height of header centered above menu #1131798all my details are on my Nick and Avatar
I also don’t think I can contribute anything else to the final code here from Ismael – maybe a different approach to solving and looking at the svg code. Maybe you can also optimize it.
svgs can also be forced within their code to have a decided exterior behavior.F.e. an enable background option in svg is sometimes not the best solution – and a
preserveAspectRatio=”xMinYMid meet” in the svg header-section could be best if you like to shrink to the middle etc. pp. – this could help to make the css code simpler.
See here how the logo reacts with only inline parameter change: https://webers-testseite.de/Latitude65logo.svgor can you live with this behaviour ( height stays at a given value – centered Logo but – borders run out on left and right: https://webers-testseite.de/Latitude65logo2.svg
-
This reply was modified 6 years, 3 months ago by
Guenni007.
by the way in that case of 2 columns this is the fastest method. If you got multiple columns you can let the flex-direction to normal but give to the items an order number:
see here in action with code : https://webers-testseite.de/defined-order/
Anyway the link you gave to us – could be used f.e. to make a whole iconbox clickable. Iconboxes can have link on Icon and Title.
The first link in it will be tranformed to the iconbox itself. In this case you had to give that custom-class to the iconbox.if you like to put it in media-query you can decide when this behaviour starts to work.
you can play a little with flex styling f.e. take wrap-reverse instead of wrap and see what happens.
space- between (instead of space-around) would line the outer items to the borders of the container
this is a good – but german site – but you will see on the images what happens on changing styling and you can dynamically change by Radio Button the layout: https://www.mediaevent.de/css/display-flex.html
For that example page above the 1180px seems to be a good starting point to work for flex model.@media screen and (max-width:1180px) { .av-tab-section-tab-title-container { display:flex !important; flex-flow: row wrap-reverse; justify-content: space-around; align-items: center; width: 100vw !important; min-width: 0 !important; padding: 0; margin: 0; left: 0 !important; } #top .av-section-tab-title { padding: 0 ; flex: 0 1 auto; min-width: 20%; } .av-outer-tab-title { display: inline-block; } .av-tab-section-image, .av-tab-arrow-container { background-position: center center; position: relative; top: 0; left: 50%; transform: translateX(-50%); } .av-tab-section-icon { display: block; text-align: center; position: relative; top: 20px; left: 50%; transform: translateX(-50%); padding-bottom: 40px; } }August 28, 2019 at 7:09 pm in reply to: Probleme mit Hoster Wechsel ! Es existiert nur FTP Download des alten Hosters #1131714you can play with this :
#top .av-section-tab-title { padding: 0 ; flex: 0 1 auto; min-width: 10%; }and this is the arrow color:
#top .av-tab-arrow-container span { background-color: #900 }maybe 10% is enough for your setting.
For tab-section with icons – we had to complete the code above with :
.av-tab-section-icon { display: block; text-align: center; position: relative; top: 20px; left: 50%; transform: translateX(-50%); padding-bottom: 40px; }Well if you like to have a more complex but nice solution go and Mikes advice and use the flex model :
try in quick css – and a link to your site would be nice:
.av-tab-section-tab-title-container { display:flex !important; flex-flow: row wrap; justify-content: space-around; align-items: center; width: 100vw !important; min-width: 0 !important; padding: 0; margin: 0; left: 0 !important; } #top .av-section-tab-title { padding: 0 ; flex: 0 1 auto; min-width: 20%; } .av-outer-tab-title { display: inline-block; } .av-tab-section-image, .av-tab-arrow-container { background-position: center center; position: relative; top: 0; left: 50%; transform: translateX(-50%); }August 28, 2019 at 6:04 pm in reply to: Hoster-Wechsel – Mit FTP-Download & ohne normales Plug-In Backup #1131706Was soll das denn jetzt werden ? wieviele Leute willst du mit dem Thema denn noch beschäftigen?
https://kriesi.at/support/topic/probleme-mit-hoster-wechsel-nur-mit-ftp-download-des-alten-hoster/Naklar darf man eine zweite Meinung und mehr einholen, sollte aber im eröffneten Theme bleiben. Du siehst, dass jetzt die Mods auch noch sehr viel Zeit investiert haben. Und zwar unnötiger weise, denn viele Fragen sind schon beantwortet. Kopfschüttel.
Mein Support endet nun
Viel Glück – Bis dannPS: letzter hilfreicher hinweis meinerseits: wenn du dir die Inhalte auch nicht abgespeichert hast, dann kannst du die über wayback machine nochmal copy / pasten: da ist eine ziemlich vollständige Sicherung.
An die Datenbank kommt man aber so auch nicht mehr ran !!!https://web.archive.org/web/20180528070715/http://www.fairtek.de/
August 28, 2019 at 5:39 pm in reply to: Svg logo full width and full height of header centered above menu #1131694can i see your dev site ? its password protected.
can you please try ( because entypo-fontello got a paper plane too) on this we avoid different font-sizes ):
function avia_add_custom_icon($icons) { $icons['telegram'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue8b7'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['Telegram'] = 'telegram'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
and on quick css:#top #wrap_all .av-social-link-telegram:hover a { color: #fff; background-color: #9c1a73 !important; }and maybe you rise a bit the font-size in the socket to 20px
#top #socket .social_bookmarks li a { font-size: 20px }by the way – you can drag and drop svgs directly to Powerpoint !
if you are familiar with svg usage : you can find the fonts in your installation on /wp-content/uploads/avia_fonts/
download the needed font as svg.open it in a good text editor ( f.e. on Mac : SublimeText or on PC : Notepad++)
you see every icon now as <glyph> and the unicode it has e.g:unicode=""so these are on default vectors.
to get each of them as svg you can upload that “fontello all in one svg” to : https://icomoon.io/app
on the bottom you can download it as svg or png. The pngs are in original size so only 32px – but the svgs are now one for each icon. These can be opend in a Graphic Programm and saved as png.The setting whether a Youtube video plays in HD or not depends not only on the default but also on the playback of the device itself. So if Youtube “notices” that the transfer rate is not so stable, then there will be lower resolutions. Similar to TV streaming. If the WLAN does not participate, then the resolution goes down.
In former times there are addenda to the url you can make autoplay etc. pp. vor HD files you could add : ?vq=hd720 or if it is not the first addendum with ampersand instead of questionmark: &vq=hd720 for 1080 same thing.
this is the font-name you had to insert in that code:
(colored underline)
replace all tel with your desired Icon Nameso it looks like this f.e.: ( but you had to be sure about the icon code!)
function avia_add_custom_icon($icons) { $icons['telegram'] = array( 'font' =>'font-name-from-image-above', 'icon' => 'ue802'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['telegram'] = 'telegram'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);August 27, 2019 at 7:58 pm in reply to: Probleme mit Hoster Wechsel ! Es existiert nur FTP Download des alten Hosters #1131437aber warum sind von jedem Bild mehrere verschiedene Größen bzw. Pixel-Größen vorhanden ?
Wordpress generiert selbst schon 3 Varianten ausser der Hochgeladene Version.
Ein Kleines, welches als Thumbnail für viele Dinge herhalten muss, aber auch einen mittlere Auflösung.
Enfold nun hat für seine vielen unterschiedlichen Alb Elemente (Masonry, Galerie, etc. pp) auch Versionsgrößen, die es vom System generieren lässt.in der für den von ihm verwendeten Monitor bzw. der Auflösung passend angezeigt wird
Enfold verwendet noch nicht das srcset Feature. Wird aber wohl (eventuell schon im nächsten Update) kommen. Da ist es in der Tat dann so, dass je nach Bildschirmweite aus dem Set das nächstliegende Format angezeigt wird.
1. Man kann automatische Updates zulassen ( ist wohl default so, ich bevorzuge allerding manuell veranlasste Updates – überall auch WordPress).
1a. mittlerweile gibt es ein schönes Plugin (Update Theme and Plugins from Zip File) – das ist wirklich einfach zu handhaben.
2. siehe 1
3. getrennt – weil ja auch die Updates zB von einander abhängig sind.
Enfold reagiert zB auf WP Updates etc. die Plugins dito.
4. CDN : das streiten sich die Geister – Google findet es garnicht gut glaube ich gelesen zu haben. Ich finde es könnte sinnvoll sein. Für kleine Seiten gibt es da auch schon kostenfreie ( da Volumenabhängig ) Anbieter (Cloudinary)
4a. Stell dir nur mal vor, du hast große Filme und möchtest die nicht über Youtube laufen lassen. wenn dann der Film physikalisch auf so einem CDN liegt belastet das Abspielen nicht deine Serverperformance von WebGo.
6. Wenn du die Einstellung der Webseite machst nimm den SSD Festplattenspeicher für die Seite. Der Space ist eigentlich immer genug. Arbeitsspeicher ist da schon wichtiger.
7. Kommt auf den Traffic an, den deine Seite generiert. wenn 2 Besucher gleichzeitig einen selbstgehosteten Film angucken ists wohl nie ein Problem, wenn 1000 dies tun schon.11. Kommt immer aufs Bild an. Wenn ich das aus Photoshop rauslaufen lasse (für Web speichern), sehe ich mir die Vorschau genau an. Es ist nun die Frage ob es auf das letzte Quäntchen Schärfe ankommt oder nicht. Oft sind sogar monochrome Verläufe schwerer darzustellen als kontrastreiche Bilder.
11a. Hier gleich zu einem Enfold “Problem” – beim Hochladen der original Bilder werden diese entpackt (jpgs sind ja prinzipiell auch nur komprimierte Dateien) dann auf das Enfoldformat beschnitten und dann allerdings ohne Komprimierung gespeichert 100% jpgs.
das kann man mittels eines Snippets in der functions.php des child-themes allerdings ändern.
12. Schau dir mal die Seite gtmetrix.com an. Dort lasse ich mir die Seiten auslesen. Geschwindigkeitswerte und dort gibt es auch schon gute ansätze wo man Performance Probleme hat.
So ist ein genereller Fehler – nicht zu überprüfen ob der Hoster überhaupt gzip (mod_deflate) aktiviert hat. Oft ist es einem selbst überlassen den Server dazuzubewegen. ZB über die htaccess datei im Root Verzeichnis.August 27, 2019 at 6:54 pm in reply to: Topbar auf Mobil ausblenden, auf Desktop jedoch nicht #1131426hast du Caching tools am Start?
hast du das Merging in Enfold erneuert?
Hast du in deinem Mobile Gerät von dem Browser den Cache geleert?Sonst probier das noch:
.responsive.avia_mobile #top #header_meta { display: none !important; }August 27, 2019 at 5:34 pm in reply to: After activating WPML Translation Management – page is changed #1131404Dear forcetechnology2 – if you got a solution – share it: you see that there is another participant which needs help too – maybe you can help…
anyway. WPML got for each language its own Enfold Settings Dialog. And so even Quck CSS could be different. You can see it on top there is a new menu for wpml.
So you have to synchronize the settings on each language you want to be installed.
So my advice to all wpml users is – first do all stylings and content input. then goto synchronize the languages on each “Enfold”You can do that on exporting Enfold Settings file of Standard Language. Change to the new language and import there the settings file.
media query for print:
@media print { … }Jetzt sehe ich dein png file – wenn du es mit weniger transparentem Raum drum herum hochlädst ist es größer.
Das Padding kann man dann nachher einstellen.Scroll down to what position ? Footer ?
if you do not need the scroll to top button – just use that for your needs
it has an absolute position so you can shift him anywhere you like:#scroll-top-link { right: inherit; bottom: inherit; left: 20px; top: 90px; } #scroll-top-link::before { content: "\e87b"; }the second rule changes that arrow to an arrow down!
now the link if you link to the #socket ( otherwise give a link target your want on that page – best would be a unique ID )
do this to your child-theme functions.php:function change_href_of_scroll_top_link(){ ?> <script> (function($) { $('#scroll-top-link').attr("href", "#socket"); $('#scroll-top-link').attr("title", "Scroll to bottom") $('.avia_hidden_link_text').text('Scroll to bottom'); })(jQuery); </script> <?php } add_action('wp_footer', 'change_href_of_scroll_top_link');Now the only thing is that the button appears the same manner like the scroll to top button ( after some scrolling) this could be changed too.
Bitte installiere mal folgendes Plugin: svg support
Aktiviere es und lade dann mein svg hoch und setze dieses als logo ein.Danach schaue ich mir deine Seite an.
moment ich schaue jetzt
– edit – hast du das Plugin mal ausgeschaltet? Lass es dann bitte so.August 27, 2019 at 11:12 am in reply to: Topbar auf Mobil ausblenden, auf Desktop jedoch nicht #1131281Wie gesagt – ich fragte ob du wirklich Mobile Geräte Meinst oder eben kleine screenweiten
Der Code oben ist nur für Mobile Endgeräte gedacht. Nicht für kleine Screenweiten !
Also schau dir deine Seite dann bitte auf deinem Handy oder Tablett an, dort den Geräte Cache leeren.
Und in Enfold eventuell wenn du es aktiviert hast das Merging erneuern.Um ganz sicher zu gehen setze mal die Anweisung auf important:
.avia_mobile #header_meta { display: none !important; }Der Mimetyp svg ist per default nicht beim Upload erlaubt.
Das kann man mittels child-theme functions.php beheben.:function custom_mtypes( $m ){ $m['svg'] = 'image/svg+xml'; $m['svgz'] = 'image/svg+xml'; return $m; } add_filter( 'upload_mimes', 'custom_mtypes' );Ab da ist der Upload von svg und svgz erlaubt. Leider ist es dann so, dass man ( ausser bei den svg die explizit eine Größen Angabe implementiert haben) keine Vorschau in der Mediathek zu sehen bekommt.
Einsetzen und Verwenden kann man die Dateien dann.Das svg kannst du ja oben von meinem Link runterladen.
Etwas besser aufgelöstes png hast du nicht? Es ist Schwer die Größen von so einem kleinen png korrekt nachzubauen, da hier schon eine große Pixelunschärfe existiert.
svgs werden nur ( wie gesagt es gibt ausnahmen im svg code selber) normalerweise von WordPress als 0 x 0 Grafik geführt.
Daher benötigen Sie dann im css eine Größenangabe.August 27, 2019 at 7:47 am in reply to: Probleme mit Hoster Wechsel ! Es existiert nur FTP Download des alten Hosters #1131242hier steht ja schon mal in der Dokumentation einiges dazu – ausserdem kannst du dort ein vorbereitetes Child-Theme laden.
https://kriesi.at/documentation/enfold/child-theme/
Prinzipell würde ein Child-Theme nur aus einem File bestehen, nämlich einer style.css in der der Verweis auf das Eltern Thema ist.
Meist wird noch ein Preview png /oder jpg dabei gelegt, damit man in der Themenauswahl auch ein Bildchen sehen kann. Weshalb wir hier noch eine functions.php dabei haben wird dir später auch noch bewusst.
Die style.css des Child beinhaltete wie die functions.php noch keine richtigen Inhalte.
Die style.css sieht im oberen Bereich so aus, dass WordPress weis, auf welches Eltern Theme es zurückgreifen soll:/* Theme Name: Enfold Child … Template: enfold */wichtig hierbei im auskommentierten Bereich sind also diese beiden Teile. Der Name ist beliebig wählbar.
Das Template: enfold gibt das Eltern Thema an.Das Eltern Thema liefert Alles zum Betrieb des Systems. Das Kind Thema dient dabei nur Veränderungen so zu speichern, dass Updates das Eltern Thema betreffend Veränderungen die dem Kind Thema gegeben wurden nicht überschrieben werden.
Die Functions.php ist in WordPress eine zentrale Datei, und auch gleich eine Besonderheit.
Obwohl ja nun Eltern- als auch Kind-Thema beide eine functions.php haben, überschreibt die ein Datei nicht die Andere.
Wenn du zB eine header.php im Kind Thema hast ist das so. Nur bei der functions.php werden Informationen dem Eltern Thema hinzugefügt.
Wenn man was im Eltern Thema innerhalb der functions.php überscheiben will geht das – bedarf aber der dafür vorgesehenen Form.All die kleinen “Snippets” hier an Board, die einem helfen sollen das Aussehen oder die Funktion von Enfold zu verändern kommen oft dort hinein.
Einer dieser Standard Einträge die ich dort ( child-theme functions.php) immer habe ist zB:function admin_head_mod() { echo '<style type="text/css"> #avia_quick_css .avia_description {float: none;margin-bottom: 20px !important;padding-left: 0 !important;width: 98%} #avia_quick_css .avia_control {float: left;max-width: 98% !important;width: 98% !important} .avia_footer_links li {float: left;padding-right: 20px} .avia_footer .avia_footer_save {float: left} .avia_reset {pointer-events: none !important } #avia_options_page { max-width: 3000px!important} </style>'; } add_action('admin_head', 'admin_head_mod');hier kannst du schön sehen, wie so ein Kind Thema jetzt agiert:
Dieser kleine Code Schnipsel sorgt dafür, dass das Optionen Feld bei Enfold die Screenweite voll ausnutzt, und das Quick CSS Eingabefeld auch die Volle Breite bekommt. Diese Veränderung betrifft also in dem Fall zwar nur das Backend von Enfold hilft mir aber ein schöneres Look and Feel zu haben.
Beim nächsten Update von Enfold geht dieser Eintrag nun nicht verloren, weil ja nur das Eltern Thema : functions.php überschrieben wird.Wie würde ich nun an deiner Stelle vorgehen. :
Besorge dir die Daten für deinen Neuen Hoster bezüglich :Datenbank-Name
Datenbank-Passwort
Datenbank-Host ( viele haben dort nur local-host stehen, bei Strato stand dort aber etwas anderes: rdbms.strato.de) also auch das WebGo erfragen. Normalerweise steht da :/** Ersetze localhost mit der MySQL-Serveradresse */ define('DB_HOST', '');Diese Daten änderst du in deiner heruntergeladenen wp-config.php
Alles Andere dort kann so bleiben.
Sollte dort der Standard Tabellen Präfix wp_ benutzt werden ändere den auch noch. Dir wird was einfallen z.B. ae19_1) lade das Verzeichnis nun mit der veränderten wp-config hoch (per ftp) zu deinem neuen Hoster Rootverzeichnis.
2) rufe deine Domain auf. – hier wird nun so alle Daten in der wp-config richtig waren die Initialisierung des WordPress veranlasst.
2a) Gib nun also dein die Installation betreffenden Daten ein ( wie die Seite heißen soll – dein Nick – dein Passwort (bitte notieren))3) aktiviere ( das mit dem Child-Theme nehmen wir uns später vor) nun Enfold und schau ob dort die Einstellungen soweit denen entsprechen, was du vorher eingestellt hast ( also Farbschema und quick css Einträge)
4) Leider ist nun auch die Mediathek leer – obwohl ja die Dateien oben sind! ( Weil du ahnst es schon diese Infos in der Datenbank stehen)
– es gibt zwar ein Plugin (Add from Server) – welches das angebelich gut kann, aber
4a) wenn es nicht allzuviele Dateien sind lade Sie am besten neu hoch. Vorher solltest du das Verzeichnis wp-content/uploads dahingehend bereinigen. hier – bitte keine Enfold Sachen ( weist schon : avia_fonts und dynamic_avia ) löschen nur das was du hochgeladen hast. Wenn du vorher in Jahres und Monatsbasierten Ordnern hochgeladen hast befinden sich diese Dateien in 2019/2018 etc– wenn du hier soweit bist gib bescheid, dann geht es weiter.
-
This reply was modified 6 years, 3 months ago by
-
AuthorPosts



