CSS- Responsive Masonry Layout using Only CSS without jQuery

Question: How can we do responsive Masonry Layout using Only CSS without jQuery?
Answer: Below are the code and output responsive Masonry Layout using Only CSS without jQuery.
HTNL

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

<article> <article>   <section>     Lorem ipsum dolor sit amet, consectetur.   </section>   <section>     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error aliquid reprehenderit expedita odio beatae est.   </section>   <section>     Lorem ipsum dolor sit amet, consectetur.   </section>   <section>     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis quaerat suscipit ad.   </section>   <section>     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem nihil alias amet dolores fuga totam sequi a cupiditate ipsa voluptas id facilis nobis.   </section>   <section>     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem ut debitis dolorum earum expedita eveniet voluptatem quibusdam facere eos numquam commodi ad iusto laboriosam rerum aliquam.   </section>   <section>     Lorem ipsum dolor sit amet, consectetur adipisicing elit.   </section>   <section>     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat  architecto quis tenetur fugiat veniam iste molestiae fuga labore!   </section>   <section>     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit accusamus tempore at porro officia rerum est impedit ea ipsa tenetur. Labore libero hic error sunt laborum expedita.   </section>   <section>     Lorem ipsum dolor sit.   </section>   <section>     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima asperiores eveniet vero velit eligendi aliquid in.   </section>   <section>     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus dolorem maxime minima animi cum.   </section> </article> </article>

CSS

?

1 2 3

*, *:before, *:after {box-sizing:  border-box !important;} article {-moz-column-width: 13em; -webkit-column-width: 13em;-moz-column-gap: 1em; -webkit-column-gap: 1em; } section {display: inline-block;margin:  0.25rem;padding:  1rem;width:  100%; background:  #efefef;}

OUTPUT

SSH- How to create php files in /var/www folder?

Question:  How can we create php files in /var/www folder using SSH command?
Answer:
-Create the file

sudo touch hello.php

-Open the file

sudo vi hello.php

Enter write mode (we were in command mode initially) by pressing  a  (note that    vi   is case sensitive)

After that, press Esc (to change to command mode) and type :wq Check if everything is fine with
cat hello.php

However, it's probably a better idea to use editors such as vim or nano as work with them is a lot simpler than that.

Wordpress- Contact form 7 : Validate comma separated urls

Question: How we can validate comma separated urls in for Contact form 7 plugin?

Answer: We can do this with contact form 7 filter.

For Example:

- If in form field is -

?

1	[textarea* yoururls]

- If we will put the url comma seperated .

- We can use below filter to custom validation in functions.php

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

add_filter( 'wpcf7_validate_textarea*', 'function_validate_urls', 20, 2 ); function function_validate_urls( $result, $tag ) {     if ( 'yoururls' == $tag->name ) {         $yoururls = isset( $_POST['yoururls'] ) ? trim( $_POST['yoururls'] ) : '';         $error='noerror';         $sepurl = explode(",",$yoururls);         foreach($sepurl as $sep){              $sep = preg_replace('/\s+/', '', $sep);             if($sep!=''){                 if (filter_var($sep, FILTER_VALIDATE_URL)) {                    // valid                 } else {                     //invalid                     $error= 'error';                 }             }         }         if ( $error == 'error' ) {            $result->invalidate( $tag, "Please check all urls in exact format." );            // $result->invalidate( $tag, $error );         }     }       return $result; }

SSH- Change all files and folders permissions of a directory to 644/755

SSH- Change all files and folders permissions of a directory to 644/755

?

1 2	find * -type d -print0 | xargs -0 chmod 0755 # for directories find . -type f -print0 | xargs -0 chmod 0644 # for files

For WordPress -

?

1 2 3

All files should be 664. All folders should be 775. wp-config.php should be 660.