-
תגובות
-
בס"ד
ערב טוב,
במדריך באתר נאמר להכין לוגו לתבנית הנ"ל 300 על 100, הבעיה שלי זה שההידר הדביק חותך את הלוגו,
משום מה בתבנית הזו לא ניתן להגדיר גודל הלוגו באחוזים כמו בשאר התבניו, תמוה מאוד,דבר שני הייתי מעוניין להכניס קוד גוגל מפות לוויג'ט טקסט, אבל עיצוב מהאתר הזה: (הרעיון הוא להשתמש בעיצוב שונה)
https://snazzymaps.com/style/2/midnight-commanderאני מקבל את הקוד הזה:
[{"featureType":"all","elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"color":"#000000"},{"lightness":13}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#144b53"},{"lightness":14},{"weight":1.4}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#08304b"}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#0c4152"},{"lightness":5}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#0b434f"},{"lightness":25}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#000000"}]},{"featureType":"road.arterial","elementType":"geometry.stroke","stylers":[{"color":"#0b3d51"},{"lightness":16}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"}]},{"featureType":"transit","elementType":"all","stylers":[{"color":"#146474"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#021019"}]}]תגובה זו סומנה כפרטית.1. על איזו גרסה ערכת עיצוב אתה עובד?
2. נסה להכניס את זה בתוך הוידג'ט טקסט שנמצא בלשונית WordPress Widgets בבילדר.
בס"ד
1. Berlin גרסה: 2.0.2
2. ניסיתי לא עובד רואים את הקוד כמו טקסט1. אתה עובד על גרסה לא מעודכנת.
גבה ועדכן את הערכת עיצוב ותראה אם זה עוזר.
2. הקוד הזה הוא JavaScript. אתה צריך קוד הטמעה בשביל זה.
1. עדכנתי את התבנית לא קרה כלום.
2. היכן אני רואה כאן https://snazzymaps.com/style/2/midnight-commander קוד הטמעה?
תודה נועהאי אפשר להשתמש בקוד הזה כמו הטמעה רגילה של קוד EMBED
צריך להוסיף את הקוד הזה שהם מביאים בקובץ למטה לתוך אזור ה Head של העמוד, שים לב לתיעוד שכתוב בקובץ (צריך להוסיף קווי רוחב/אורך):
<!DOCTYPE html> <html> <head> <title>Snazzy Maps Super Simple Example</title> <style type="text/css"> /* Set a size for our map container, the Google Map will take up 100% of this container */ #map { width: 750px; height: 500px; } </style> <!-- You need to include this script tag on any page that has a Google Map. The following script tag will work when opening this example locally on your computer. But if you use this on a localhost server or a live website you will need to include an API key. Sign up for one here (it's free for small usage): https://developers.google.com/maps/documentation/javascript/tutorial#api_key After you sign up, use the following script tag with YOUR_GOOGLE_API_KEY replaced with your actual key. <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_GOOGLE_API_KEY&sensor=false"></script> --> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> // When the window has finished loading create our google map below google.maps.event.addDomListener(window, 'load', init); function init() { // Basic options for a simple Google Map // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions var mapOptions = { // How zoomed in you want the map to start at (always required) zoom: 11, // The latitude and longitude to center the map (always required) center: new google.maps.LatLng(40.6700, -73.9400), // New York // How you would like to style the map. // This is where you would paste any style found on Snazzy Maps. styles: [{"featureType":"all","elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"color":"#000000"},{"lightness":13}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#144b53"},{"lightness":14},{"weight":1.4}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#08304b"}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#0c4152"},{"lightness":5}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#0b434f"},{"lightness":25}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#000000"}]},{"featureType":"road.arterial","elementType":"geometry.stroke","stylers":[{"color":"#0b3d51"},{"lightness":16}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"}]},{"featureType":"transit","elementType":"all","stylers":[{"color":"#146474"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#021019"}]}] }; // Get the HTML DOM element that will contain your map // We are using a div with id="map" seen below in the <body> var mapElement = document.getElementById('map'); // Create the Google Map using our element and options defined above var map = new google.maps.Map(mapElement, mapOptions); // Let's also add a marker while we're at it var marker = new google.maps.Marker({ position: new google.maps.LatLng(40.6700, -73.9400), map: map, title: 'Snazzy!' }); } </script> </head> <body> <h1>Snazzy Maps Super Simple Example</h1> <h2><a href="https://snazzymaps.com/style/2/midnight-commander" target="_blank">Midnight Commander</a></h2> <!-- The element that will contain our Google Map. This is used in both the Javascript and CSS above. --> <div id="map"></div> </body> </html>בס"ד
קודם כל תודה, ניראה אם הבנתי:
א. את הקוד שנתת (שמורידים) להכניס לתגית head לצורך העניין בעמוד "צור קשר"
ב. לשנות קווי אורך/רוחב התכוונת לזה?
width: 750px;
height: 500px;
ג. דבר אחרון איך אני ממקם אותו בבילדר וויג'ט טקסט לדוגמא?נ.ב
מה שיותר חשוב לי זה השאלה הראשונה למה הלוגו נחתך בהידר דביק, נועה הציעה לשדרג אותה ועדין זה לא שינההמון תודה
לגבי ה JS מכניסים את כל הקוד לתוך התגיות HEAD באותו עמוד, רק צריך לערוך אותו בהתאם למפה שלך, שים לב לדוגמא לשורה:
// The latitude and longitude to center the map (always required) center: new google.maps.LatLng(40.6700, -73.9400), // New Yorkפה אתה צריך לשים את הקווי אורך/רוחב של מרכז המפה
לאחר מכן צריך להגדיר רוחב וגובה של המפה עצמה
וגם את המיקום עצמולאחר שעשית את כל זה אתה צריך להכניס לתוך וידג'ט טקסט אך ורק את הקוד הזה:
<div id="map"></div>
וזה אמור לעבודלגבי הלוגו, אנחנו הפסקנו להשתמש בהקטנה והגדלה של הלוגו באחוזים כי זה יצר הרבה בעיות בביצועים ובנראות. אנחנו מעדיפים שיעלו תמונה בגודל הנכון.
לגבי הלוגו בהידר הדביק, פשוט תעלה גודל תמונה קטן עוד יותר (עד גובה של 60PX) ייעודי לשם וזה יראה מעולה.
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.