Theme Editor?

[Daten]

Ако някой си има няква представа или по-точно знае как може да се едитне темплейт на уордпресс нека пише тук. Блгадоря

 

[coolice]

ами точно с тхеме едитор отиваш и човъркаш по кода ... проблем ли имаш с едитора?

 

[Daten]

От: Theme Editor?

Ясно ми е от къде се едитва въпроса е кое точно се едитва
А иначе става върпос за Сайдбар 1 или 2
Отвори ми сайта, и виж как двата ми сайдбара са отдясно искам единия да е от ляво другия от дясно, ако имаш някво решение моля пиши :wink:

 

[Blinky]

От: Theme Editor?

А какво точно искаш да направиш, за какво искаш едит? Има много манипулаций, които можеш да направиш, въпроса е какви резултати търсиш. Май ще трабва да се пипа в индекса, да не те плаша, но работата е за сериозно пипане. Защото може да счупи селия тамплейт, както и да го направи пълен с грешки и видимо добре през определени браузъри, а през други - не.

 

[Daten]

От: Theme Editor?

Това че може да се оплеска цялата работа ми е напълно ясно и затова се оббърнах към Мастърите като тебе и coolice.

 

[voic4e]

От: Theme Editor?

Ето тук съм го направил:

http://www.predpriemach.com/showpost.php?p=53925&postcount=41


Значи аз ползвам тема Code Blue 1.01 by Brian Gardner , при която 2-те менюта бяха от дясно. При нея оригиналът на една от страниците изглеждаше така:

<?php get_header(); ?>

<div id="content">

    <div id="contentleft">
    
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        
        <h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
        
        <div class="date">
            <?php the_time('F j, Y'); ?>  by <?php the_author_posts_link(); ?> &middot; <?php comments_popup_link('Comment', '1 Comment', '% Comments'); ?><br />Filed under: <?php the_category(', ') ?>&nbsp;<?php edit_post_link('(Edit)', '', ''); ?> 
        </div>
        
        <?php the_content(__('Read more'));?><div style="clear:both;"></div>
        
        <div class="postmeta">
            <p>Tags: <?php the_tags('') ?> </p>
        </div>
        
        <?php endwhile; else: ?>
        
        <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
        <p><?php posts_nav_link(' — ', __('&laquo; Previous Page'), __('Next Page &raquo;')); ?></p>
    
    </div>
        
    <?php include(TEMPLATEPATH."/l_sidebar.php");?>
    
    <?php include(TEMPLATEPATH."/r_sidebar.php");?>

</div>

<!-- The main column ends  -->

<?php get_footer(); ?>

Аз преместих

    <?php include(TEMPLATEPATH."/l_sidebar.php");?>

преди

    <div id="contentleft">
    
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        
        <h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
        
        <div class="date">
            <?php the_time('F j, Y'); ?>  by <?php the_author_posts_link(); ?> &middot; <?php comments_popup_link('Comment', '1 Comment', '% Comments'); ?><br />Filed under: <?php the_category(', ') ?>&nbsp;<?php edit_post_link('(Edit)', '', ''); ?> 
        </div>
        
        <?php the_content(__('Read more'));?><div style="clear:both;"></div>
        
        <div class="postmeta">
            <p>Tags: <?php the_tags('') ?> </p>
        </div>
        
        <?php endwhile; else: ?>
        
        <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
        <p><?php posts_nav_link(' — ', __('&laquo; Previous Page'), __('Next Page &raquo;')); ?></p>
    
    </div>

ето така изглежда окончателно конкретния файл:

<?php get_header(); ?>

<div id="content">
        
    <?php include(TEMPLATEPATH."/l_sidebar.php");?>

    <div id="contentleft">
    
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        
        <h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
        
        <div class="date">
            <?php the_time('F j, Y'); ?>  by <?php the_author_posts_link(); ?> &middot; <?php comments_popup_link('Comment', '1 Comment', '% Comments'); ?><br />Filed under: <?php the_category(', ') ?>&nbsp;<?php edit_post_link('(Edit)', '', ''); ?> 
        </div>
        
        <?php the_content(__('Read more'));?><div style="clear:both;"></div>
        
        <div class="postmeta">
            <p>Tags: <?php the_tags('') ?> </p>
        </div>
        
        <?php endwhile; else: ?>
        
        <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
        <p><?php posts_nav_link(' — ', __('&laquo; Previous Page'), __('Next Page &raquo;')); ?></p>
    
    </div>
    
    <?php include(TEMPLATEPATH."/r_sidebar.php");?>

</div>

<!-- The main column ends  -->

<?php get_footer(); ?>

Моята тема имаше три файла, в които присъстваше такъв код:

Main Index Template (index.php)
Single Post (single.php)
Page Template (page.php)


Освен това трябваше да променя style.css или както там се казваше, за да оправя padding-а на лявото меню. Възможно е при теб да има и друг проблем: ако в CSS-а на някое от менютата е зададено

float: right;

то може да ти разбърка нещата, но не е сложно. Ако съм на линия и не си ги нагласил може да ти помогна.


При теб може би е малко по-различно - други имена на файлове, други имена на менютата и т.н., но принципът е същият. Разгледай кода и може да успееш да се ориентираш. Надявам се преди това да си запазиш някъде резервно копие на всичко, та ако оплескаш нещата, да ги възстановиш бързо и лесно. :wink:

 

[Daten]

От: Theme Editor?

Струва ми се че ще оплескам нещата, ако може намери брат ми в скайп да го оправите. Скайпа му е Sentenello.

 

[voic4e]

От: Theme Editor?

Писах му в скайпа, чакам да ме одобри

Един полезен съвет по темата:

когато променяте код на някой сайт, особено касаещ оформлението му, е добре да имате под ръка Internet Explorer с инсталиран Developer Toolbar (сваля се от сайта на Майкрософт).

Той има една опция (бутон с нарисуван в него показалец на мишката), която позволява бързо и лесно да откриете елемента, който Ви разваля външния вид на сайта. Активирате този бутон и започвате да разхождате мишката по екрана, при което отделните елементи на страницата се заграждат от син правоъгълник.

Така може да откриете например елемент с padding или margin на неправилното място. Или пък елемент с неподходяща стойност на float:. Когато щракнете върху него, в toolbar-а се появява името му и всички стойности за CSS-а на този елемент. След това отивате в Theme Editor, отваряте CSS файла, натискате Ctrl-F и намирате името на разваления елемент.

Сменяте стойностите, натискате бутона за запис и в друг прозорец отваряте отново някоя от страниците в блога Ви. Така в единия прозорец променяте, в другия презареждате. Ако не е наред пак променяте, записвате и пак презареждате и така докато оправите нещата. :wink:


Сори, че обяснявам толкова подробно - може да го прочете някой, който до сега не се е занимавал толкова с такива неща :wink:

 

[Daten]

От: Theme Editor?

Благодаря ти за помоща. А брат ми скоро трябва да взезе в скайп

 

[voic4e]

От: Theme Editor?

Искам да сложа и още един много важен пост по темата: когато променяте код, вероятно ще срещнете объркване от разположението на елементите на някоя страница.


Обикновено, за разделянето на страницата на отделни части, полета или както искате си ги наричайте, се използват елементи DIV - division (разделител). Браузъра обхожда кода от горе на долу:

<html>
<body>

<div style="">DIV 1</div>
<div style="">DIV 2</div>
<div style="">DIV 3</div>
<div style="">DIV 4</div>
<div style="">DIV 5</div>

</body>
</html>

Ако в кода имате 5 DIV-а, обикновено те се нареждат един под друг. Ако обаче им зададете свойството float: те се опитват да се долепят един до друг:

<html>
<body>

<div style="">DIV 1</div>
<div style="float: left;">DIV 2</div>
<div style="float: left;">DIV 3</div>
<div style="float: left;">DIV 4</div>
<div style="">DIV 5</div>

</body>
</html>

Т.е. стигайки до елемент 2, браузъра ще види, че той трябва да е вляво и ще го сложи най-отляво. После ще иде на елемент 3 и ще придвижи и него към лявата част на страницата - до елемент 2. Стигайки до елемент 4, ще го разположи колкото може по-наляво, но не по-наляво от елемент 3.


Много от браузърите ще долепят последния, 5-и елемент (на който не му е зададено свойството float), до 4-я - за да не се случи това, на 5-я елемент му здаваме clear: both;

<html>
<body>

<div style="">DIV 1</div>
<div style="float: left;">DIV 2</div>
<div style="float: left;">DIV 3</div>
<div style="float: left;">DIV 4</div>
<div style="clear: both;">DIV 5</div>

</body>
</html>

По този начин, с float: left; DIV 2,3 и 4 се наредят от ляво на дясно.



Вие може да зададете и float: right; При това положение браузъра ще ги обходи един по един и стигайки до елемент 2, ще го прати най-отдясно, после до него ще сложи елемент 3 и най накрая - 4.

<html>
<body>

<div style="">DIV 1</div>
<div style="float: right;">DIV 2</div>
<div style="float: right;">DIV 3</div>
<div style="float: right;">DIV 4</div>
<div style="clear: both;">DIV 5</div>

</body>
</html>

Така елементите 2,3 и 4 ще се наредят от дясно наляво.



Ако имате смесица - тези с float: left; ще се стремят да отидат вляво по реда на появяването им в кода - първият ще иде най-отляво и след него останалите. А тези с float: right; ще се стремят да отидат вдясно - пак по реда на появяването им в кода - първият най-отдясно и след него останалите.

 

[Blinky]

От: Theme Editor?

Бате, успя. voic4e-то си го бива, а?
Браво, искам да му благодаря и аз, защото е доста ценно, и цялата тема стана такава. Ще му се върне това Успехи и блога изглежда супер, Успехи и на двама.

 

[Daten]

От: Theme Editor?

Благодаря за думите Блинки.
Искам да изразя наистина много големи благодарности на Voic4e, защото ако не беше той щях да си играя доста време и можеше да няма никакъв резултат. :twisted:

 

[voic4e]

От: Theme Editor?

Мерси, за пожеланията, Blinky!

Радвам се, че от време на време се появява по нещо, с което мога да помогна - трябва да допринеса с нещо за развитието на форума, не може само на мен да ми помагате :wink: