preeve9534

<p>Aside widget allows a page or post to insert arbitrary content into a<br />
sidebar (or other dynamic widget area), supporting something similar to the<br />
typographic notion of a ‘pull-quote’.</p>
<p>Aside widget is triggered by the presence, in those pages which require it,<br />
of one or more ‘aside’ custom fields with values that specify the content<br />
of one or more widgets.  Shifting the locus of widget content control from<br />
the widget to the page makes for more natural authoring of conditional<br />
content which needs to be associated with just a small number of pages.</p>
<p>As well as text, an ‘aside’ custom field may contain HTML and/or PHP code.<br />
Of course, any HTML should be crafted so as not to break the containing<br />
page structure.  PHP parsing must be explicitly enabled in the widget<br />
administration panel and any PHP in the ‘aside’ field value must be enclosed<br />
in the usual tags for it to be recognised.</p>
<p>A little bit of short-form magic can be triggered by formatting the aside<br />
field value in the following way.</p>
<pre><code>{#|!|!!}id[,prefix,suffix]
</code></pre>
<p>A value of the form #id (e.g. ‘#232’) causes the the page or post<br />
identified by the integer id to be used as the widget content.</p>
<p>A value of the form !id (e.g. ‘!myasidediv’) causes the contents of the<br />
HTML DIV identified by id to be used as the widget content.  The selected<br />
DIV must reside withing the current page or post.  Normally, the selected<br />
DIV is removed from display within the page proper, but a value of the form<br />
!!id causes the DIV to remain in the normal page flow.  Processing of page<br />
content for the identified DIV is unsophisticated: the DIV must not itself<br />
contain any other DIVs and the DIV id attribute must be the first attribute<br />
after the tag name.</p>
<p>Prefix and suffix can be used to specify arbitrary text/HTML which will<br />
be used to bracket the selected widget content.  PHP can also be used, but<br />
will only work if parsing is enabled as described above.</p>
<h3>Examples</h3>
<p>A few examples of the use of magic values in the ‘aside’ field.</p>
<pre><code>#232  
</code></pre>
<p>Display page 232 in the aside widget.</p>
<pre><code>!mydiv  
</code></pre>
<p>Remove the contents of <code><div id='mydiv'>...</div></code> from the current<br />
page and display it in the aside widget.</p>
<pre><code>!!mydiv  
</code></pre>
<p>As above, but leave the content in the page.</p>
<pre><code>!!mydiv,<span style=”bigquote”>,</span>  
</code></pre>
<p>As above, but style the widget output in some special way.</p>


Aside Widget

Display arbitrary sidebar content conditional upon a particular post or page.

Adam DeHaven

<p>Add beautifully styled left-aligned, right-aligned, or full-width pullquotes. Includes a custom ‘Pullquote’ menu button for the TinyMCE Editor as well as a custom shortcode. View the always-current info post on <a href="https://www.adamdehaven.com/blog/easily-add-pullquotes-to-your-wordpress-posts-with-my-perfect-pullquotes-plugin/" rel="nofollow ugc">adamdehaven.com</a></p>
<p>The plugin enables a WordPress shortcode that allows you to add a pullquote within your content. The shortcode can be added manually or by selecting text in the text editor and then selecting an option (left, right, or full) from the Pullquote dropdown button.</p>
<p>The default shortcode tag is shown here</p>
<pre>[perfectpullquote align="left" bordertop="" class="" cite="" link="" color=""]This is the pullquote text.[/perfectpullquote]</pre>
<h4>Options</h4>
<p>The shortcode includes six options, (align, color, and class) as outlined below:</p>
<h4>align=”left”</h4>
<p><strong>REQUIRED</strong>: Determines whether pullquote is left-aligned, right-aligned, or full-width (95% width of container). Accepts “left”, “right”, or “full”</p>
<pre>[perfectpullquote align="left"]This is the text.[/perfectpullquote]</pre>
<h4>bordertop=”true”</h4>
<p><strong>Optional</strong>: Move the border location above the pullquote. On mobile, falls back to the align corresponding location.</p>
<pre>[perfectpullquote align="left" bordertop="true"]This is the text.[/perfectpullquote]</pre>
<h4>cite=”Jane Doe”</h4>
<p><strong>Optional</strong>: Cite your quotes back to their author/source</p>
<pre>[perfectpullquote align ="right" cite="Jane Doe"]This is the text.[/perfectpullquote]</pre>
<h4>link=”http://example.com”</h4>
<p><strong>Optional</strong>: Turn the cited author’s name into a link that opens in a new window. Must be a valid URL beginning with <code>http</code> or <code>https</code></p>
<pre>[perfectpullquote align ="right" cite="Jane Doe" link="http://example.com"]This is the text.[/perfectpullquote]</pre>
<h4>color=”#EEEEEE”</h4>
<p><strong>Optional</strong>: Change the default <code>border-color</code> attribute by entering a valid HEX color, including the pound ( # ) sign.</p>
<pre>[perfectpullquote align="left" color="#16989D"]This is the text.[/perfectpullquote]</pre>
<h4>class=”className”</h4>
<p><strong>Optional</strong>: Add class(es) to pullquote container.</p>
<pre>[perfectpullquote align ="right" class="firstClass secondClass"]This is the text.[/perfectpullquote]</pre>
<h4>size=”21″</h4>
<p><strong>Optional</strong>: Change the font size of the pullquote’s text, in pixels.</p>
<pre>[perfectpullquote align ="right" size="32"]This is the text.[/perfectpullquote]</pre>


Perfect Pullquotes

Add beautifully styled left-aligned, right-aligned, or full-width pullquotes to your WordPress posts.

Aside Widget vs Perfect Pullquotes