Ariel

לגבי ה 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) ייעודי לשם וזה יראה מעולה.

אי אפשר להשתמש בקוד הזה כמו הטמעה רגילה של קוד 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>

עדכון של וורדפרס לא אמור למחוק לך קובץ כזה, זה נושא שלכאורה גם הוא קשור לשרת, פשוט תשאל אותם, אולי הם עשו נגעו בזה

1. (תקרא את סעיף 2 קודם) תוסיף לעיצוב > התאמה אישית > Live CSS את הקוד הבא:

#title-bar .title-primary, #title-bar .breadcrumbs {
    width: auto;
}

זה יסדר את זה

2. הכותרת העליונה מאפשרת להוסיף כותרת נוספת לכל פוסט/עמוד. במידה ואתה לא רוצה אותה אלא רק פירורי לחם, אתה יכול לבטל את הבר כותרת באמצעות > אפשרויות תבנית > בר כותרת > ולבחור באיזה CPT להציג/להסתיר את זה

ברגע שתסתיר את הבר כותרת, הפירורי לחם יעברו ימינה אל מעל הכותרת של הפוסט ואין צורך במה שכתבתי לך בסעיף 1

1. איך בדיוק עשית את העברה מהסביבת פיתוח לדומיין הסופי?

2. הפרטי גישה שנתת למעלה מעיפים אותי החוצה כל פעם, תוכל לסדר את זה כדי שנכנס להעיף מבט?

לצערי לא, זה משהו די טכני שקשור לחברת האחסון.

צריך פשוט לרכוש תעודת SSL – יש הרבה חברות שמוכרות, אבל בד"כ לחברת האחסון כבר יש דיל של ריסיילרים.

לאחר מכן יש להתקין את זה על השרת, באמצעות Cpanel או Directadmin

ועכשיו רק נשאר שהאתר עצמו יעבור כולו תחת התעודה הזאת, וזהו

פשוט היה מוגדר בהגדרות תשלום של WC: הכרח תשלום מאובטח

ולכן זה הכריח את העמוד להציג SSL וכרגע כמו שזה נראה אין לאתר שלך עדיין SSL ולכן זה התנגש

בוורדפרס יש וידג'ט לוח שנה בצורה מובנית שמציג פוסטים לפי תאריך פרסומם באתר

יש מספר תוספי אירועים שמאפשרים להציג לוח אירועים כמו שאת מחפשת, אם כי אני לא יודע להמליץ על תוסף כזה או אחר, שווה לחפש

לא הבנתי, התפריט לא אמור להיות במיקום הזה?

לגבי התפריט נפתח, תעבור להגדרות של הסליידר עצמו ותוסיף לקוביה של CSS & JS > תחת Custom CSS את הקוד הבא:
#rev_slider_7_1_wrapper {z-index:0 !important;}

אני מקבל עדיין את האתר הישן

בכל מקרה תעבור אל > אפשרויות תבנית > כלים > מחיקת זכרון כל התמונות הממוזערות

זה אמור לפתור בעיות מסוג זה

בעמודים חדשים לא אמורה להיות בעיה כלל, ייתכן שבעמודים שייבאת יכולים להיות באגים מסוג זה

לכן ברגע שאת פותחת עמוד חדש ויצאת לך עמוד עם הבילדר, אפשר לשמור את זה כטמפלט בתחתית הבילדר לגיבוי או להעברת לעמוד אחר