MyCity » Web aplikacije » Izrada Wordpress teme-postupak

Izrada Wordpress teme-postupak

Napisano na dan: 20.5.2015
2

Izrada Wordpress teme-postupak
Pagination Prethodna strana
Sledeća strana Pagination

Idi na vrh

Poslao: 09 Jul 2015 01:03
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Logo radi


Ali nemam naslov, obrisao sam nesto, sad sam dopisao ali ne radi
<p class="site-title">
ili ceo cod
<p class="site-title"><img src="<?php echo get_template_directory_uri(); ?>/slike/logo-malina.png" alt="Logo" width="HERE" height="HERE" />     </a></p>

Da nije mozda zbog ovog upisao sam <div id="header-image">
cdeo cod
<div class="header-content">    <div id="header-image">           <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?      php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">        <p class="site-title"><img src="<?php echo get_template_directory_uri(); ?>/slike/logo-malina.png" alt="Logo" width="HERE" height="HERE" />        </a></p>    </div>    </div>



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 09 Jul 2015 11:36
Idi na vrh
offline
  • C# and PHP Developer
  • Pridružio: 16 Feb 2011
  • Poruke: 1630
  • Gde živiš: Pancevo

Za prikazivanje informacija o blogu koristi funkicje bloginfo($show) ili get_bloginfo($show)

Ako oces da prikazes ime bloga onda mu zvekni:

<h1><?php bloginfo('name'); ?></h1>

Ako oces da prikazes opis zvekni mu:

<p><?php bloginfo('description'); ?> </p>

Evo ti kratka lista atribut:

admin_email = admin@example.com
atom_url = http://www.example.com/home/feed/atom
charset = UTF-8
comments_atom_url = http://www.example.com/home/comments/feed/atom
comments_rss2_url = http://www.example.com/home/comments/feed
description = Just another WordPress blog
home = http://www.example.com/home (DEPRECATED! use url option instead)
html_type = text/html
language = en-US
name = Testpilot
pingback_url = http://www.example.com/home/wp/xmlrpc.php
rdf_url = http://www.example.com/home/feed/rdf
rss2_url = http://www.example.com/home/feed
rss_url = http://www.example.com/home/feed/rss
siteurl = http://www.example.com/home (DEPRECATED! use url option instead)
stylesheet_directory = http://www.example.com/home/wp/wp-content/themes/largo
stylesheet_url = http://www.example.com/home/wp/wp-content/themes/largo/style.css
template_directory = http://www.example.com/home/wp/wp-content/themes/largo
template_url = http://www.example.com/home/wp/wp-content/themes/largo
text_direction = ltr
url = http://www.example.com/home
version = 3.5
wpurl = http://www.example.com/home/wp



Poslao: 09 Jul 2015 13:22
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Radi.

Za tekst <p>Just another Wordpress site</p> stavio sam sa levu marginu 60xp da bih pomerio tekst udesno valjda moze tako u wordpressu? vidim da se lepo ponasa na malim resolucijma za sada . margin: 0px 0px 10px 60px; _ivke hvala na podrsci nama mladima Smile , uci u vode php-a nije bas lako.

Poslao: 09 Jul 2015 14:07
Idi na vrh
offline
  • C# and PHP Developer
  • Pridružio: 16 Feb 2011
  • Poruke: 1630
  • Gde živiš: Pancevo

Bolje ti je da koristis css bootstrap da nebi posle imao problema sa rezolucijama i prikazom na ostalim uredjajima (pc, tablet, telefon... etc)

Poslao: 10 Jul 2015 21:24
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Prebacio sam bootstrap sajt sa prve strane u php. Struktura je ovakva:

<body id="index">       <section class="container">          <div class="container row">             <?php include "header.php";?>             <?php include "carousel.php";?>             <section class="main col-md-8">                <?php include "article-intro.php";?>                <?php include "article-abouttheartists.php";?>                <?php include "article-aboutthevenue.php";?>             </section><!--main-->             <section class="sidebar col-md-4">                <?php include "aside-register.php";?>                <?php include "aside-accordion.php";?>                <?php include "aside-lastyear.php";?>             </section><!--sidebar-->          </div><!--content-->       </section><!--container-->    <?php include "footer.php";?>
Da li mogu na ovaj nacin da iskoristim vec podeljen sajt da izradim wordpress. Naravno da u izradi koristim funkcije koje zahteva wordpress. Ili moram da cistu strukturu bootstrapa da izdelim i izradim wordpress, hvala?
Pretpostavljam da ne moze, vidim na primerima da se drugacije gradi struktura wordpressa ali bar da pitam.

Poslao: 11 Jul 2015 08:46
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Poceo sam da convertujem ovu bootstrap temu u wordpress i za sada je ok, http://startbootstrap.com/template-overviews/creative/ ali mi se pojavio razmak izmedju slika, css nije diran samo je promenjen naziv u style.css i premesten u root foldera.





Nista nije menjano za <div class="col-lg-4 col-sm-6">
je                   .no-gutter > [class*=col-] {   padding-right: 0;   padding-left: 0; }
za deo gde su slike je <a href="#" class="portfolio-box">                         <img src="http://localhost/wordpress/wp-content/themes/wordpressconvert/images/portfolio/1.jpg" class="img-responsive" alt="">;                         <div class="portfolio-box-caption">                             <div class="portfolio-box-caption-content">                                 <div class="project-category text-faded">                                     Category                                 </div>                                 <div class="project-name">                                     Project Name                                 </div>                             </div>                         </div>                     </a>

css
.portfolio-box {   display: block;   position: relative;   margin: 0 auto;   max-width: 650px; }

Ne vidim trentno odakle se pojavi ovaj razmak?
Reseno stavljen visak zarez
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/portfolio/6.jpg" class="img-responsive" alt="">; kad se obrisu svuda zarezi slike izgledaju ok


header.php
Nije zavrseno jos prebacivanje, za header sam koristio za naslov title <title><?php wp_title ('  ' ,true, 'right'); ?></title>

pozadina headera u css-u
background-image: img src="<?php bloginfo('stylesheet_directory'); ?>/images/header.jpg";
css link
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />

za sadrzaj u headeru
<?php wp_head(); ?>

index.php
da pozoveno header
<?php get_header (); ?>

Da pozovem pojedinaco slike
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/portfolio/1.jpg" class="img-responsive" alt="">;

za footer
    <?php get_footer (); ?>

pozivanje javascripta
<!-- jQuery -->     <script src="<?php bloginfo("template_url"); ?>/js/jquery.js"></script>     <!-- Bootstrap Core JavaScript -->     <script src="<?php bloginfo("template_url"); ?>/js/bootstrap.min.js"></script>     <!-- Plugin JavaScript -->     <script src="<?php bloginfo("template_url"); ?>/js/jquery.easing.min.js"></script>     <script src="<?php bloginfo("template_url"); ?>/js/jquery.fittext.js"></script>     <script src="<?php bloginfo("template_url"); ?>/js/wow.min.js"></script>     <!-- Custom Theme JavaScript -->     <script src="<?php bloginfo("template_url"); ?>/js/creative.js"></script>    

deo za pozivanje css-a iz foldera u style.css
@import url('css/bootstrap.min.css'); @import url('css/animate.min.css'); @import url('font-awesome/css/font-awesome.min.css');

To je to za pocetak, sada idu funkcije za objavljivanje postova, za pozivanje navbara-menu, ukljucivanje i obrade teme unutar kontrolne table, dodataka za widzete i sl.

Poslao: 11 Jul 2015 11:38
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Izgubi se header slika, kako da je vratim vidim da je zamenjena sa necim



css
header {     position: relative;     width: 100%;     min-height: auto;     text-align: center;     color: #fff;    background-image: img src="<?php bloginfo('stylesheet_directory'); ?>/images/header.jpg";     background-position: center;     -webkit-background-size: cover;     -moz-background-size: cover;     background-size: cover;     -o-background-size: cover; }

Razlog je taj sto je slika povucena iz css-a koji se bio nalazio u css folderu. Kada sam css prebacio u root foldera wordpressa radi sve ostalo sem header slike.

Poslao: 05 Avg 2015 21:47
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Postovanje treba da odradim ovaj template u wordpressu izgleda jednostavno ali nije ali Smile

1. Imam sve iseckano samo treba da slicice ubacim gde treba.
Mislio sam neki jednostavni template slican kao prikazan da zamenim sa ovim slicicama, da li znate neki priblizni?
2. Umesto bele pozadine treba da ubacim full video koji se ne pusta sam automatski.
Gde ima neki video za ovaj primer, za sad nisam nasao tako nesto?

Da li ima neki ovakav ili slican bootstrapov template
1 narandzasti deo da bude header npr ili navigacija,
2.Video da je u jumbotronu,
4.Ovo je slika kao responziv cover, mada uradicu i dva col-md-6 nnpr,
5.Footer je navigacija
Sta mislite neki konstruktivan predlog, hvala pozdrav

Poslao: 06 Avg 2015 00:34
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Evo ako nekog zanima bootstrap to wordpress
http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial

Poslao: 06 Avg 2015 11:49
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Radim ovako za onaj primer iznad ovako u bootstrapu pa posle to treba u wordpressu





Za full video sam postavio ovako
<div class="header-container">             <div class="video-container-fluid">                   <video width="100%" height="auto" controls>                     <source src="video/NYCPANZOOM.mp4" type="video/mp4">                     <source src="video/NYCPANZOOM.ogg" type="video/ogg">                      Your browser does not support the video tag.                   </video>                                         <h1>Lorem ipsum dolor</h1>                      <p>- censectetur adipiscing elit</p>                      <p><a class="btn btn-primary btn-lg pull-right" href="#" role="button">Learn more</a></p>                      <br>                      <p><a class="btn btn-primary btn-lg pull-right" href="#" role="button">Learn more</a></p>                                </div>          </div>
i video je full responsive

Kako da ubacim text iznad lorem i ova dva dugmeta unutar videa kao na slici iznad. Neki link da pogledam? hvala pozdrav

MyCity » Web aplikacije » Izrada Wordpress teme-postupak

Ko je trenutno na forumu
 

Ukupno su 995 korisnika na forumu :: 60 registrovanih, 11 sakrivenih i 924 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: _Rade, Acivi, ajo baba, amstel, anbeast, Bluper, Brana01, bufanje, ccoogg123, cifra, darkangel, deLacy, delrey, Denaya, Dimitrije Paunovic, Dimitrise93, Dorcolac, GandorCC, Georgius, GORDI, Griffon vulture, havoc995, hyla, ikan, Istman, ivicasimo, kaisarevic1, Kazablankasrb, Koridor, laki_bb, Leonov, Lieutenant, mercedesamg, Metanoja, mgolub, Misirac, mkukoleca, moldway, nemkea71, nenad81, nenooo, oganj123, opt1, Panter, pein, raf87, RecA, Romibrat, rovac, sevenino, Valter071, vathra, vladulns, voja64, Wrangler, YugoSlav, ZetaMan, zixmix, Žrnov, šumar bk2