Autor Zpráva
stajgi
Profil
#1 · Zasláno: 26. 7. 2016, 21:33:05
Odpovědět Citovat
Zdravím,
chtěl bych požádat o radu ohledně šablony ve wordpressu.
Řeč je o této webovce: www.kubalaprojekt.cz/project/rodinny-dum-staric

Šablona povoluje nahrát pouze 3 fotky do té pravé strany pod sebe. Bylo by možné to upravit tak, aby se dalo nahrát více fotek?
Příliš nerozumím tomu, proč je to omezené. Přijde mi to trochu zbytečné.

Pokud by nebylo možné to pozměnit, tak alespoň pár nápadů jak to obejít aby se zobrazovala vpravo pod nimi?
Zkoušel jsem různé úpravy pozice v html editoru ale z nějakého důvodu to vidím jen pokud dám náhled ve wordpress rozhraní správně ale jakmile to uložím a normálně stránky otevřu, je to zase jako původně.
Nevím proč. Na worpress zkrátka odborník nejsem tak se obracím s žádostí o radu zde.


Soubory šablony
404.php
archive.php
comments.php
footer.php
functions.php
header.php
index.php
page.php
search.php
searchform.php
sidebar.php
single-project.php
single.php
Blank Page - šablona stránky
(template-blank.php)
Page Full Width - šablona stránky
(template-page-fullwidth.php)
Projects Three Columns - šablona stránky
(template-projects-3col.php)
Projects Four Columns - šablona stránky
(template-projects-4col.php)
Projects Full Width - šablona stránky
(template-projects-full.php)

Styly
style.css


Ve stránce v kódu to vypadá takto: 

<div class="col-md-7">
<div class="row">
<div class="col-sm-12">
<div class="project-image-placeholder"><img src="http://www.kubalaprojekt.cz/wp-content/uploads/2016/07/Staric_001-850x500.jpg" alt="Rodinný dům Staříč" /></div>
</div>
<div class="col-sm-12">
<div class="project-image-placeholder"><img src="http://www.kubalaprojekt.cz/wp-content/uploads/2016/07/Staric_002-850x500.jpg" alt="Rodinný dům Staříč" /></div>
</div>
<div class="col-sm-12">
<div class="project-image-placeholder"><img src="http://www.kubalaprojekt.cz/wp-content/uploads/2016/07/staric_003-850x500.jpg" alt="Rodinný dům Staříč" /></div>
</div>
<div class="col-sm-12">
<div class="project-image-placeholder"><img src=" http://www.kubalaprojekt.cz/wp-content/uploads/2016/07/Rd-Staříč-Situace-1024x810.png" width="800" height="500" /></div>
</div>

Ty tři fungují ale čtvrtý je manuálně dopsaný a nefunguje. Respektive, zobrazuje se pod textem v jiné oblasti takže i zarovnání se koná pouze v dané oblasti.


Podle všeho je stránka vytvořena podle šablony Blank Page.php ale tam jsem toho moc nenašel.
Něco jsem ale našel v šabloně single-project.php: 
</div>
            <div class="col-md-7">
                <div class="row">
                    <?php if ( !empty( $project_images )) : ?>
                        
                        <?php $i = 0; ?>
                        <?php foreach ( $project_images as $project_image ) : ?>
                        
                            <?php if ( $i === 0 ) : ?>
                                
                                <?php $project_image_thumb = aq_resize( $project_image['full_url'] , 850, 500, true, true, true ); ?>
                                <div class="col-sm-12">
                                    <div class="project-image-placeholder">
                                        <img src="<?php echo esc_url( $project_image_thumb ); ?>" alt="<?php the_title_attribute(); ?>">
                                    </div>
                                </div>
            
                            <?php else : ?>
                                
                                <?php $project_image_thumb = aq_resize( $project_image['full_url'] , 850, 500, true, true, true ); ?>
                                <div class="col-sm-12">
                                    <div class="project-image-placeholder">
                                        <img src="<?php echo esc_url( $project_image_thumb ); ?>" alt="<?php the_title_attribute(); ?>">
                                    </div>
                                </div>
                                
                            <?php endif; ?>
                                
                        <?php $i++; ?>
                        
                        <?php endforeach; ?>
                        
                    <?php endif; ?>
                                        
                </div>
            </div>
            
        </div>
                
        <?php ptf_single_post_nav(); ?>
        
        <?php endwhile; endif; ?>

Nevím jestli to k něčemu pomůže.
Napadlo mě, že by mohlo stačit nějak upravit CSS ale tam nevidím co je už nadefinováno.
Přišlo mi, že by stačilo poupravit možná jen hodnoty pro:

<div class="col-md-7">
<div class="col-sm-12">
<div class="project-image-placeholder">



Uměl by někdo poradit prosím? Nějak nevím kde začít.
Pokud je to nějak nejasně napsáno, rád doplním.

Budu vděčný za každou radu.

Díky
davidfronek
Profil
#2 · Zasláno: 27. 7. 2016, 09:11:30
Odpovědět Citovat
podle mě ti tam chybí pod tím čtvrtým DIVem ještě uzavření DIVu "row" a toho col-md-7...
stajgi
Profil
#3 · Zasláno: 27. 7. 2016, 12:21:55
Odpovědět Citovat
DIky davidfronek:

Koukal jsem. Bohuzel tim to neni. Mozna jsem to nespravne vykopiroval ale zkousel jsem to znova a a vse bylo uzavreno. Porad to nedostanu do te prave oblasti a pohnu s tim jen v ramci te textove.
Mozna je to hloupost ale zkousel jsem to i napozicovat pevne i vcetne z-intexu aby to slo az vpravo nad temi vrstvami ale take nic.

Nejaky dalsi napad ?
davidfronek
Profil
#4 · Zasláno: 27. 7. 2016, 13:26:43 · Upravil/a: davidfronek o 10 minut později
Odpovědět Citovat
stajgi:
A co potřebuješ ručně vložit pod ty obrázky v pravém sloupci?
Tu náhledovou mapku?

Zběžně jsem se na to ještě díval v práci, myslím, že ten problém bude opravdu s chybějícími/přebývajícími ukončovacími tagy </div>

Zkus ještě vložit ten div hned pod <?php endif; ?>: 

            <div class="col-sm-12">
                obsah ručně vloženého divu
                </div>
            </div>

a pod ním nech jen dva ukončovací divy: 
</div>
</div>
ten předposlední ukončuje "row" a ten poslední "col-md-7"

Pokud ani to nezabere, tak se na to zkusím odívat doma, teď mám omezené možnosti....
stajgi
Profil
#5 · Zasláno: 27. 7. 2016, 15:44:50 · Upravil/a: stajgi 27. 7. 2016, 18:30:18
Odpovědět Citovat
davidfronek:
Nejde to :(
Zjistil jsem ze ta stranka nakonec vypada trochu jinak. Jde o to ze to je jako projekt. Nekdo to zrejme zkousel jinak jako obyc stranku a to bylo to co jsem prvne vkladal. Uz jsem se zorientoval.

Presne tak jde o to dostat tam tu "mapku" pod ty obrazky vpravo.

www.kubalaprojekt.cz/project/rodinny-dum-staric

Kdyz se podivas na kod te stranky primo tak ta cast tam vypada takto (primo source z weboveho prohlizece) : 

                  </header><section class="project-single">
    <div class="container">
                <div class="row">
            <div class="col-md-5 project-details">                
                <h4 class="project-title">Rodinný dům Staříč</h4>
                <div class="project-description">
                    <h4 class="western">Základní popis:</h4>
<p>Dispozice:                           6+1 (RD), 2+0 (Hobby)</p>
<p>Podlahová plocha:              199&nbsp;m<sup>2</sup> (RD), 127&nbsp;m<sup>2</sup> (Hobby)</p>
<p>Zastavěná plocha:              227&nbsp;m<sup>2</sup></p>
<p>Energetická kategorie:        Nízkoenergetický dům</p>
<p>Konstrukční systém:           Zděná stavba</p>
<h4 class="western">Popis pozemku:</h4>
<p style="text-align: justify;">Řešený pozemek se nachází nedaleko centra obce ale v klidné části. Na&nbsp;západní straně je vedená hlavní přístupová komunikace. Řešený pozemek má tvar mírného kopce. Objekt rodinného domu je umístěn na&nbsp;vrcholku kopce. Směrem na&nbsp;jih se pozemek prudce svažuje a&nbsp;je tímto směrem výhled na&nbsp;Beskydy.</p>
<h4 class="western">Architektonické řešení:</h4>
<p style="text-align: justify;"><a name="_GoBack"></a>Zadáním investora vznikly dva objekty první rodinný dům s obytným podkrovím a&nbsp;sedlovou střechou. Druhý objekt pro&nbsp;hobby částečně s podkrovím a pultovou střechou. Hobby objekt je umístěn v přední části pozemku a&nbsp;tím odděluje rodinný dům od cesty a&nbsp;vytváří tak soukromou část. Objekty jsou propojeny úzkým spojovacím krčkem s plochou střechou. Velkoformátové prosklení je navrženo u&nbsp;rodinného domu v obytných místnostech umístěných na&nbsp;jižní straně. Přístup k objektům je ze severní strany. Ve vjezdu na&nbsp;parcelu je umístěno parkovací stání. U&nbsp;rodinného domu na&nbsp;jižní straně je umístěna dřevěná terase se zastřešením s výhledem na&nbsp;hory.</p>
<h4 class="western">Dispoziční řešení:</h4>
<p style="text-align: justify;">Rodinný dům je dispozičně řešen v prvním podlaží jako společenská část s kuchyní umístěná na&nbsp;jih a&nbsp;soukromá část (ložnice a&nbsp;pokoj). Vstupní část a&nbsp;zázemí domu (technická místnost, WC, koupelna a&nbsp;spíž) jsou umístěny na&nbsp;západní stranu. Obytné podkroví je tvořeno dětskými pokoji a&nbsp;koupelnou.</p>
<p style="text-align: justify;">Hobby objekt je jedna velká místnost částečně otevřená až k prosklené střeše. Nad části objektu je podkroví, které slouží jako sklad.</p>
<h4 class="western">Materiálové řešení:</h4>
<p style="text-align: justify;">Obvodové a&nbsp;vnitřní zdivo je navrženo z keramických cihel Porotherm. Jako zateplení je navržen fasádní polystyrén. Fasádu rodinného domu tvoří bílá omítka. Fasádu hobby objektu tvoří svislý dřevěný obklad z&nbsp;modřínu uložený na&nbsp;provětrávanou mezeru. Střešní krytina je plechová falcovaná, odstín šedý. Část střechy na&nbsp;hobby objektu je prosklená. Výplně okenních a&nbsp;dveřních otvorů jsou navrženy dřevěné s izolačním trojsklem.</p>
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="row">
<div class="col-sm-12">
<div class="project-image-placeholder">
<img src=" http://www.kubalaprojekt.cz/wp-content/uploads/2016/07/Rd-Staříč-Situace-1024x810.png" width="800" height="500" right="200" />
</div>
</div>
</div>
</div>
</div>
</div>
                </div>
                <div class="project-services">
                    
                                        
                        <div class="project-detail-item">
                            <div class="left">
                                <i class="fa fa-calendar"></i><strong>Datum:</strong>
                            </div>
                            <div class="right">
                                Zima 2013                            </div>
                        </div>
                        
                                        
                                            
                        <div class="project-detail-item">
                            <div class="left">
                                <i class="fa fa-map-marker"></i><strong>Umístění:</strong>
                            </div>
                            <div class="right">
                                K.Ú. Staříč (Frýdek-Místek, Moravskoslezský)                            </div>
                        </div>
                        
                                        
                    
                                            
                        <div class="project-detail-item">
                            <div class="left">
                                <i class="fa fa-folder-open-o"></i><strong>Kategorie:</strong>
                            </div>
                            <div class="right">
                                Nizkoenergetický / Rodinný dům / Zděný                            </div>
                        </div>
                                       
                                        
                </div>                
            </div>
            <div class="col-md-7">
                <div class="row">
                                                         
                                                                <div class="col-sm-12">
                                    <div class="project-image-placeholder">
                                        <img src="http://www.kubalaprojekt.cz/wp-content/uploads/2016/07/Staric_001-850x500.jpg" alt="Rodinný dům Staříč">
                                    </div>
                                </div>
            
                                 
                                                            
                                                                <div class="col-sm-12">
                                    <div class="project-image-placeholder">
                                        <img src="http://www.kubalaprojekt.cz/wp-content/uploads/2016/07/Staric_002-850x500.jpg" alt="Rodinný dům Staříč">
                                    </div>
                                </div>
                                
                                  
                                                            
                                                                <div class="col-sm-12">
                                    <div class="project-image-placeholder">
                                        <img src="http://www.kubalaprojekt.cz/wp-content/uploads/2016/07/staric_003-850x500.jpg" alt="Rodinný dům Staříč">
                                    </div>
                                </div>
                                
                                                                           
                </div>
            </div>
            
        </div>


Neni to uzavrene ted protoze to jeste pokracuje ale ta dulezita cast tam je.


Toto je cast kterou jsem ted zkusil pridat: 

 <div class="container">
   <div class="row">
     <div class="col-md-7">
       <div class="row">
         <div class="col-sm-12">
           <div class="project-image-placeholder"> <img src=" http://www.kubalaprojekt.cz/wp-content/uploads/2016/07/Rd-Staříč-Situace-1024x810.png" width="800" height="500" />
           </div>
          </div>
         </div>
       </div>
      </div>
     </div>


V tom kodu to je videt nad temi ostatnimi. Zkratka u textu.
juriad
Profil
#6 · Zasláno: 27. 7. 2016, 18:49:44 · Upravil/a: juriad o 12 minut později
Odpovědět Citovat
stajgi:
Ta stránka vypadá takto: 
<div class="container">
  <div class="row">
    <div class="col-md-5 project-details">
      <h4 class="project-title">Rodinný dům Staříč</h4>
      <div class="project-description">
TEXT
      </div>
      <div class="project-services">
datum, umístění, kategorie
      </div> 
    </div> (/col-md-5)
    <div class="col-md-7">
      <div class="row">
        <div class="col-sm-12">
          <div class="project-image-placeholder">
            <img src="http://www.kubalaprojekt.cz/wp-content/uploads/2016/07/Staric_001-850x500.jpg" alt="Rodinný dům Staříč">
          </div>
        </div>
zvýrazněná část se opakuje dvakrát
      </div> (/row)
    </div> (/col-md-7)
  </div> (/row)
</div> (/container)

Chceš tedy umístit mapku za tu zvýrazněnou část, protože ta se stará o každou fotku.

Možná tě bude zajímat, co ty třídy znamenají:
container - obal
row - řádek
col-*-* - sloupec

Konkréní varianty sloupců:
col-*-5 - zabere 5/12 ze šířky row
col-*-7 - zabere 7/12 ze šířky row
col-*-12 - zabere 12/12 ze šířky row
col-sm-* platí pro všechna zařízení o velikosti small a větší (mobily a větší, tedy vždy)
col-md-* platí pro všechna zařízení o velikosti medium a větší (tablety a větší)

Stránka tedy obsahuje jeden řádek, který je rozdělen do dvou sloupců: levý zavírá 5/12 obrazovky na tabletech a větších, pravý zabírá 7/12 obrazovky na tabletech a větších;
Pravý sloupec následně obsahuje jeden řádek, který obsahuje sloupce o šířce 12/12 (vždy). Protože se na řádek vejde jen jeden, jsou obrázky pod sebou.
Když zmenšíš šířku okna prohlížeče, všimni si, že se ti obrázky přeskládají dolu, protože třídy col-md-* už neplatí (a východí šířka je 12/12).
stajgi
Profil
#7 · Zasláno: 27. 7. 2016, 21:25:49
Odpovědět Citovat
juriad:
Dekuji za vysvetleni co to znamena. Jsem opravdu samouk a jsem vdedcny za kazdou pomoc.
Jen mozna natvrdly. Je tedy mozne to nejakym zpusobem dostat do toho praveho sloupce? Rozumim tomu tak ze ten pravy sloupec ma zkratka zcela rozdilny zdroj. Nejaka sance jak toho dosahnout?

Byla by sance treba obacne pro vsechny projekty zvetsit tuto oblast na vice obrazku?

To jsou ale dve ruzne otazky. Dulezitejsi je pro mne ta prvni, jak to zarovnat ted vpravo, pokud to je vybec mozne.
juriad
Profil
#8 · Zasláno: 29. 7. 2016, 17:16:55
Odpovědět Citovat
Bez zásahu do toho PHP skriptu to nepůjde. Neznám WP, takže netuším odkud se bere to pole $project_images. Chtělo by to zjistit, proč obsahuje jen tři fotky.

Šel by provést hack, ale není to dobré řešení: tomu <div class="col-md-7"> nastavit ještě třídu col-md-offset-5, to zajistí, že to bude jakoby v pravém sloupci, ale:
* bude to až pravým sloupcem,
* bude to šířkově o pár pixelů mimo.
stajgi
Profil
#9 · Zasláno: 29. 7. 2016, 17:39:35 · Upravil/a: stajgi o 4 minuty později
Odpovědět Citovat
juriad:
To vypadá zajímavě. Určitě to vyzkouším jakmile se za týden vrátím z dovolené pak budu opět reagovat. Mám poskytnou náhled do některého .Php souboru aby se dalo zjistit více a odkud se tedy bere $project_images?
Prozatím opět moc děkuji za tvůj čas i všem ostatnim.


juriad:
To vypadá zajímavě. Určitě to vyzkouším jakmile se za týden vrátím z dovolené pak budu opět reagovat. Mám poskytnou náhled do některého .Php souboru aby se dalo zjistit více a odkud se tedy bere $project_images?
Prozatím opět moc děkuji za tvůj čas i všem ostatnim.
Časová prodleva: 6 dní
stajgi
Profil
#10 · Zasláno: 4. 8. 2016, 15:26:09
Odpovědět Citovat
juriad:
Moc diky. Toto funguje ale jak rikas, je to trochu uskocene.
Nejaky napad jak to dorovnat ?
Jinak bych to mohl pri nejhorsim ponechat tak pokud nebude jina moznost.
Časová prodleva: 8 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0