無料ホームページテンプレート Template Party

その他:「お知らせ」を投稿してみる、カテゴリー名(デフォルト:未分類)の変更と追加方法)

現在、トップページのお知らせ欄にはWordPressインストール時にデフォルトで入っているデータが1件だけ出ています。
実際に1件登録し、「未分類」の名称も変更してみましょう。

トップページのテンプレートは「toppage.php」です。「更新情報・お知らせ」などの見出しは直接phpファイルに書かれているので、変更する場合はphpを編集して下さい。

トップページのお知らせを投稿してみる。

  1. お知らせは「投稿」->「新規追加」で登録します。
  2. 以下のように入力します。スラッグが出ていない場合は画面上部の「表示オプション」タブをクリックしてスラッグにチェックを入れて下さい。
    スラッグ名は任意のもので構いませんが今回は登録日を使いました。カテゴリーの「未分類」にもチェックを入れて下さい。アイキャッチ画像も登録できますがトップページでは表示されません。

    2019/01時点での新しい編集画面にはスラッグが見当たりませんでした。
    特にスラッグを手動で設定する必要もなかったのでそのままで問題ありません。

  3. リンクを設定します。
    リンクを設定したいテキストに手動でリンクを設定していきます。
    ビジュアルタブを選択し、リンクを設定したいテキストを選択、リンクのアイコンをクリックすると…
  4. 以下のパーツがでますので、歯車アイコンをクリック。
    事前にurlが分かっている場合はこの入力エリアに直接貼り付けてもらってもOKです。
  5. 以下のウィンドウが出てきますので、リストからリンク先にしたいページを選択して下さい。
  6. 選択するとURL欄に自動でアドレスが入力されますので、確認し、リンクを追加ボタンを押して下さい。
  7. 以下のように下線がつけばOKです。
  8. テキストタブをクリックすると、htmlコードを見ることができます。

    補足:リンクタグはタイトルにも使えます。上記のリンクのコードをコピペして使ってみて下さい。

  9. トップページをプレビューしてみます。以下のように出力されていればOKです。
  10. アイコンが「未分類」のままだとわかりづらいので「お知らせ」に変更してみます。
    「投稿」->「カテゴリー」を選択します。
  11. 「未分類」がすでに入っていますので、それをクリック。
    またはカーソルを上に合わせると編集ボタン出ますので編集を押してもらっても可。
  12. 以下のように名前とスラッグを変更します。
    任意の名前で構いませんがスラッグをnewsにしておくとテーマのスタイルが適用されて色がつきます。
  13. 「更新」ボタンを押したらプレビューで見てみましょう。
    以下のように「お知らせ」と出ていればOKです。
    アイコンに色がついたのは上で解説したようにスラッグに「news」と指定した為、テーマのスタイルが反映されました。
  14. 他のアイコンも追加してみましょう。
    例として「キャンペーン」を追加してみます。
    先ほどと同じように「投稿」->「カテゴリー」を選択して編集画面を開き、以下のように入力・登録して下さい。
  15. 以下のように追加されればOKです。
  16. では、キャンペーンのお知らせを1件入力してみましょう。お知らせの投稿と同じ手順です。
    「投稿」->「新規追加」を選択し、以下のように入力してみましょう。スラッグなど任意のもので構いませんが今回はカテゴリー名+日付にしました。

    新しいレイアウトをご利用中の方は、右上の「文書」タブをクリックし、「カテゴリー」をクリックするとチェックボックスが出てきます。
  17. プレビューで見ます。今登録した情報が掲載されていればOKです。

    アイコンに色がつくのは「お知らせ(スラッグ名にnewsとつけたもの)」のみですが、cssにスタイルを追加すればアイコンごとに色を変えることができます。今回、campaignとつけたので、cssフォルダのstyle.cssに、

    /*アイコン「campaign」*/
    .news .category-campaign .category a {
    background: #ff0000; /*背景色*/
    color: #FFF;
    }

    と追加すればキャンペーン(スラッグ:campaign)は赤いアイコンとして出力されるようになります。
    元々cssに入っているnewsは「.category-campaign」部分が「.category-news」となっています。増やす場合はここのハイフン「-」以降をスラッグ名に変更するだけ(もちろんbackgroundの色も変えて)でOKです。

マニュアルページに戻る