ポストエディタで「私について」サイドバーウィジェットを作成する[WordPressチュートリアル]

大規模なブログは、「私について」ページを非常によく利用しています。そこにユーザーを集めるために、彼らのブログのサイドバーに99％の簡単な、興味をそそる "About Me Section"を含めています。この記事では、そのセクションを作成する方法を紹介します。新しい記事を書くのと同じくらい簡単です。実際、これを作成するためにWordPressの新しい投稿エディタを使用します。.

ポストエディタはWordPressで最も用途の広いツールの1つであり、それを知っている人はほとんどいません。私がこれからお見せしようとしているのは、賢い小さなデザインハックです。見過ごされがちなので、Hongkiat.comの40のWordPress Hacksのリストにも載っていなかった。.

このトリックは、始めたばかりの場合は、基本的なHTMLおよびCSSの学習にも役立ちます。.

あなたのメッセージを作成する

このチュートリアルに必要なのは、あなたの "About Me"ページ、あなた自身の写真といくつかのテキストだけです。あなたの "私について"ページはブログでのあなたの業績に焦点を合わせ、いくつかの質問で読者を引き付け、そしてあなたのブログの写真を含めるべきです。このページはもう作成されていますか？パーフェクト.

今、私たちはこれらすべてを引き継ぐつもりです。 WordPressの新しい投稿エディタ. それを開き、そしてあなたの画像をアップロードしてください。私達はからこれの多くをしています HTMLタブ. あなたが画像をアップロードするとき、WordPressはそれのためのHTMLコードを自動的に生成します。 [HTML]タブに移動して、画像の上にスペースを入力します（Enterキーを押します）。それから、ここにちょっとしたフックメッセージを書いてください。あるいは「私について」だけでもいいのです。クリエイティブに.

読者を興味をそそるための短い3-4文の説明を追加します。このテキストブロックの最後に、「こちらをもっと見る」のような文章を書き、あなたの実際のAboutページにリンクしてください。.

あなたのメッセージをスタイルする

今行きます ビジュアルタブ. テキストを中央揃えにします。 HTMLに戻ると、WordPressが「pスタイル」の形式でいくつかのコードをあなたのために書いていることに気づくでしょう。これは新しい投稿エディタでウィジェットを作成することの利点です。 WordPressの自動書き込みコードがあなたのために！それから基本的なCSSを追加するだけです。!

このようなものを作成してください。

 あなたのメッセージ 

必ずpスタイルを閉じます。

そしてあなたが考えることができるか必要とする他のCSSを追加してください。 CSSがわからない？グーグルで「____のCSSコード」を検索し、空欄にあなたがしようとしていることを書いてください。次にpスタイルをコピーして貼り付けます。画像の下のテキストブロックメッセージの周囲に配置します。好きなようにスタイルを決めて、閉じます。 pスタイルを閉じるのを忘れた場合、それは大したことではありません。スタイルはあなたがそれをしたいより多くのテキストに適用されますが、誰もが少なくとも一度この間違いを犯します.

使用コード イタリック体にして あなたのテキストを太字にし、それらも閉じることを忘れないでください.