• Acasă
  • Despre noi
  • Autori
  • Mărturii
  • Arhivă
  • Trimite Articol
  • Contact

WORLDIT

Lumea în 1 și 0.

  • Știri
    • Tehnologie
    • Tehnologie mobilă
    • Securitate
    • Developers
    • Știință
    • Benzi desenate
    • Jocuri
    • Intern
  • Tehnic
    • Browser
    • C#
    • C/C++
    • Challenge
    • HTML/CSS
    • Javascript, Ajax, jQuery
    • Open Source
    • PHP
    • Python
    • Securitate IT
    • Socializare
    • WordPress
    • Altele
  • Recenzii
  • Interviuri
  • Evenimente

Cum sa formatam codul in articolele WordPress (Syntax Highlighting)?

6
  • Publicat de Andrei Avădănei
  • în Tehnic · Wordpress
  • — 27 dec., 2009 at 4:53 pm

Exista multe persoane ce folosesc in articolele lor diverse snippeturi in limbaje de programare(sau scripting) cum ar fi : C/C++,PHP,Javascript,HTML, C#, Java etc. Multi dintre acestea doresc sa usureze munca cititorului in descifrarea codului, implementand diverse solutii pentru syntax highlighting.Voi prezenta metoda ce o folosesc pe blogul worldit, folosindu-ma de unul din proiectele open source de acest gen : Syntax Highlightings

1. Descarcati arhivele js.rar si styles.rar
2. Uploadati folderul din arhiva js.rar in folderul temei : /wp-content/themes/TEMA_BLOG/
3. Uploadati folderul din arhiva styles.rar in folderul temei : /wp-content/themes/TEMA_BLOG/
4. Editati fisierul in care aveti footerul temei , in general e footer.php
5. Adaugati urmatorul cod inainte de tagul </body>

<?php if(is_single() || is_page()) : ?>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shCore.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushBash.js"></script> 
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushCpp.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushCSharp.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushCss.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushDelphi.js"></script> 
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushDiff.js"></script> 
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushGroovy.js"></script> 
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushJava.js"></script> 
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushJScript.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushPhp.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushPlain.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushPython.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushRuby.js"></script> 
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushScala.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushSql.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushVb.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/shBrushXml.js"></script>
	<script type="text/javascript">
		SyntaxHighlighter.config.clipboardSwf = '<?php bloginfo('template_directory'); ?>/js/clipboard.swf';
		SyntaxHighlighter.all();
	</script>
    <?php endif; ?>

6. Editati fisierul ce contine headerul paginii , in general header.php si cautati tagul </head> adaugand codul urmator oriunde deasupra lui

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/styles/shCore.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/styles/TEMA.css" type="text/css" media="screen" />

TEMA.css poate fi unul din temele stilulilor pentru formatarea codului :

1. shThemeDefault.css [Demo] 2. shThemeDjango.css [Demo] 3. shThemeEmacs.css [Demo] 4. shThemeFadeToGrey.css [Demo] 5. shThemeMidnight.css [Demo] 6. shThemeRDark.css [Demo]

7. Adaugati un snippet astfel :

 <tag class="brush:limbaj">
      //codul ce il dorim transformat
  </tag>

Acest sistem suporta aproximativ 30 de limbaje de programare si scripting ceea ce este mai mult decat suficient pentru oricare dintre voi. Lista completa a limbajelor de programare suportate o gasiti aici.

8. Cam atat! 😀

Daca acest articol contine o greseala, selecteaza cuvintele sau fraza gresita si tasteaza combinatia de taste Shift + Enter sau apasa click aici pentru a o raporta. Multumim!

Etichete: cum salimbaj de programareprogramaesyntax highilightingtutoriale wordpressWordpress

— Andrei Avădănei a scris 1246 articole

Andrei scrie pe worldit.info din vara lui 2011. Este fondatorul Asociatiei Centrul de Cercetare in Securitate Informatica din Romania - CCSIR si coordoneaza DefCamp, cea mai importanta conferinta de securitate informatica & hacking din Europa Centrala si de Est. Andrei ofera in cadrul Bit Sentinel servicii de securitate informatica, penetration testing, security management, recuperarea de pe urma unui atac cibernetic, training-uri si workshop-uri.

  • Articolul anterior Top 100 teme gratuite WordPress 2009
  • Articolul următor 370 parole ce nu ar trebui folosite pe Twitter(si nici in afara lui)

6 Comentarii

  1. Bogdan spune:
    decembrie 27, 2009 la 9:30 pm

    Mama cate js-uri de incarcat… nu sunt cam multe, totusi? :-s

    • Avadanei Andrei spune:
      decembrie 27, 2009 la 9:50 pm

      Tu le incarci doar cele de care ai nevoie. Si in total incarcate imi ocupa ~100KB .Eu pe blog incarc doar aproximativ 20 KB deoarece am selectat doar limbajele ce le folosesc aici : C/C++,PHP,XML,JS ,C# si cam atat.

  2. Grim_Cris spune:
    decembrie 30, 2009 la 10:13 pm

    vezi ca e scris gresit codul care trebuie pus in header. e pus spatiu inainte de ?php si nu merge ca lumea.

    oricum, mie nici asa vad ca nu prea imi merge ca lumea 😕

  3. Avadanei Andrei spune:
    decembrie 30, 2009 la 10:17 pm

    Multumesc Grim pentru avertisment.

    Ce intelegi prin nu iti merge calumea? Explica pasii ce i-ai urmat 🙂

  4. Grim_Cris spune:
    decembrie 31, 2009 la 7:43 am

    1. am copiat folderele js si styles in folderul themei mele
    2. am deschis footer.php si am copiat traznaile alea
    3. am deschis header.php si am copiat si celelalte traznai, modificand din TEMA.css in shThemeDefault.css
    4. Am adaugat un cod css asa: codul
    5. am publicat articolul
    6. nothing happened

  5. Avadanei Andrei spune:
    decembrie 31, 2009 la 11:42 am

    Problema rezolvata, pentru cei care intampina probleme de formatare a codului desi au facut toti pasii , un exemplu de cod formatat ar trebui sa arate astfel :

    <pre class=”brush:LIMBAJ”>
    cod formatat
    </pre>


  • Facebook

    WorldIT.info
  • Ultimele Atacuri Cibernetice din Romania – RO Hacked

    • imacoolat-curat.ro
      | Published: februarie 3, 2020 - 2:00 am
    • hotel-palace.ro
      | Published: februarie 2, 2020 - 2:00 am
    • www.tahometru.ro
      | Published: februarie 1, 2020 - 2:00 am
    • alexisart.ro
      | Published: ianuarie 30, 2020 - 2:00 am
    • justshop.ro
      | Published: ianuarie 29, 2020 - 2:00 am
    RO Hacked este registrul atacurilor cibernetice din România.
  • Caută

  • Articole Recomandate

    • Recent Posts
    • Tags
    • Număr record de participanți la DefCamp 2015, cel mai important eveniment dedicat securității cibernetice din Europe Centrala si de Estdecembrie 2, 2015
    • La DefCamp 2015 vei afla prin ce tehnici pot fi evitate măsurile de securitate ale sistemelor informatice criticeoctombrie 16, 2015
    • Ultima sansa sa rezervi bilete de tip Early Bird la DefCamp 2015septembrie 1, 2015
    • 15 sfaturi despre cum poti deveni un programator bun venite de la specialisti romaniaugust 4, 2015
    • algoritmica Android antivirus Apple Avadanei Andrei benzi desenate BitDefender blog browser C++ Chrome concurs eveniment Facebook Firefox Google google chrome hacking html5 infografic informatica internet Internet Explorer IT javascript linux Microsoft Mozilla Firefox online PHP programare retea sociala review Romania securitate Tehnologie Twitter web Windows Windows 7 Wordpress WorldIT worldit.info Yahoo! YouTube
  • ianuarie 2021
    L Ma Mi J V S D
    « dec.    
     123
    45678910
    11121314151617
    18192021222324
    25262728293031
  • Link-uri Sponsorizate

    • laptop second hand

    • Calculatoare Second Hand

    • cod voucher pc garage

  • Home
  • Tehnic
  • Cum sa formatam codul in articolele WordPress (Syntax Highlighting)?
  • Important

    • Bit Sentinel
    • Centrul de Cercetare în Securitate Informatică din România
    • DefCamp
  • Prieteni

    • BetiT.ro
    • bijuterii handmade
    • Computerica | Resurse gratuite PC
    • Descopera.org
    • Gadgeturi si IT – Giz.ro
  • Prieteni

    • PC – Config
    • RO Hacked
    • Stiri IT

Copyright © 2009-2014 WORLDIT. Toate drepturile Rezervate.
Termeni și condiții | Contact | Licența Creative Commons

Multumim foarte mult ca ne-ai raportat greseala! O vom remedia in cel mai scurt timp posibil.