Wsparcie » Motywy » Dodawanie prostego kodu HTML do wpisu?

  • Witam serdecznie!
    Mam stronkę: http://azymut.maurycy.eu
    Na stronie głównej jest rewelacyjny panel z tymi obrazkami (kwadratami) dużymi… Chciałbym mieć takie kwadraty na jednej z podstron (np. oferta). Skopiowałem ten kod i wkleiłem do wpisu „oferta” i zobaczcie jak to wygląda paskudnie 🙁
    Czy jest na to jakaś rada?

    Pozdrawiam!

    Kod, który wkleiłem tam, do wpisu „oferta”:

    <div id="primary" class="content-area">
    		<main id="main" class="site-main" role="main">
    
    <article id="post-39" class="post-39 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
    	<div class="entry-thumbnail">
    		<a href="http://azymut.maurycy.eu/blog/2015/11/02/azymut/" title="O nas">
    							<img src="http://i2.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/azymut-logo1.png?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="azymut-logo1">					</a>
    	</div>
    	<header class="entry-header">
    				<div class="entry-meta">
    			<span class="posted-on"><a href="http://azymut.maurycy.eu/blog/2015/11/02/azymut/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T07:07:56+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-06T22:28:03+00:00">Listopad 6, 2015</time></a></span>		</div><!-- .entry-meta -->
    
    					<h1 class="entry-title"><a href="http://azymut.maurycy.eu/blog/2015/11/02/azymut/" rel="bookmark">O nas</a></h1>
    			</header><!-- .entry-header -->
    
    	<footer class="entry-footer">
    			</footer><!-- .entry-footer -->
    </article><!-- #post-## -->
    
    <article id="post-42" class="post-42 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
    	<div class="entry-thumbnail">
    		<a href="http://azymut.maurycy.eu/blog/2015/11/02/oferta/" title="Oferta">
    							<img src="http://i0.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/10/stockvault-paraglider-in-sky138850.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="stockvault-paraglider-in-sky138850">					</a>
    	</div>
    	<header class="entry-header">
    				<div class="entry-meta">
    			<span class="posted-on"><a href="http://azymut.maurycy.eu/blog/2015/11/02/oferta/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T06:06:04+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-07T00:25:35+00:00">Listopad 7, 2015</time></a></span>		</div><!-- .entry-meta -->
    
    					<h1 class="entry-title"><a href="http://azymut.maurycy.eu/blog/2015/11/02/oferta/" rel="bookmark">Oferta</a></h1>
    			</header><!-- .entry-header -->
    
    	<footer class="entry-footer">
    			</footer><!-- .entry-footer -->
    </article><!-- #post-## -->
    
    <article id="post-50" class="post-50 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
    	<div class="entry-thumbnail">
    		<a href="http://azymut.maurycy.eu/blog/2015/11/02/galeria/" title="Galeria">
    							<img src="http://i1.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/wayback1.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="wayback">					</a>
    	</div>
    	<header class="entry-header">
    				<div class="entry-meta">
    			<span class="posted-on"><a href="http://azymut.maurycy.eu/blog/2015/11/02/galeria/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T05:05:52+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:45:32+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->
    
    					<h1 class="entry-title"><a href="http://azymut.maurycy.eu/blog/2015/11/02/galeria/" rel="bookmark">Galeria</a></h1>
    			</header><!-- .entry-header -->
    
    	<footer class="entry-footer">
    			</footer><!-- .entry-footer -->
    </article><!-- #post-## -->
    
    <article id="post-54" class="post-54 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
    	<div class="entry-thumbnail">
    		<a href="http://azymut.maurycy.eu/blog/2015/11/02/kontakt/" title="Kontakt">
    							<img src="http://i1.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/picjumbo.com_HNCK4011.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="picjumbo.com_HNCK4011">					</a>
    	</div>
    	<header class="entry-header">
    				<div class="entry-meta">
    			<span class="posted-on"><a href="http://azymut.maurycy.eu/blog/2015/11/02/kontakt/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T04:04:25+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:45:20+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->
    
    					<h1 class="entry-title"><a href="http://azymut.maurycy.eu/blog/2015/11/02/kontakt/" rel="bookmark">Kontakt</a></h1>
    			</header><!-- .entry-header -->
    
    	<footer class="entry-footer">
    			</footer><!-- .entry-footer -->
    </article><!-- #post-## -->
    
    <article id="post-58" class="post-58 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
    	<div class="entry-thumbnail">
    		<a href="http://azymut.maurycy.eu/blog/2015/11/02/kadra/" title="Kadra">
    							<img src="http://i1.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/picjumbo.com_HNCK41651.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="picjumbo.com_HNCK4165">					</a>
    	</div>
    	<header class="entry-header">
    				<div class="entry-meta">
    			<span class="posted-on"><a href="http://azymut.maurycy.eu/blog/2015/11/02/kadra/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T03:03:20+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:45:05+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->
    
    					<h1 class="entry-title"><a href="http://azymut.maurycy.eu/blog/2015/11/02/kadra/" rel="bookmark">Kadra</a></h1>
    			</header><!-- .entry-header -->
    
    	<footer class="entry-footer">
    			</footer><!-- .entry-footer -->
    </article><!-- #post-## -->
    
    <article id="post-61" class="post-61 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
    	<div class="entry-thumbnail">
    		<a href="http://azymut.maurycy.eu/blog/2015/11/02/partnerzy/" title="Partnerzy">
    							<img src="http://i2.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/stockvault-bamboo-pole-tied-to-a-tree112310.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="-- with an old rope">					</a>
    	</div>
    	<header class="entry-header">
    				<div class="entry-meta">
    			<span class="posted-on"><a href="http://azymut.maurycy.eu/blog/2015/11/02/partnerzy/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T02:02:01+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:44:52+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->
    
    					<h1 class="entry-title"><a href="http://azymut.maurycy.eu/blog/2015/11/02/partnerzy/" rel="bookmark">Partnerzy</a></h1>
    			</header><!-- .entry-header -->
    
    	<footer class="entry-footer">
    			</footer><!-- .entry-footer -->
    </article><!-- #post-## -->
    
    <article id="post-64" class="post-64 post type-post status-publish format-standard has-post-thumbnail hentry category-glowna">
    	<div class="entry-thumbnail">
    		<a href="http://azymut.maurycy.eu/blog/2015/11/02/wydarzenia/" title="Wydarzenia">
    							<img src="http://i0.wp.com/azymut.maurycy.eu/wp-content/uploads/2015/11/shooting-of-the-rapids-1365625.jpg?resize=590%2C590" class="attachment-pictorico-home wp-post-image" alt="Exif_JPEG_PICTURE">					</a>
    	</div>
    	<header class="entry-header">
    				<div class="entry-meta">
    			<span class="posted-on"><a href="http://azymut.maurycy.eu/blog/2015/11/02/wydarzenia/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T01:01:15+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:44:43+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->
    
    					<h1 class="entry-title"><a href="http://azymut.maurycy.eu/blog/2015/11/02/wydarzenia/" rel="bookmark">Wydarzenia</a></h1>
    			</header><!-- .entry-header -->
    
    	<footer class="entry-footer">
    			</footer><!-- .entry-footer -->
    </article><!-- #post-## -->
    
    <article id="post-68" class="no-thumbnail post-68 post type-post status-publish format-standard hentry category-glowna">
    	<div class="entry-thumbnail">
    		<a href="http://azymut.maurycy.eu/blog/2015/11/02/wycena/" title="Wycena">
    					</a>
    	</div>
    	<header class="entry-header">
    				<div class="entry-meta">
    			<span class="posted-on"><a href="http://azymut.maurycy.eu/blog/2015/11/02/wycena/" rel="bookmark"><time class="entry-date published" datetime="2015-11-02T00:00:40+00:00">Listopad 2, 2015</time><time class="updated" datetime="2015-11-02T12:44:24+00:00">Listopad 2, 2015</time></a></span>		</div><!-- .entry-meta -->
    
    					<h1 class="entry-title"><a href="http://azymut.maurycy.eu/blog/2015/11/02/wycena/" rel="bookmark">Wycena</a></h1>
    			</header><!-- .entry-header -->
    
    	<footer class="entry-footer">
    			</footer><!-- .entry-footer -->
    </article><!-- #post-## -->
    
    		</main><!-- #main -->
    	</div>

Viewing 4 replies - 1 through 4 (of 4 total)
  • skopiowałeś o wiele więcej niż „ten” kod. skopiowałeś połowę strony. WordPress nie oferuje za dobrego edytora html ale za to można używać shortkodów. jak już wiesz który to kod. możesz zrobić z tego ‚[shortcode] ‚
    wiesz co to są shortcody?

    Paweł, dziekuję za odpowiedź.
    Niestety nie wiem co to są shortcody.. Ja skopiowałem tę część kodu ze strony głównej używając narzędzia „zbadaj element” i wkleiłem to do wpisu „oferta”..
    Czy jest na to jakiś inny sposób, aby takie fajne kwadraty jak na stronie głównej pojawiły mi się we wpisie oferta?

    Ja skopiowałem tę część kodu ze strony głównej używając narzędzia „zbadaj element” i wkleiłem to do wpisu „oferta”..

    Niee no. Tak sie tego nie robi. Kopia kopi z kopii. Zagnieżdżasz kody w kodzie.

    Czy jest na to jakiś inny sposób, aby takie fajne kwadraty jak na stronie głównej pojawiły mi się we wpisie oferta?

    W Twoim przypadku, najlepszym rozwiązaniem będzie utworzyć nowy szablon strony:

    Page Templates

    Tylko, że te fajne kwadraty to nic innego jak 8 wpisów z miniaturami i Tytułem po lewej stronie.

    Paweł, a da się zrobić coś takiego, aby wyglądało dokładnie tak jak na stronie głównej? Rozumiesz co mam na myśli? Czyli żebym mógł edytować opisy tych kwadratów oraz dodawać je…? Nie chodzi mi o to, aby to co na głównej jest było w „Ofercie”, ale aby były w „ofercie” tylko TAKIE SAME kwadraty jak na głównej, ale one będą z inną zawartością i hiperłączami..

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Dodawanie prostego kodu HTML do wpisu?’ is closed to new replies.