Putting simple HTML code into post ?

  • Loczuch

    (@loczuch)


    8 years, 5 months ago

    Hello,
    I have huge problem. Look at my website please: http://azymut.maurycy.eu
    Then look at the squares at the bottom (with photos). They are awesome! I want them on my post-pages, for example on post called “Oferta”. Go here: http://azymut.maurycy.eu/blog/2015/11/02/oferta/
    Look how it looks like 🙁 What am I doing wrong?? I just copied the html code from home and put it as content of post. Hmm.. Please help me 🙁

    This is what I have copied and pasted:

    <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 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 5 months ago

    There’s a lot of HTML there, which bit are you saying has the issue? Which theme are you trying to integrate this into? Where did you put your HTML?

    David_G

    (@questas_admin)

    8 years, 5 months ago

    Where did you copy that from? It looks like the source code for a page.

    Thread Starter Loczuch

    (@loczuch)

    8 years, 5 months ago

    Thanks for your answers 🙂

    1. I copied that html code from my homepage and put this in “oferta” post.

    2. My theme is Pictorico.

    I want to have these squares in “oferta” page… Cubes like in my homepage. How can I do it?

    axiski

    (@axiski)

    8 years, 5 months ago

    Hello,

    So it looks like you’re trying to put your post content into the bottom of your posts. I would assume that those neat little grid boxes represent your ‘blog posts’ so ideally you would need to do this by way of a template modification, and not simply copy and pasting the code into a post which is a little messy, and won’t work too well.

    So, you need to identify what the core code is that displays that content, and add it into your post template so the content will appear at the bottom of each post, and change according to whatever your most recent posts are.

    First though, check to see if your theme has the option to display recent posts at the end of each post page.

    Thread Starter Loczuch

    (@loczuch)

    8 years, 5 months ago

    Ooh… so I can not just simply copy some code html from home page and them paste it somewhere? Ehh.. That’s a pity :((( I will look for something in my index.php page..

    @edit
    Really there is not any simply way to add such a squares in post? 🙁

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 5 months ago

    Please post in your theme’s support section and ask how you do this: https://wordpress.org/support/theme/pictorico#postform

    Thread Starter Loczuch

    (@loczuch)

    8 years, 5 months ago

    Thank you Andrew a lot! I did not find that! Please do not close this subject, cuz I will post here how did I do it 😉 (if they help me…)

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Putting simple HTML code into post ?’ is closed to new replies.