How to Design your blog Post data with Visual composer

How to Design your blog Post data with Visual composer

1 login1

Blog setting k liye sabsey pehly apna blog user login karain wordpress per login page ki picture ap daikh skty hain .

Login your blog on wordpress .

2dashboard

Wordpress pe login k bad (Dashboard) yani blog setting krny wala panel .

Dashboard panel after user login

3

Left hand pe diye gaye menu mai post k button pe click karain .

Click on the post button

7

Posts page khul jany k bad kisi bhi aik post per click karain jesa k mainy yellow mark laga kr btaya hai . Post open ho jany k bad

Open any post after getting in to the post page as I have opened the yellow marked .

8

Post khul jany k bad ap visual composer ki madad se deign ki hui post ko daikh sakty hain lakin post ka data designed nai hai jiski wja sey hum user to apny data aur wensite se mutasir nai kr sak rahay . Edit text pe click karain .

5

Ab ap saaf daikh skty hain k data likha theek hua hai lakin isko tarteeb nai di gai aur jin ilfaz pe nazar band hona chahye hai wo bhi theek nai hain sara text aik he jaisa lag rha hai .

Now you can see the given text is not well arranged and the heading words are not highlighted , whole text looks plain .

6

Diye gaye text mai spaces dalain aur aik line mai arrange karain aur headings ko bold kr k ap aik achi attractive shakal de dain .Isko colorize bhi kr sktay hain ap lakin jitna decent rakhaingy aur align rakhaingy data utna he asani se perha jayega aur ankhoon ko acha mehsos hoga .

Arrange your text data like you can  in the above given picture by adding spaces and bold headings .

7

Visual composer mai text editing mai 2 kism ki options hain aik General ‘ aur dusri Design option ‘ ab humny general option mai editing kr li hui hai tou ab hum thora sa text data ko design krny k liye Design options pe click kr k khol laingy ,jo k ap uper di gai tasveer mai daikh skty hain .

Open up the Design options to design the text area after the general editing .

8

Right side per ap daikh skty hain k color background ki option bni hui hai mai yahan color box per click kr k apni merzi ka background colour choose kr skta hu . Background is liye color kr rha hu takay hamara data itna bhi plain na lagy kr text perhny wala bore ho jaye .

Click at the color box given at the right side and chose the color you want to add in the background of your text area .I am coloring the background of text area because I don’t want any one  feeling bored while reading my post .

9

Ab ap apna design kia hua area Preview kr sktain hain taky faisla kr skain k humay koi tabdeeli tou nai krni .

Preview your post to see changes .

10

Ab ap apna design kia hua area daikh sktay hain jo k pehly plain tha aur ab text area blue background k sath nazar arha hai .

Now you can see the designed area .

18

Bilkul isi terhan ap apny sarey text ko dubara design yan design kr lain aur her us text ko color krdain jis per zor dena chah rahy hoon aur perhny waly ko matwajo krna chah rahy hoon .

Design all of your text data same as we have done before .

19
20

kabhi kabhi design krtay wakt esi kharabi ajati hai jesey k yellow mark kr k mainy apko dikhaya jo k copy paste ka masla hai , kabhi kabhi text copy krty wakt area bhi copy hojata hai phir design krty wkt alehda nazar any lagta hai jesa k ap picture mai daikh sakty hain uper .

Some times you face errors while designing that you can clearly see in above picture .

21
22

Is kharabi ko theek krny k liye  ab us text ko select kr k remove krdain aur dubara se us jaga text likhain ,yad rahy k text dubara copy paste nai krna blky likhna hai ,is terhan apka ye masla hal hojayega .

To prevent this error select the text which has error , remove it and rewrite it .That’s how you can resolve this issue .

24
25

yahan ap daikh sktay hain picture mai k text k kuch lafz color kiye hain aur color ka masla b khatam kiya hai tou ab post daikhny mai mazeed achi lag rhi hain

Designed area looks better now .

26
32
33
36

apni post mai data zada se zada zaror dalain jaisey k pictures gallery , videos , books etc etc .

lakin yad rahay k blog page per jahan sari posts show ho rhi hoti hain wahan apki akeli post ka sara data aik sath show na hoo takay page ki length bohot zada na ho jaye , is liye apko read more ka tag zarori hota hai jiska tareeka mainy upar di gai tasveer mai samjhaya hai .

Insert read more tag by the way I taught you in above pictures  .This is important to shorten the data at the main page of blog .

w

Ab ap daikh sktay hain k read more ka tag kis kam ata hai aur daikhny mai kaisa lagta hai ( in above pic)

Now you can see how read more tag look a like .

38
41

Post mai mazeed malumaat k liye tasveerain aur videos lagani chahye hain taky post perhny waley ko her kism ki malumat mil sky aur wo her malumat k liye apka he blog istamal karey , upar di gai pictures mai tarika mojod hai .

Put more media into the post to make it more perfect like an encyclopedia to make reader happy with your data .

54
51
48
52

Videos aur tasveerain lagaty wakt aik cheez ka khyal rakhain k mukhtalik iksaam ki videos lain aur pictures lain aur pictures ,videos dalty wakt titles, headings, aur caption wagera ka zaror khyal rakahain k sahi malumat dali hai yan nai takay apko search engine mai ba asani results mil sakain .

Add different kind of pictures and videos , don’t forget to type right headings and description while adding pictures and videos .

59

Koshish karain k books wagera yan baki malumat deny wali websites k bhi links laga dain post mai takay takay koi malumat baki na reh jaye mutalka cheez k barey mai .

Try to add books and links of other websites to make your post complete .

sd
w

Ab hum post ka sara data bna b chukay hain aur design bhi kr chukay hain ab ap apni post ko daikh sakty hain jo k aik mukamil designed post ki shakal de rhi hai .

We have done editing and designing our post ,you can now take a look at your designed data which looks better than before . thanks (for more details follow the next article )

About the Author

Skip to toolbar