[ribbon id=”myribbon” padding=”10″ height=”100″ width=”100%” color=”#F00″ bgcolor=”#FFF” label=”Featured” position=”right”]
Kijken wat de titel wordt.
Tja, ook de punten worden vervangen door een dash.
En een ribbon to the post:
This is a sample content
[/ribbon]
Test van de shortcode met URL [ WP_GraphViz ] :
=== Start Shortcode ===
[WP_GraphViz title=”WP_GraphViz URL” type=”digraph” id=”testurl” showdot=”true”]
node [shape=box,style=filled,fillcolor=”#C0D0C0″];
Engels [URL=”/test-wp_graphviz-url/”];
Nederlands [URL=”/test-wp_graphviz-url-nl/”];
Engels -> Nederlands -> Engels;
[/WP_GraphViz]
=== Einde Shortcode ===
Test of the another shortcode using URL [ WP_GraphViz ] :
=== Start Shortcode ===
[WP_GraphViz title=”WP_GraphViz URL” type=”digraph” id=”testurl” showdot=”true”]
English [shape=box,style=”filled”,URL=”/test-wp_graphviz-url/”];
Dutch [shape=box,style=”filled”,URL=”/test-wp_graphviz-url-nl/”];
English -> Dutch -> English;
[/WP_GraphViz]
=== End Shortcode ===
=== Start Shortcode ===
[WP_GraphViz title=”WP_GraphViz URL 2″ type=”digraph” id=”testurl2″ showdot=”true”]
English [shape=box,style=”filled”];
Dutch [shape=box,style=”filled”];
English -> Dutch -> English;
[/WP_GraphViz]
=== End Shortcode ===
Test of the shortcode [ WP_GraphViz ] :
=== Start Shortcode ===
[WP_GraphViz title=”WP_GraphViz Title” type=”digraph” id=”testid” showdot=”true”]
a1 -> a2 -> a3;
a3 -> a1;
a1 [style=”rounded,filled”, shape=box];
[/WP_GraphViz]
=== End Shortcode ===
A post on The Karalli Pages:
[WP_GraphViz title=”WP_GraphViz for Karalli” showdot=”true”]
digraph G {
size = “5,5”;
style = bold;
main [shape=box,style=bold]; /* this is a comment */
parse,cleanup,execute,init [shape=ellipse,style=bold];
main -> parse [weight=8];
parse -> execute;
main -> init [style=dashed];
main -> cleanup;
execute -> { make_string; printf}
init -> make_string;
edge [color=red]; // so is this
main -> printf [style=bold,label=”100 times”];
make_string [label=”make a\nstring”];
node [shape=box,style=filled,color=”.7 .3 1.0″];
execute -> compare;
}[/WP_GraphViz]
“Fixed” version:
[WP_GraphViz title=”WP_GraphViz for Karalli” showdot=”true”]
digraph G {
size = 5.5;
style = bold;
main [shape=box,style=bold]; /* this is a comment */
parse,cleanup,execute,init [shape=ellipse,style=bold];
main -> parse [weight=8];
parse -> execute;
main -> init [style=dashed];
main -> cleanup;
execute -> { make_string; printf}
init -> make_string;
edge [color=red];
main -> printf [style=bold,label=”100 times”];
make_string [label=”make a\nstring”];
node [shape=box,style=filled,color=”.7 .3 1.0″];
execute -> compare;
}[/WP_GraphViz]
Dit is een plaatje gegeneerd door google api:
Werkend plaatje:
De code gebruikt voor dit plaatje is:
<img src="https://chart.googleapis.com/chart?cht=gv:dot&chl=digraph{ A [style=filled,fillcolor=forestgreen]; A->B[color=red, arrowhead=tee] ; B->C->A}&chs=350x350" alt="neato chart">