Wordpress Quick Tips #29 - 2 columns content

Μια περιοχή για το WordPress, αυτή την δημοφιλή δωρεάν πλατφόρμα για blogging

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Wordpress Quick Tips #29 - 2 columns content

Δημοσίευση από Basilakis » 19 Μαρ 2010 14:56

Έχετε δεί πως σε αρκετά Wordpress Blogs μπορούμε να κάνουμε output το content μας σε 2 στήλες;

here is how!

Κώδικας: Επιλογή όλων

function my_multi_col($content) {

	$columns = explode&#40;'<h2>', $content&#41;;
	$i = 0;

	foreach &#40;$columns as $column&#41; &#123;
		if &#40;&#40;$i % 2&#41; == 0&#41; &#123;
			$return .= '<div class="content_left">'."\n";
			if &#40;$i > 1&#41; &#123;
				$return .= "<h2>";
			&#125; else &#123;
				$return .= '<div class="content_right">'."\n <h2>";
			&#125;
			$return .= $column;
			$return .= '</p></div>';
			$i++;
		&#125;
		if&#40;isset&#40;$columns&#91;1&#93;&#41;&#41; &#123;
	    		$content = wpautop&#40;$return&#41;;
		&#125; else &#123;
	    		$content = wpautop&#40;$content&#41;;
		&#125;
		echo $content;
	&#125;
&#125;
add_filter&#40;'the_content', 'my_multi_col'&#41;;
και το CSS styling

Κώδικας: Επιλογή όλων

.content_right, .content_left&#123;
	float&#58; left;
	width&#58; 45%;
	&#125;
.content_left&#123;
	padding-right&#58; 5%;
	&#125;
Ο κώδικας είναι απο εδώ

Απάντηση

Επιστροφή στο “WordPress γενικά”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες