Title: Columns DIY
Author: Corey McKrill
Published: <strong>اگست 21, 2012</strong>
Last modified: اپریل 19, 2014

---

پلگ انز تلاش کریں

یہ پلگ ان **ورڈپریس کے تازہ ترین 3 ریلیزوں کے ساتھ ٹیسٹ نہیں کیا گیا ہے**۔ اب یہ
برقرار نہیں رکھا جا سکتا یا معاونت نہیں کی جا سکتی اور اس کو ورڈپریس کے تازہ ترین
ورژنز کے ساتھ استعمال کیے جانے پر مطابقت کے مسائل ہو سکتے ہیں۔

![](https://s.w.org/plugins/geopattern-icon/columns-diy.svg)

# Columns DIY

 منجانب [Corey McKrill](https://profiles.wordpress.org/jupiterwise/)

[ڈاؤن لوڈ کریں](https://downloads.wordpress.org/plugin/columns-diy.zip)

 * [تفصیلات](https://ur.wordpress.org/plugins/columns-diy/#description)
 * [جائزے](https://ur.wordpress.org/plugins/columns-diy/#reviews)
 *  [انسٹالیشن](https://ur.wordpress.org/plugins/columns-diy/#installation)
 * [ڈیولپمنٹ](https://ur.wordpress.org/plugins/columns-diy/#developers)

 [معاونت](https://wordpress.org/support/plugin/columns-diy/)

## تفصیل

This plugin is intended for theme developers and others who want to have full control
of their column styles while still providing a quick and easy framework for adding/
editing column content via WordPress’s visual editor. It eliminates the need to 
type tedious, unmanageable chunks of HTML into the editor when specific posts or
pages require a columnar layout.

That said, this plugin is not plug-and-play. It does not include any styles out-
of-the-box, so if you start using the shortcodes without adding appropriate CSS 
rules, there probably won’t be any visible changes to your content.

See the [Recipes](https://github.com/jupiterwise/Columns-DIY/wiki/Recipes) page 
on the GitHub wiki for some styling examples.

#### Usage

 * Designate each column with `[column]` and `[/column]`
 * Mark the end of a row with `[endrow]`

#### Features

 * Includes enumerated column and row classes, allowing for per-column and -row 
   styling. Also includes parity classes (odd/even) for striping.
 * If a user forgets to add the last `[endrow]` shortcode, the plugin will automatically
   insert a closing `</div>` so the site layout doesn’t get broken.
 * Cleans up errant `<p>` and `<br />` tags that result from WordPress’s `wpautop()`
   function.
 * All parameter inputs are escaped for security.

#### Example

Putting this into the visual editor:

> `[column]`
> This is the column of Foo.
> `[/column]`
> `[column]`
> This is the column of Bar.
> `[/column]` `[endrow]`

Will result in this output:

This is the column of Foo.

This is the column of Bar.

#### Parameters

The following optional parameters can be added to the `[column]` shortcode:

 * _class_ (String : ”)
    Classes for the column `<div>` element. Separate multiple
   classes with spaces.
 * _rowclass_ (String : ”)
    Classes for the row `<div>` element. Only works when
   included with the first `[column]` shortcode in a row.
 * _style_ (String : ”)
    Inline styles for the column `<div>` element.
 * _rowstyle_ (String : ”)
    Inline styles for the row `<div>` element. Only works
   when included with the first `[column]` shortcode in a row.
 * _norow_ (Boolean : false)
    Set to true to omit the row wrapper `<div>`.

#### Filters

The following filter hooks can be used to alter the output of the shortcodes:

 * `diy_colclass`
 * `diy_colstyle`
 * `diy_column`
 * `diy_rowclass`
 * `diy_rowstyle`
 * `diy_beginrow`
 * `diy_endrow`

## انسٹالیشن

 1. Upload the `columns-diy` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

There are a few different options for adding the CSS to style your columns:

 * Edit the style file in your theme (probably `style.css`). This is _not_ recommended
   if you are using a third-party theme such as a commercial theme or one downloaded
   from the WordPress Theme Directory. Your changes will be lost if/when you update
   the theme to a new version.
 * Create a [child theme](https://codex.wordpress.org/Child_Themes).
 * Use a plugin such as [CSS & JavaScript Toolbox](https://wordpress.org/extend/plugins/css-javascript-toolbox/)
   to embed the styles without modifying your theme.
 * Use the `style` parameter in the `[column]` shortcode to add inline styles. Only
   recommended for "one-off” scenarios (and how often does a "one-off” remain that
   way?).

## عمومی سوالات

Check out the [GitHub repository](https://github.com/jupiterwise/Columns-DIY) for
more information.

## جائزے

![](https://secure.gravatar.com/avatar/e56f17b4e9fed1040f8a1d77bff41c797b1e7628eb1351a2d59212f45c9f10d5?
s=60&d=retro&r=g)

### 󠀁[No screenshots, no good review.](https://wordpress.org/support/topic/no-screenshots-no-good-review/)󠁿

 [soul33](https://profiles.wordpress.org/soul33/) فروری 8, 2017

Waste of time. From the fact that there are no chances to see through screenshots
the final effect of this plugin, describes quite well the improfessionality and 
futility of this plugin.

 [ تمام 1 جائزے پڑھیں ](https://wordpress.org/support/plugin/columns-diy/reviews/)

## شراکت دار اور ڈیویلپرز

“Columns DIY” اوپن سورس سافٹ ویئر ہے۔ مندرجہ ذیل لوگوں نے اس پلگ ان میں حصہ لیا:

شراکت دار

 *   [ Corey McKrill ](https://profiles.wordpress.org/jupiterwise/)

[“Columns DIY” کا اپنی زبان میں ترجمہ کریں۔](https://translate.wordpress.org/projects/wp-plugins/columns-diy)

### ڈویلپمینٹ میں دلچسپی ہے؟

[کوڈ براؤز کریں](https://plugins.trac.wordpress.org/browser/columns-diy/)، [ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/columns-diy/)
کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/columns-diy/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/columns-diy/?limit=100&mode=stop_on_copy&format=rss)۔

## چینج لاگ

#### 1.1

 * Added `rowstyle` parameter to allow for inline styles on the row `<div>`.
 * Added filter hooks for altering the output of the shortcodes.
 * Improved process for cleaning up `<p>` and `<br />` tags.

#### 1.0

 * The initial release to the WordPress plugin repository.

## میٹا

 *  Version **1.1**
 *  Last updated **12 سال پہلے**
 *  Active installations **10+**
 *  WordPress version ** 2.8 یا اس سے جدید **
 *  Tested up to **3.9.40**
 *  Language
 * [English (US)](https://wordpress.org/plugins/columns-diy/)
 * Tags
 * [columns](https://ur.wordpress.org/plugins/tags/columns/)[shortcode](https://ur.wordpress.org/plugins/tags/shortcode/)
 *  [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/columns-diy/advanced/)

## درجہ بندیاں

 1 out of 5 stars.

 *  [  0 5-star reviews     ](https://wordpress.org/support/plugin/columns-diy/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/columns-diy/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/columns-diy/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/columns-diy/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/columns-diy/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/columns-diy/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/columns-diy/reviews/)

## شراکت دار

 *   [ Corey McKrill ](https://profiles.wordpress.org/jupiterwise/)

## معاونت

کچھ کہنا ہے؟ مدد چاہیے؟

 [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/columns-diy/)

## عطیہ دیں

کیا آپ اس پلگ ان کی ترقی میں معاونت کرنا چاہتے ہیں؟

 [ اس پلگ ان کو عطیہ دیں ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=FC54RLA8U6VCC)