Dodawanie prostego kodu HTML do wpisu?

  • Loczuch

    (@loczuch)


    9 years, 2 months temu

    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)
  • Paweł

    (@mrpauloen)

    9 years, 2 months temu

    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?

    Twórca wątku Loczuch

    (@loczuch)

    9 years, 2 months temu

    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?

    Paweł

    (@mrpauloen)

    9 years, 2 months temu

    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:

    https://developer.wordpress.org/themes/template-files-section/page-template-files/page-templates/#Custom_Page_Template

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

    Twórca wątku Loczuch

    (@loczuch)

    9 years, 2 months temu

    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)
  • Temat ‘Dodawanie prostego kodu HTML do wpisu?’ jest zamknięty na nowe odpowiedzi.