テキストは、tは、ホスティングワードプレスをラップ受賞しました
| 2014年5月20日にBhagwadパーク投稿者4件のコメント
優れたWordPressのポストは、テキストの壁よりも多くあります。それは読みやすく、より少ない威圧作り、コンテキスト、画像、blockquotes、pullquotes、と簡単に消化チャンクにコンテンツを分割するために、他の視覚メディアのホストが含まれています。これは、適切にかかわらず、これらのオブジェクトを配置すると、彼らはポストの残りの部分とシームレスに適合することを確保することが重要です。アイデアは、彼らがその配置に読者の注意を引く、記事ではなく補完することです。それだけで「所属」かのように自然を感じるはずです。この目的のために、我々は適切にそれは画像、またはインラインフレームのかどうか、オブジェクトの周りにテキストをラップする方法を知っておく必要があります。 WordPressは正確に画像を配置する簡単な方法を提供しますが、我々は適切な外観を取得し、他のオブジェクトのために感じるようにコーディングのビットを行う必要があります。
整列画像
画像や写真は、ワードプレスで画像の周囲にテキストをラップするために、ポスト内のオブジェクトの最も一般的な形式であるため、ばかばかしいほど簡単です。あなたはWordPressの最新バージョンを実行していることを確認し、以下に示すようにWYSIWYGアイコン上のビジュアル・エディタで、あなたは「メディアを追加」ボタンを見つけることができます。
これをクリックすると、新しいイメージをアップロードしたり、既存のライブラリからいずれかを選択できるようになります。あなたはそれを選択した後、画像の詳細が右側に表示されます。下にスクロールして、あなたは以下に示すように、「添付ファイルの表示設定」というセクションを参照してくださいすることができます。
単にあなたは画像を左、右、または中央に表示するかどうかを選択します。あなたは何も選択しない場合は、画像を任意の位置合わせすることなく、HTMLの中に配置されます。それは簡単です!
他のオブジェクトの整列
画像の周りにラップテキストは十分に簡単ですが、あなたはiFrameのようなカスタム要素が何を持っている場合は?いくつかの小さなツールとウィジェットは、WordPressのポストのHTMLの中に配置するためにあなたのコードのスニペットを与え、適切に位置合わせすることなく、それは恐ろしい見ていきます。我々はの世話をする必要がある2つのものがあります。
オブジェクトの配置
あなたは内のiFrameスニペットを持っていると言います
あなたは、これは下のスクリーンショットに置かれている正確にどのように見ることができます。
これは、左側にiFrameを配置し、HTMLですぐ後の段落は右に周り流れます。
余白を調整します
残念ながら、これはまだ、右を見ていません。はい、オブジェクトは、その周りにテキストの折り返しを左に表示されますが、テキストがエッジに近すぎます。グッドデザイン原則は、我々は以下の、そして左揃えの画像の右に、右揃えもののために左に、上記のいくつかの余白を作成する必要があることを教えて。
我々は右に10pxの余白と上に22pxの余白をしたいとしましょう。すぐに開口部以下の次のコードを追加します。
iFrameのに置かれたとき、それは次のように表示されます:
あなたはマージンがちょうど得るまでの記事をプレビュー保つことができます。ここでは、それが最終的に次のようになります方法は次のとおりです。
あなたが見ることができるように、画像は、両方が適切に左に並ぶだけでなく、うまくそれが醜い見ずにポストの自然の部分を見えるようにするための間隔で埋めています。あなたは、任意の埋め込みオブジェクトだけでなく、のiFrameで動作するようにこれらの技術を使用することができます。それは写真やカスタムコードのかどうか、それは彼らがあなたのコンテンツにスムーズに収まることを確認することが重要です。
今は下記のURLを入力します。
著者について
Bhagwadパークは、インドからのテクニカルライターで、現在はフロリダ州にあります。彼は、ITの世界に強い関心、雲がかかり、また、発展途上国の人権に焦点を当てたブログを維持します。