gotham7878 Δημοσ. 17 Ιουνίου 2013 Δημοσ. 17 Ιουνίου 2013 Και μπαινω κατευθειαν στο θέμα α) Έχω φορτώσει ένα logo στο header. Πως μπορώ να το κάνω λινκ για την αρχική? β) Έχω φτιάξει το μενου οπως θέλω. Δεν θελω ομως να φτιαχεται αυτοματα απο τις κατηγοριες, θελω να βαζω εγω οτι θελω. γ) Στα blocks στην sidebar δεν εχω βρει τροπο να μην κανει καθολου padding. Δηλαδη έχω ενα κωδικα για widget και μου αφηνει κενο. Ευχαριστώ
SlackulatoR Δημοσ. 17 Ιουνίου 2013 Δημοσ. 17 Ιουνίου 2013 Μπορείς να δώσεις ένα link; α) Αυτό δοκίμασες να το φτιάξεις πηγαίνοντας στο header.php; βάλε π.χ <a href="www.mysite.com"><img src="header.jpg"/></a>
gotham7878 Δημοσ. 17 Ιουνίου 2013 Μέλος Δημοσ. 17 Ιουνίου 2013 Μπορείς να δώσεις ένα link; α) Αυτό δοκίμασες να το φτιάξεις πηγαίνοντας στο header.php; βάλε π.χ <a href="www.mysite.com"><img src="header.jpg"/></a> Στο index.php του template μου έχει μόνο αυτό το κωδικα <?php get_header(); ?> <?php get_sidebar('top'); ?> <?php if (have_posts()) { /* Display navigation to next/previous pages when applicable */ if (theme_get_option('theme_' . (theme_is_home() ? 'home_' : '') . 'top_posts_navigation')) { theme_page_navigation(); } /* Start the Loop */ while (have_posts()) { the_post(); get_template_part('content', get_post_format()); } /* Display navigation to next/previous pages when applicable */ if (theme_get_option('theme_bottom_posts_navigation')) { theme_page_navigation(); } } else { theme_404_content(); } ?> <?php get_sidebar('bottom'); ?> <?php get_footer(); ?> Έβαλα την γραμμη που μου εδωσες αλλα δεν δουλεψε... Και μπαινω κατευθειαν στο θέμα α) Έχω φορτώσει ένα logo στο header. Πως μπορώ να το κάνω λινκ για την αρχική? β) Έχω φτιάξει το μενου οπως θέλω. Δεν θελω ομως να φτιαχεται αυτοματα απο τις κατηγοριες, θελω να βαζω εγω οτι θελω. γ) Στα blocks στην sidebar δεν εχω βρει τροπο να μην κανει καθολου padding. Δηλαδη έχω ενα κωδικα για widget και μου αφηνει κενο. Ευχαριστώ Παιδιά το β το έλυσα... Όποιος έχει το ιδιο πρόβλημα είναι εύκολο να λυθεί. Οι κατηγορίες μπάινουν μόνο εφόσον δεν εχει δηλωθεί primary menu. Όπότε το δηλώνετε (φώτο)
gotham7878 Δημοσ. 17 Ιουνίου 2013 Μέλος Δημοσ. 17 Ιουνίου 2013 Ποιο theme χρησιμοποιείς βασικά; Έφτιαξα ένα με το artisteer. Βρήκα τωρα μια λυση. Εφτιαξα ενα position εκει που ηθελα και φορτωσα το logo με κωδικα
gotham7878 Δημοσ. 12 Ιουλίου 2013 Μέλος Δημοσ. 12 Ιουλίου 2013 Το template που χρησιμοποιω απο artisteer εχει την λειτουργια responsive για κινητα. Ομως οταν βλεπω το site σε tablet (ipad), οταν ειναι οριζοντιο τη βλεπω μια χαρα τη σελιδα. Οταν κραταω το ipad καθετα τοτε γινεται σαν του κινητου. Ξερετε πως μπορω να απενεργοποιησω αυτη την λειτουργια για το ipad? Βρηκα ενα αρχειο style.responsive.css /* Created by Artisteer v4.1.0.59861 */ .responsive body { min-width: 240px; } .responsive .art-content-layout img, .responsive .art-content-layout video { max-width: 100%; height: auto !important; } .responsive.responsive-phone .art-content-layout img { float: none !important; } .responsive .art-content-layout .art-sidebar0, .responsive .art-content-layout .art-sidebar1, .responsive .art-content-layout .art-sidebar2 { width: auto !important; } .responsive .art-content-layout, .responsive .art-content-layout-row, .responsive .art-layout-cell { display: block; } .responsive .image-caption-wrapper { width: auto; } .responsive.responsive-tablet .art-vmenublock, .responsive.responsive-tablet .art-block { margin-left: 1%; margin-right: 1%; width: 48%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .responsive .art-responsive-embed { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .responsive .art-responsive-embed iframe, .responsive .art-responsive-embed object, .responsive .art-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive .art-sheet { width: auto !important; min-width: 240px !important; max-width: none; margin-right: 1% !important; margin-left: 1% !important; margin-top: 1% !important; } #art-resp { display: none; } @media all and (max-width: 999px) { #art-resp, #art-resp-t { display: block; } #art-resp-m { display: none; } } @media all and (max-width: 480px) { #art-resp, #art-resp-m { display: block; } #art-resp-t { display: none; } } /* dynamic width nav */ .art-nav .art-menu-btn { border: 1px solid #404040; border-radius: 3px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2); display: none; background: -ms-linear-gradient(top, #707070 0, #000 100%); background: -moz-linear-gradient(top, #707070 0, #000 100%); background: -o-linear-gradient(top, #707070 0, #000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000)); background: -webkit-linear-gradient(top, #707070 0, #000 100%); background: linear-gradient(to bottom, #707070 0, #000 100%); margin: 3px; padding: 5px; position: relative; width: 20px; } .art-nav .art-menu-btn span { background: #E0E0E0; border-radius: 2px; display: block; height: 3px; margin: 3px 1px; position: relative; -moz-transition: background .2s; -o-transition: background .2s; -webkit-transition: background .2s; transition: background .2s; } .art-nav .art-menu-btn:hover span { background: #f3f3f3; } .responsive .art-nav .art-menu-btn { display: inline-block; } .responsive nav.art-nav, .responsive .art-nav-inner { width: auto !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; margin-top: 0; margin-bottom: 0; min-width: 0; text-align: left !important; } .responsive nav.art-nav { min-width: 1%; } .responsive .art-nav { padding-left: 0; padding-right: 0; } /* full width hmenu, instead of inline-block */ .responsive .art-nav ul.art-hmenu { display: none; float: none; text-align: center; } .responsive .art-nav .art-hmenu.visible { display: block; } /* elements on different lines */ .responsive .art-nav ul.art-hmenu li, .art-hmenu-extra1, .art-hmenu-extra2 { float: none; } /* horizontal margins */ .responsive .art-nav ul.art-hmenu>li:first-child, .responsive .art-nav ul.art-hmenu>li:last-child, .responsive .art-nav ul.art-hmenu>li { margin-left: 0; margin-right: 0; } /* separator */ .responsive .art-nav ul.art-hmenu>li:before { display: none; } /* vertical distance between items */ .responsive .art-nav ul.art-hmenu a { margin-top: 1px !important; margin-bottom: 1px !important; text-align: center !important; height: auto; white-space: normal; } .responsive .art-nav ul.art-hmenu>li:first-child>a { margin-top: 0 !important; } .responsive .art-nav ul.art-hmenu>li:last-child>a { margin-bottom: 0 !important; } /* fixes for extended menu */ .responsive .art-nav .ext, .responsive .art-nav ul.art-hmenu>li>ul, .responsive .art-nav ul.art-hmenu>li>ul>li, .responsive .art-nav ul.art-hmenu>li>ul>li a { width: auto !important; } /* submenu position on hover */ .responsive .art-nav ul.art-hmenu ul { left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; display: none !important; } .responsive .art-nav ul.art-hmenu>li>ul>li:first-child:after { display: none; } .responsive .art-header { width: auto; height: auto; min-height: 100px; min-width: 1%; background-position: center center !important; background-size: cover !important; background-repeat: repeat !important; } .responsive .art-header .art-headline, .responsive .art-header .art-slogan { display: block !important; top: 0 !important; left: 0 !important; margin: 2% !important; } .responsive .art-header .art-headline a, .responsive .art-header .art-slogan { white-space: normal !important; } .responsive .art-header * { position: relative; text-align: center; -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } .responsive .art-header #art-flash-area, .responsive .art-header .art-shapes>* { display: none; } .responsive #art-header-bg { background-position: center center !important; background-size: cover !important; background-repeat: repeat !important; } /* Search and other elements in header element directly */ .responsive .art-header>.art-textblock { position: relative !important; display: block !important; margin: 1% auto !important; width: 75% !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; } /* For icons like facebook, rss, etc. */ .responsive .art-header>.art-textblock>div { width: 100%; } .responsive .art-content-layout, .responsive .art-content-layout-row, .responsive .art-layout-cell { display: block; } .responsive .art-layout-cell { width: auto !important; height: auto !important; border-right-width: 0 !important; border-left-width: 0 !important; border-radius: 0 !important; } .responsive .art-content-layout:after, .responsive .art-content-layout-row:after, .responsive .art-layout-cell:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .responsive .art-post { border-radius: 0; } .responsive .art-footer-inner { min-width: 0; } .responsive .responsive-tablet-layout-cell { width: 50% !important; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Και ενα script.responsive.js /* Created by Artisteer v4.1.0.59861 */ /*jshint forin:true, noarg:true, noempty:true, eqeqeq:true, bitwise:true, strict:true, undef:true, curly:false, browser:true, jquery:false */ /*global jQuery */ var responsiveDesign = { isResponsive: false, isDesktop: false, isTablet: false, isPhone: false, windowWidth: 0, responsive: (function ($) { "use strict"; return function () { var html = $("html"); this.windowWidth = $(window).width(); var triggerEvent = false; var isRespVisible = $("#art-resp").is(":visible"); if (isRespVisible && !this.isResponsive) { html.addClass("responsive").removeClass("desktop"); this.isResponsive = true; this.isDesktop = false; triggerEvent = true; } else if (!isRespVisible && !this.isDesktop) { html.addClass("desktop").removeClass("responsive responsive-tablet responsive-phone"); this.isResponsive = this.isTablet = this.isPhone = false; this.isDesktop = true; triggerEvent = true; } if (this.isResponsive) { if ($("#art-resp-t").is(":visible") && !this.isTablet) { html.addClass("responsive-tablet").removeClass("responsive-phone"); this.isTablet = false; this.isPhone = false; triggerEvent = true; } else if ($("#art-resp-m").is(":visible") && !this.isPhone) { html.addClass("responsive-phone").removeClass("responsive-tablet"); this.isTablet = false; this.isPhone = true; triggerEvent = true; } } if (triggerEvent) { $(window).trigger("responsive", this); } $(window).trigger("responsiveResize", this); }; })(jQuery), initialize: (function ($) { "use strict"; return function () { $("<div id=\"art-resp\"><div id=\"art-resp-m\"></div><div id=\"art-resp-t\"></div></div>").appendTo("body"); var resizeTimeout; $(window).resize(function () { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(function () { responsiveDesign.responsive(); }, 25); }); $(window).trigger("resize"); }; })(jQuery) }; function responsiveAbsBg(responsiveDesign, el, bg) { "use strict"; if (bg.length === 0) return; var desktopBgTop = bg.attr("data-bg-top"); var desktopBgHeight = bg.attr("data-bg-height"); if (responsiveDesign.isResponsive) { if (typeof desktopBgTop === "undefined" || desktopBgTop === false) { bg.attr("data-bg-top", bg.css("top")); bg.attr("data-bg-height", bg.css("height")); } var elTop = el.offset().top; var elHeight = el.outerHeight(); bg.css("top", elTop + "px"); bg.css("height", elHeight + "px"); } else if (typeof desktopBgTop !== "undefined" && desktopBgTop !== false) { bg.css("top", desktopBgTop); bg.css("height", desktopBgHeight); bg.removeAttr("data-bg-top"); bg.removeAttr("data-bg-height"); } } var responsiveImages = (function ($) { "use strict"; return function (responsiveDesign) { $("img[width]").each(function () { var img = $(this), newWidth = "", newMaxWidth = "", newHeight = ""; if (responsiveDesign.isResponsive) { newWidth = "auto"; newHeight = "auto"; newMaxWidth = "100%"; var widthAttr = img.attr("width"); if (widthAttr !== null && typeof (widthAttr) === "string" && widthAttr.indexOf("%") === -1) { newWidth = "100%"; newMaxWidth = parseInt($.trim(widthAttr), 10) + "px"; } } img.css("width", newWidth).css("max-width", newMaxWidth).css("height", newHeight); }); }; })(jQuery); var responsiveVideos = (function ($) { "use strict"; return function (responsiveDesign) { $("iframe,object,embed").each(function () { var obj = $(this); var container = obj.parent(".art-responsive-embed"); if (responsiveDesign.isResponsive) { if (container.length !== 0) return; container = $("<div class=\"art-responsive-embed\">").insertBefore(obj); obj.appendTo(container); } else if (container.length > 0) { obj.insertBefore(container); container.remove(); } }); }; })(jQuery); var responsiveTextblocks = (function ($) { "use strict"; return function (slider, responsiveDesign) { slider.find(".art-textblock").each(function () { if (parseInt(slider.attr("data-width"), 10) === 0) { return true; } var tb = $(this); var c = slider.width() / slider.attr("data-width"); tb.css({ "height": "", "width": "", "top": "", "margin-left": "" }); if (responsiveDesign.isResponsive) { var tbHeight = parseInt(tb.css("height"), 10); var tbWidth = parseInt(tb.css("width"), 10); var tbTop = parseInt(tb.css("top"), 10); var tbMargin = parseInt(tb.css("margin-left"), 10); tb.add(tb.children()).css({ "height": tbHeight * c, "width": tbWidth * c }); tb.css("top", tbTop * c); tb.attr("style", function (i, s) { return s + "margin-left: " + (tbMargin * c) + "px !important"; }); } }); }; })(jQuery); var responsiveSlider = (function ($) { "use strict"; return function (responsiveDesign) { $(".art-slider").each(function () { var s = $(this); responsiveTextblocks(s, responsiveDesign); if (!responsiveDesign.isResponsive) { s.removeAttr("style"); return; } // set size var initialWidth = s.attr("data-width"); var initialHeight = s.attr("data-height"); var c = s.width() / initialWidth; var h = c * initialHeight; s.css("height", h + "px"); // set slider var obj = s.data("slider"); if (obj && obj.settings.helper) { var inner = s.find(".art-slider-inner"); obj.settings.helper.updateSize(inner, { width: initialWidth, height: initialHeight }); } }); }; })(jQuery); var responsiveCollages = (function ($) { "use strict"; return function (responsiveDesign) { $(".art-collage").each(function () { var collage = $(this); var parent = collage.closest(":not(.image-caption-wrapper, .art-collage)"); var parentWidth = parent.width(); var collageWidth = collage.width(); var sliderOriginalWidth = collage.children(".art-slider").attr("data-width"); if (responsiveDesign.isResponsive && collageWidth > parentWidth) { collage .add(collage.find(".art-slider")) .add(collage.closest(".image-caption-wrapper")) .css("width", "100%"); } else if (!responsiveDesign.isResponsive || collageWidth > sliderOriginalWidth) { collage .add(collage.find(".art-slider")) .add(collage.closest(".image-caption-wrapper")) .css("width", ""); } }); }; })(jQuery); var responsiveNavigator = (function ($) { "use strict"; return function (responsiveDesign) { $(".art-slider").each(function () { var currentSlider = $(this); var currentSliderWidth = currentSlider.width(); var sliderNavigator = currentSlider.siblings(".art-slidenavigator"); if (sliderNavigator.length) { if (responsiveDesign.isResponsive) { // left offset var left = sliderNavigator.attr("data-left"); var margin = currentSliderWidth - currentSliderWidth * parseFloat(left) / 100 - sliderNavigator.outerWidth(false); if (margin < 0) { sliderNavigator.css("margin-left", margin); } // top var sliderHeight = currentSlider.css("height"); // reset top to original value sliderNavigator.css("top", ""); // newTop = oldTop - (sliderOrinalHeight - sliderCurrentHeight) var offset = parseInt(sliderNavigator.attr("data-offset") || 0, 10); sliderNavigator.css("top", parseInt(sliderNavigator.css("top"), 10) - (currentSlider.attr("data-height") - parseInt(sliderHeight, 10)) + offset); } else { sliderNavigator.removeAttr("data-offset"); sliderNavigator.removeAttr("style"); } } }); }; })(jQuery); jQuery(window).bind("responsive", (function ($) { "use strict"; return function (event, responsiveDesign) { responsiveImages(responsiveDesign); responsiveVideos(responsiveDesign); if ($.browser.msie && $.browser.version <= 8) return; if (responsiveDesign.isResponsive) { $(window).on("responsiveResize.slider", function () { responsiveSlideshow(responsiveDesign); }); } else { $(window).trigger("responsiveResize.slider"); $(window).off("responsiveResize.slider"); } }; })(jQuery)); function responsiveSlideshow(responsiveDesign) { "use strict"; responsiveCollages(responsiveDesign); // must be first responsiveSlider(responsiveDesign); responsiveNavigator(responsiveDesign); } jQuery(window).bind("responsiveResize", (function ($) { "use strict"; return function (event, responsiveDesign) { responsiveAbsBg(responsiveDesign, $("nav.art-nav"), $("#art-hmenu-bg")); }; })(jQuery)); jQuery(function($) { $("<a href=\"#\" class=\"art-menu-btn\"><span></span><span></span><span></span></a>").insertBefore(".art-hmenu").click(function(e) { var menu = $(this).next(); if (menu.is(":visible")) { menu.slideUp("fast", function() { $(this).removeClass("visible").css("display", ""); }); } else { menu.slideDown("fast", function() { $(this).addClass("visible").css("display", ""); }); } e.preventDefault(); }); }); var responsiveHeader = (function ($) { "use strict"; return function(responsiveDesign) { var header = $("header.art-header"); var headerSlider = header.find(".art-slider"); if (headerSlider.length) { var firstSlide = headerSlider.find(".art-slide-item").first(); var slidebg = firstSlide.css("background-image").split(","); var previousSibling = headerSlider.prev(); var sliderNav = headerSlider.siblings(".art-slidenavigator"); if (slidebg.length && responsiveDesign.isResponsive) { header.css("background-image", slidebg[slidebg.length - 1]); header.css("min-height", "0"); // if prev is menu in header if (previousSibling.is("nav.art-nav")) { sliderNav.attr("data-offset", previousSibling.height()); } } else { sliderNav.removeAttr("data-offset"); header.removeAttr("style"); } } }; })(jQuery); jQuery(window).bind("responsiveResize", (function ($) { "use strict"; return function (event, responsiveDesign) { responsiveAbsBg(responsiveDesign, $(".art-header"), $("#art-header-bg")); }; })(jQuery)); jQuery(window).bind("responsive", (function ($) { "use strict"; return function (event, responsiveDesign) { if ($.browser.msie && $.browser.version <= 8) return; if (responsiveDesign.isResponsive) { $(window).on("responsiveResize.header", function () { responsiveHeader(responsiveDesign); }); } else { $(window).trigger("responsiveResize.header"); $(window).trigger("resize"); $(window).off("responsiveResize.header"); } }; })(jQuery)); /*global jQuery, responsiveDesign*/ var responsiveLayoutCell = (function ($) { "use strict"; return function (responsiveDesign) { $(".art-content .art-content-layout-row,.art-footer .art-content-layout-row").each(function () { var row = $(this); var rowChildren = row.children(".art-layout-cell"); if (rowChildren.length > 1) { if (responsiveDesign.isTablet) { rowChildren.addClass("responsive-tablet-layout-cell").each(function (i) { if ((i + 1) % 2 === 0) { $(this).after("<div class=\"cleared responsive-cleared\">"); } }); } else { rowChildren.removeClass("responsive-tablet-layout-cell"); row.children(".responsive-cleared").remove(); } } }); }; })(jQuery); jQuery(window).bind("responsive", function (event, responsiveDesign) { "use strict"; responsiveLayoutCell(responsiveDesign); }); var responsiveLayoutCell = (function ($) { "use strict"; return function (responsiveDesign) { $(".art-content .art-content-layout-row,.art-footer .art-content-layout-row").each(function () { var row = $(this); var rowChildren = row.children(".art-layout-cell"); if (rowChildren.length > 1) { if (responsiveDesign.isTablet) { rowChildren.addClass("responsive-tablet-layout-cell").each(function (i) { if ((i + 1) % 2 === 0) { $(this).after("<div class=\"cleared responsive-cleared\">"); } }); } else { rowChildren.removeClass("responsive-tablet-layout-cell"); row.children(".responsive-cleared").remove(); } } }); }; })(jQuery); jQuery(window).bind("responsive", function (event, responsiveDesign) { "use strict"; responsiveLayoutCell(responsiveDesign); }); if (!jQuery.browser.msie || jQuery.browser.version > 8) { jQuery(responsiveDesign.initialize); } [ Ξερετε τι πρεπει να κανω?
SlackulatoR Δημοσ. 12 Ιουλίου 2013 Δημοσ. 12 Ιουλίου 2013 Αυτό έχει να κάνει με το min-width φαντάζομαι, κάντο 10px από 240px και πες μας αν έφτιαξε. Τώρα για να γίνεται μόνο σε ipad θα πρέπει να ψάξεις κάποιο javascript που κάνει detect.
gotham7878 Δημοσ. 12 Ιουλίου 2013 Μέλος Δημοσ. 12 Ιουλίου 2013 Αυτό έχει να κάνει με το min-width φαντάζομαι, κάντο 10px από 240px και πες μας αν έφτιαξε. Τώρα για να γίνεται μόνο σε ipad θα πρέπει να ψάξεις κάποιο javascript που κάνει detect. Δεν δουλεψε δυστηχως
gotham7878 Δημοσ. 13 Ιουλίου 2013 Μέλος Δημοσ. 13 Ιουλίου 2013 Τελικά μετα από ΠΟΛΥΥΥΥ google βρηκα οτι απλα ήθελε σβησιμο απο το fuctions.php ο παρακάτω κωδικας wp_register_script("script.responsive.js", get_bloginfo('template_url', 'display') . '/script.responsive.js', array('jquery')); wp_enqueue_script("script.responsive.js");
Προτεινόμενες αναρτήσεις
Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε
Πρέπει να είστε μέλος για να αφήσετε σχόλιο
Δημιουργία λογαριασμού
Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!
Δημιουργία νέου λογαριασμούΣύνδεση
Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.
Συνδεθείτε τώρα