blueroll

blueroll

青春はぐるぐるだ。

【実録】WordPressをはじめよう [記事作成編]その1 〜投稿と固定ページ〜

f:id:blueroll:20160408104507j:plain

前回の記事では、カラー設定をしました。他にも設定はあるようなのですが、記事を作成しないと分からないことも多そうなので、とりあえず記事を書いてみる事にしました。

 

記事を投稿する

まずはWordPressのダッシュボードにアクセス。

f:id:blueroll:20160407225428p:plain

「投稿」から「新規追加」を選びます。 

f:id:blueroll:20160407225559p:plain

ほいっ!こちらがWordPressの投稿画面ですね。むむぅ。色々と見慣れない言葉も並んでいますが…

とりあえずは簡単な「プロフィール」記事を投稿してみます。

f:id:blueroll:20160407225952p:plain

上のボックスには記事タイトルを。下の大きなボックスに、テキストを打ち込みます。 これでも良いのですが「当ブログについて」と「プロフィール」は見出しにしたい。

 

当ブログについて

初心者がデザインのスキルアップを図るブログです…

プロフィール

名前:きたやま

1983年生まれ…

こういう感じにしたいということですね。ちなみに名前は今回決めました。私はきたやまです。東北の山出身なのできたやまです。

さて、はてなブログで見出しを付ける場合は、

f:id:blueroll:20160408082343p:plain

こんな感じで見出しを選ぶプルダウンメニューがあります。しかし、WordPressでは…

f:id:blueroll:20160408082528p:plain

見当たらないでやんす。ここで躓きました。HTMLで記述する方法もあるようですが、何せ初心者の私には良く分からないぜ!

んで、色々といじってみた結果。

f:id:blueroll:20160408082816p:plain

ここをポチっと押すと…

f:id:blueroll:20160408082935p:plain

出たっ!単に表示されていなかったようです。

f:id:blueroll:20160408083111p:plain

これで見出しが選べます。「当ブログについて」と「プロフィール」を見出し2にしてみます。 

f:id:blueroll:20160408083448p:plain

よしっ!できました〜。

f:id:blueroll:20160408083706p:plain

ひとまずプロフィールページはこれでOKなので、画面右上の「公開」ボタンを押します。公開する前に「プレビュー」で確認するのも良いですね。

f:id:blueroll:20160408083936p:plain

こんな感じになりました。ちょっと見出しの後ろのグレーの帯が薄いかなぁ。後々調節したいなぁ。 

とりあえず最初の投稿が完了しました!

 

メニューから任意の記事ページを表示させる

最初の投稿「プロフィール」は、私のブログではメニュー項目になっています。

f:id:blueroll:20160408085714p:plain

この部分ですね。現状だとここを押してもサンプルページが表示されます。

f:id:blueroll:20160408090118p:plain

[準備編]その3でサンプルページをとりあえず指定したためです。ここを、先ほど書いたプロフィール記事のページに飛ぶように設定します。

f:id:blueroll:20160408090720p:plain

「外観」「メニュー」を選択。

f:id:blueroll:20160408092737p:plain

左側の「投稿」を選択します。

f:id:blueroll:20160408092919p:plain

投稿した記事が出てきます。先ほど作成したプロフィールという記事にチェックを入れて、「メニューに追加」します。

f:id:blueroll:20160408093106p:plain

投稿した記事「プロフィール」がメニューに表示されました。ただし、このままだと最初に設定した上の「プロフィール/固定ページ」とカブってしまいます。

f:id:blueroll:20160408093457p:plain

こういう表示になってしまうということですね。これを回避するためには最初に設定した「プロフィール/固定ページ」を削除してやればOKです。

f:id:blueroll:20160408094231p:plain

メニュー構造の「プロフィール/固定ページ」右側の三角をクリックして展開。「削除」を押すと削除されます。

f:id:blueroll:20160408094504p:plain

メニュー構造はこんな感じになります。

f:id:blueroll:20160408094705p:plainこれでメニューの「プロフィール」は1つだけ表示され、選択すると投稿した記事ページに飛ぶようになります。

 

投稿と固定ページ

とりあえず投稿とメニューの紐付けが終わりました。一息ついてネットをぶらついていると、プロフィール等のページは「固定ページ」で設定した方が良いとのこと。 

「投稿」は通常のブログ記事なので時系列に表示されますが、「固定ページ」はその名の通り「固定」されます。 「投稿」と「固定ページ」ではレイアウトを別々に設定できるようです。確かに、いつでも見れるプロフィールと、普通の投稿記事の見た目は違う方が良い気がします。

というわけで、先ほど投稿した「プロフィール」を「固定ページ」として設定します。 

f:id:blueroll:20160408101421p:plain

「固定ページ」から「新規追加」を選択。

f:id:blueroll:20160408101627p:plain

作成方法は「投稿」と全く変わりません。テキストを打ち込んで、見出しを設定、公開する。

f:id:blueroll:20160408102417p:plain

同様に作成した「固定ページ」を「メニューに追加」

f:id:blueroll:20160408102602p:plain

投稿記事として作成した「プロフィール」は不要なので削除。

f:id:blueroll:20160408102733p:plain

そして出来たのがこちらです!あら、あまり変わってない。STINGERでは「投稿」と「固定ページ」でデザインをそんなに変えていないようです。

でもよく見ると…

f:id:blueroll:20160408103423p:plain

左上のHOMEの部分の表示とか、日付が無かったりします。ここは後々カスタマイズしてデザインを変えていこうかと思います。

とりあえず最初のページが出来ました!慣れないとページを1つ作るのも大変ですね…。これからどんどん投稿していきます。おー!