Jump to content
  • 0

Настройка темы в WP

vitaxastifler

Asked by vitaxastifler,

 Share

Question

vitaxastifler Explorer

vitaxastifler

Posted
Posted (edited)

Ребята,нужна ваша помощь,собственно я сверстал сайт,теперь создаю тему,делаю всё по видео уроку,но есть одна проблема.

Там автор видео код index.php делит на "header.php","sitebar.php","footer.php"........

Но в моём случаи у меня это не получается(

 

Вот мой index.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"   "http://www.w3.org/TR/html4/strict.dtd"><html> <head>    <title><?php bloginfo ('name'); ?><?php wp_title(); ?></title>    <meta http-equiv="Content-Type" content="<?php bloginfo ('html_type'); ?>;charset=<?php bloginfo('charset'); ?>"/>  <meta name="generator" content="WordPress" <?php bloginfo('version'); ?>" /> <!--leave this for stats please-->  <link rel="stylesheet" href="<?php bloginfo('stylesheet_url');?>" type="text/css" media="screen" />  <link rel="alternate" type="application/rss+xml" title="RSS 2.0"href="<?php bloginfo('rss2_url'); ?>" />  <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />  <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />  <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />    <?php wp_get_archives ('type=monthly&format=link'); ?>  <?php//coments_popup_script(); //off by default ?>  <?php wp_head(); ?>   </head> <body> <div id="global"><span class="sl"></span><div id="header"><img src="<?php bloginfo ('template_url'); ?>/images/logo.jpg"></div><div id="Home">	<a href="http://vk.com">Home</a>	<img class="line" src="<?php bloginfo ('template_url'); ?>/images/line1.jpg">	<a href="http://vk.com">Sitemap</a>	<img class="line" src="<?php bloginfo ('template_url'); ?>/images/line1.jpg">	<a href="http://vk.com">Links</a>	<img class="line" src="<?php bloginfo ('template_url'); ?>/images/line1.jpg">	<a href="http://vk.com">Contact</a></div><div class="ctr"><span class="menu">	<button type="button">Afval & reiniging</button>	<button type="button">Inkopen & aanbesyeden</button>	<button type="button">Logistiek & mobiliteit</button><br/>	<button type="button">MVO & duurzaamheid</button>	<button type="button">Energie & klimaat</button>	<button type="button">Training & coaching</button></div><br><div class="block">	<button type="button">Home</button><br/>	<button type="button">Over Synthese</button><br/>	<button type="button">MVO</button><br/>	<button type="button">Mensen achter Synthese</button><br/>	<button type="button">Opdrachten</button><br/>	<button type="button">Netwerk Synthese</button><br/>	<button type="button">Contact en bereikbaarheid</button><br/>	<button type="button">Nieuws</button>												</div><div class="block1">	<span class="knopa1">	<button type="button">► MEER INFO</button><br/></span>	<span class="text1">		Intern milieuzorgsysteem	</span>	<span class="text2">		GEMEENTE GENNEP	</span></div><div class="block2">	<span class="knopa1">	<button type="button">► MEER INFO</button><br/></span>	<span class="text1">		Implementatie<br>		Duurzaam inkopen	</span>	<span class="text2">		GEMEENTE UBBERGEN	</span></div><div class="block3">	<span class="knopa1">	<button type="button">► MEER INFO</button><br/></span>	<span class="text1">		Mokum Maritiem	</span>	<span class="text2">	<br><br>		AMSTERDAM	</span></div><div id="sl">	<img src="<?php bloginfo ('template_url'); ?>/images/sl.jpg"></div><span class="ss">	<a href="http://vk.com">Home</a></span><div id="cent">	<span class="knopa777">	<button type="button">		Stel uw vraag aan <br>		Synthese adviesgroep</button>	</span>	<span class="text777">	<?php if(have_posts()) :?>	<?php while (have_posts()):the_post();?>		<h1><?php the_title();?></h1>	<p>	Welkom op de website van Synthese adviesgroep. Wij zijn Een klein<br>	adviesbureau met grootse mogelijkheden. Wij zijn actief in de werkvelden<br>	gerelateerd aan afval, klimaat, mobiliteit, duurzaamheid en coaching. Voor<br>	meer informatie over ons bureau, surf kijkt u gerust rond op onze website of<br>	neem <a href="http://vk.com"><u>contact</u></a> met ons op.	</span>	<?php endwhile; ?>	<?php endif;?></div><div id="global1"><span class="tex">	<br>	<h1>Duurzaam vervoer in de Stadsregio<br>	<p1>Datum <?php the_date_xml(); ?></p1>	</h1>	<p>De regio Arnhem Nijmegen wordt steeds drukker. Door toenemende woningbouw en<br>	de krappe infrastructuur is de bereikbaarheid van opdrachtgevers en het eigen<br>	 kantoor...</p>	</span><span class="knopa2"><button type="button">► LEES VERDER</button><br/></span><span class="img">	<img src="<?php bloginfo ('template_url'); ?>/images/moto.jpg"></span><span class="tex">	<h1>Synthese adviesgroep bestaat 5 jaar!<br>	<p1>Datum <?php the_date_xml(); ?></p1>	</h1>	<p>Synthese adviesgroep bestaat 5 jaar. Vijf boeiende en intensieve jaren liggen achter<br>	ons. De kleinschaligheid vans ons bureau is ons goed bevallen: veel direct contact<br>	met onze relaties, zelf vraagstukken proberen op te lossen, uiteraard altijd...	</p></span><span class="knopa2"><button type="button">► LEES VERDER</button><br/></span><span class="tex">	<br>	<h1>Synthese adviesgroep is verhuisd<br>	<p1>Datum <?php the_date_xml(); ?></p1>	</h1>	<p>Sinds woensdag 4 februari 2009 is Synthese adviesgroep verhuisd naar een nieuwe<br>	 locatie. We hebben ons gevestigd in het nieuwe pand van Actorion Communicatie.<br>	 Sinds 2004 werken we al samen met Actorion op het gebied van afval- en...	</p></span><span class="knopa2"><button type="button">► LEES VERDER</button><br/></span><span class="img1">	<img src="<?php bloginfo ('template_url'); ?>/images/sv.jpg"></span><span class="img2">	<img src="<?php bloginfo ('template_url'); ?>/images/box.jpg"></span><div id="blockr">	<p>Mensen achter syntheseh</p>	<img src="<?php bloginfo ('template_url'); ?>/images/ava.jpg">	<br><br><br>	<div id=qq>		<p>Synthese op Twitter</p>		<p1>@Solarkids Willen hier ookmwel<br>		aan bijdragen</p1><br>		 <p2>6 dagen geleden</p2><br>		 		 <p1>Wie gaat er naar het Klimaatcon-<br>		 gres 2010 in De Fabrique?<br>		 #klimaatcongres2010		 </p1><br>		 <p2>8 dagen geleden</p2><br>		 		 <p1>@PeterGersen Kijk eens naar De<br>		 Beestenbende voor basisschoolkin-<br>		 deren (Ubachs Full Contact, Paul<br>		 Ubachs), kwestie van de juiste plek<br>		 raken</p1><br>		 <p2>12 dagen geleden</p2>	 	 </div>   </div><span class="knopa2n"><button type="button">► Meer nieuws van Synthese Adviesgroep</button><br/></span>	<div id="soc">	</div></div><div id="pod">	<ul>	<a href="http://vk.com">Home</a></li>	<img class="line">	<a href="http://vk.com">Sitemap</a>	<img class="line">	<a href="http://vk.com">Links</a>	<img class="line">	<a href="http://vk.com">Contact</a>	</ul><div id= "rss"><a href="<?php the_permalink();?>"><span>Webdesign door Urbanity media</span></a></div></div> </body></html>

Вот сайт на хостинге

http://stifler.netii.net

 

Кто хорошо разбирается,помогите разложить,пожалуйста.

Зарание спасибо)

Edited by vitaxastifler
Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0
vitaxastifler Explorer

vitaxastifler

Posted
  • Author
Posted

Ну как бы не могу(

У меня не всё так как на видео.

 

Вот к примеру у меня есть самый первый блок  (<div id="global">)  

который начинается в начале и заканчивается в конце,и куда мне его втулить то?(

Link to comment
Share on other sites
  • 0
Николя223 Explorer

Николя223

Posted
Posted (edited)

ты чего то не того наделал)

 

всю верхнюю часть верстки - вставляешь в header.php  (от меню и выше)

 

нижнее меню и ниже - в футер

 

остальное - остальное можешь в index.php всунуть, так как это - у тебя только главная страница, то в шаблоне и проверяй функцией главная или нет)) 

можешь ещё поразбивать на части и другие шаблоны для частей сделать

если не ошибаюсь - возможно ещё и в home.php

вот небольшая понятная ссылочка

http://mblogm.ru/wordpress-guide/wordpress-theme/home-page#is

 

Для тебя может главной трудностью будет верстку к админке привязать))

Edited by Николя223
  • Like 1
Link to comment
Share on other sites
  • 0
vitaxastifler Explorer

vitaxastifler

Posted
  • Author
Posted (edited)

Так правильно?

 

index

<?php get_header ();?><?php get_sidebar();?><br><div class="block">	<button type="button">Home</button><br/>	<button type="button">Over Synthese</button><br/>	<button type="button">MVO</button><br/>	<button type="button">Mensen achter Synthese</button><br/>	<button type="button">Opdrachten</button><br/>	<button type="button">Netwerk Synthese</button><br/>	<button type="button">Contact en bereikbaarheid</button><br/>	<button type="button">Nieuws</button>												</div><div class="block1">	<span class="knopa1">	<button type="button">► MEER INFO</button><br/></span>	<span class="text1">		Intern milieuzorgsysteem	</span>	<span class="text2">		GEMEENTE GENNEP	</span></div><div class="block2">	<span class="knopa1">	<button type="button">► MEER INFO</button><br/></span>	<span class="text1">		Implementatie<br>		Duurzaam inkopen	</span>	<span class="text2">		GEMEENTE UBBERGEN	</span></div><div class="block3">	<span class="knopa1">	<button type="button">► MEER INFO</button><br/></span>	<span class="text1">		Mokum Maritiem	</span>	<span class="text2">	<br><br>		AMSTERDAM	</span></div><div id="sl">	<img src="<?php bloginfo ('template_url'); ?>/images/sl.jpg"></div><span class="ss">	<a href="http://vk.com">Home</a></span><div id="cent">	<span class="knopa777">	<button type="button">		Stel uw vraag aan <br>		Synthese adviesgroep</button>	</span>	<span class="text777">	<?php if(have_posts()) :?>	<?php while (have_posts()):the_post();?>		<h1><?php the_title();?></h1>	<p>	Welkom op de website van Synthese adviesgroep. Wij zijn Een klein<br>	adviesbureau met grootse mogelijkheden. Wij zijn actief in de werkvelden<br>	gerelateerd aan afval, klimaat, mobiliteit, duurzaamheid en coaching. Voor<br>	meer informatie over ons bureau, surf kijkt u gerust rond op onze website of<br>	neem <a href="http://vk.com"><u>contact</u></a> met ons op.	</span>	<?php endwhile; ?>	<?php endif;?></div><div id="global1"><span class="tex">	<br>	<h1>Duurzaam vervoer in de Stadsregio<br>	<p1>Datum <?php the_date_xml(); ?></p1>	</h1>	<p>De regio Arnhem Nijmegen wordt steeds drukker. Door toenemende woningbouw en<br>	de krappe infrastructuur is de bereikbaarheid van opdrachtgevers en het eigen<br>	 kantoor...</p>	</span><span class="knopa2"><button type="button">► LEES VERDER</button><br/></span><span class="img">	<img src="<?php bloginfo ('template_url'); ?>/images/moto.jpg"></span><span class="tex">	<h1>Synthese adviesgroep bestaat 5 jaar!<br>	<p1>Datum <?php the_date_xml(); ?></p1>	</h1>	<p>Synthese adviesgroep bestaat 5 jaar. Vijf boeiende en intensieve jaren liggen achter<br>	ons. De kleinschaligheid vans ons bureau is ons goed bevallen: veel direct contact<br>	met onze relaties, zelf vraagstukken proberen op te lossen, uiteraard altijd...	</p></span><span class="knopa2"><button type="button">► LEES VERDER</button><br/></span><span class="tex">	<br>	<h1>Synthese adviesgroep is verhuisd<br>	<p1>Datum <?php the_date_xml(); ?></p1>	</h1>	<p>Sinds woensdag 4 februari 2009 is Synthese adviesgroep verhuisd naar een nieuwe<br>	 locatie. We hebben ons gevestigd in het nieuwe pand van Actorion Communicatie.<br>	 Sinds 2004 werken we al samen met Actorion op het gebied van afval- en...	</p></span><span class="knopa2"><button type="button">► LEES VERDER</button><br/></span><span class="img1">	<img src="<?php bloginfo ('template_url'); ?>/images/sv.jpg"></span><span class="img2">	<img src="<?php bloginfo ('template_url'); ?>/images/box.jpg"></span><div id="blockr">	<p>Mensen achter syntheseh</p>	<img src="<?php bloginfo ('template_url'); ?>/images/ava.jpg">	<br><br><br>	<div id=qq>		<p>Synthese op Twitter</p>		<p1>@Solarkids Willen hier ookmwel<br>		aan bijdragen</p1><br>		 <p2>6 dagen geleden</p2><br>		 		 <p1>Wie gaat er naar het Klimaatcon-<br>		 gres 2010 in De Fabrique?<br>		 #klimaatcongres2010		 </p1><br>		 <p2>8 dagen geleden</p2><br>		 		 <p1>@PeterGersen Kijk eens naar De<br>		 Beestenbende voor basisschoolkin-<br>		 deren (Ubachs Full Contact, Paul<br>		 Ubachs), kwestie van de juiste plek<br>		 raken</p1><br>		 <p2>12 dagen geleden</p2>	 	 </div>   </div><span class="knopa2n"><button type="button">► Meer nieuws van Synthese Adviesgroep</button><br/></span>	<div id="soc">	</div></div><?php get_footer();?> </body></html>

footer

<div id="pod"><?php wp_footer();?>	<ul>	<a href="http://vk.com">Home</a></li>	<img class="line">	<a href="http://vk.com">Sitemap</a>	<img class="line">	<a href="http://vk.com">Links</a>	<img class="line">	<a href="http://vk.com">Contact</a>	</ul><div id= "rss"><a href="<?php the_permalink();?>"><span>Webdesign door Urbanity media</span></a></div></div>

header

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"   "http://www.w3.org/TR/html4/strict.dtd"><html> <head>    <title><?php bloginfo ('name'); ?><?php wp_title(); ?></title>    <meta http-equiv="Content-Type" content="<?php bloginfo ('html_type'); ?>;charset=<?php bloginfo('charset'); ?>"/>  <meta name="generator" content="WordPress" <?php bloginfo('version'); ?>" /> <!--leave this for stats please-->  <link rel="stylesheet" href="<?php bloginfo('stylesheet_url');?>" type="text/css" media="screen" />  <link rel="alternate" type="application/rss+xml" title="RSS 2.0"href="<?php bloginfo('rss2_url'); ?>" />  <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />  <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />  <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />    <?php wp_get_archives ('type=monthly&format=link'); ?>  <?php//coments_popup_script(); //off by default ?>  <?php wp_head(); ?>   </head> <body> <div id="global"><span class="sl"></span><div id="header"><img src="<?php bloginfo ('template_url'); ?>/images/logo.jpg"></div><div id="Home">	<a href="http://vk.com">Home</a>	<img class="line" src="<?php bloginfo ('template_url'); ?>/images/line1.jpg">	<a href="http://vk.com">Sitemap</a>	<img class="line" src="<?php bloginfo ('template_url'); ?>/images/line1.jpg">	<a href="http://vk.com">Links</a>	<img class="line" src="<?php bloginfo ('template_url'); ?>/images/line1.jpg">	<a href="http://vk.com">Contact</a></div>

sidebar

<div class="ctr"><span class="menu">	<button type="button">Afval & reiniging</button>	<button type="button">Inkopen & aanbesyeden</button>	<button type="button">Logistiek & mobiliteit</button><br/>	<button type="button">MVO & duurzaamheid</button>	<button type="button">Energie & klimaat</button>	<button type="button">Training & coaching</button></div>
Edited by vitaxastifler
Link to comment
Share on other sites
  • 0
vitaxastifler Explorer

vitaxastifler

Posted
  • Author
Posted

Только когда я в админке захожу в виддеты,оно пишет типа "Используемая вами тема не поддерживает виджеты, а значит, нет и возможности настраивать боковые колонки. Для получения дополнительной информации посмотрите инструкцию по доработке темы."

И это плохо(

Link to comment
Share on other sites
  • 0
hedgehog Explorer

hedgehog

Posted
Posted

Только когда я в админке захожу в виддеты,оно пишет типа "Используемая вами тема не поддерживает виджеты, а значит, нет и возможности настраивать боковые колонки. Для получения дополнительной информации посмотрите инструкцию по доработке темы."

И это плохо(

Ну так и в чем проблема? Первый же снипет по ссылке показывает, что надо добавить место, куда можно добавлять виджеты, то есть, сайдбар:

http://codex.wordpress.org/Function_Reference/register_sidebar

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept