サイト更新について

管理画面

https://osteriaezaki.wordpress.com/wp-admin/

 

投稿

記事投稿の仕方の基本は以下のサイトをご参照ください。
説明はサーバーインストール用のWordpress.orgのもので、一部Wordpress.comとは異なる部分もありますが、特に糸島さんが行う記事投稿と画像などの更新に関する部分は同じですし、画像入りでわかりやすいです。

ワードプレスの投稿方法

上記解説にあるパーマリンクはWordpress.comでは編集できません。投稿記事やカテゴリー、画像のURLの部分(スラッグ)は全て半角英数が望ましいのですが、WP.com(もしくは当該テーマ)ではカテゴリー部分(フードメニュー項目も)を日本語から英数に変更できないようです。

また新規に記事を作成する際、SNSボタンを非表示にしたい場合は、編集画面下部の[いいねと共有]のチェックをはずしてください。

 

投稿の種類

●Wordpressのデフォルト

固定ページ(サイトのページ・page)・・・時系列で並ばない記事ページ(ご予約&アクセス)

※サイト上には、特別に指定するか、ページ表示用のURL(リンク等)を書き込まない限り表示されません

投稿(ブログ投稿・post)・・・時系列で並ぶブログ記事ページ(お知らせ)

お知らせ記事の場合、カテゴリーで[お知らせ]を選ぶのを忘れないようご注意ください。
その他たとえば、イタリア紹介記事など、別の内容で投稿したい場合は、新規にカテゴリーを作成してください。
※自動で最近の記事にリンクが生成されます。また、カテゴリーページにも自動的に表示されます。

●当テーマでは以下の独自の投稿種類も利用しています。

フードメニュー>メニュー項目(Topページの 古民家、メニュー、料理)

メニュー項目の下に、タイトルなし と表示されているのがフードメニュー記事です。

(タイトルなし)の下にカーソルを持っていく>編集>から文字や画像の編集・更新を行います。

料理ページの画像の差し替え方:
上記料理ページ(タイトルなし)の編集画面を開き、画像の上でクリック>ポップアップメニューから編集を選択>ギャラリーを編集 で[削除]や[ギャラリーに追加]を行います。

画像にはキャプションを入れることができます。現在は代替テキスト共に入っていませんが、いずれも料理名を入れるとよろしいかと思います。

※TOPページの三つのメニューセクション(リンク画像)に関連付けられたページです。セクション(ブログ投稿記事のカテゴリーに該当)の下に項目(記事)を新規追加することにより、記事はそのセクションにまとめられた状態で公開されます。

推薦文(Topページの おすすめサイト)

※記事を新規追加すると、TOPのおすすめリンクに記事が表示されます。

 

画像

写真画像は[メディア]にアップロードします。
その際、名前は半角英数小文字にするようご注意ください。

料理写真などは750×750ピクセル(横長の場合750×560)にリサイズし、下記サイトで圧縮したものをメディアにアップしてください。

https://tinypng.com/

上記サイトの使い方

【追記:WP管理画面上でリサイズと圧縮が可能】

[メディア]>ライブラリ>に1000×1000ピクセル程度の画像をアップロードしたあと、その画像をクリック>添付ファイルの詳細>画像を編集>画像をスクエアに切り抜き、新規サイズで750×750に[縮尺を変更] とすることにより、同時にファイルサイズの圧縮もされるようです。

サーバーにアップできる容量に限度があることと、サイトはできるだけ軽いほうが動きが軽快で望ましいことから、画像サイズはぎりぎりまで圧縮するようにします。

フォトショップでは750×750でWeb用に圧縮すると、ファイルサイズを100KB以下まで小さくすることできるので便利です。無料の画像編集ソフトなど色々ありますので、なにかソフトを利用するのもよろしいかもしれません。ソフトであれば、色調補正も行えますし。いただいた写真の場合、自動補正に加えて、少し明るくし、コントラストを若干強くすると見栄えが良くなる写真が多かったです。

最初の頃にアップした画像には重いものもありますが、Wordpressはメディアに画像をアップすると自動で何種類かの画像を作成し、その中の軽いサムネールを利用するような形になっていますので、そのままにしてあります。

ただし、TOPページのランチとディナーのリンク画像は、画像サイズを345×345ピクセルでアップしてください。でないとここはCSSで画像サイズを制御するようになり、重い画像が使われてしまうことと、そのため表示が遅くなります。

この部分の画像差し替えは以下の手順となります。

外観>カスタマイズ>テーマオプション>フロントページ で 画像の変更  にてメディアライブラリから選択し直す

 

その他の変更・更新

●ヘッダー部分のナビゲーションメニューは、外観>メニュー で修正や項目の増減を行います。

●トップページのレイアウトや色、フォント、CSSなどのカスタマイズは、 外観>カスタマイズ で行います。

●基本設定は、Settings から行います。

●ご利用プランではプラグインは追加できません。WPはプラグインが豊富で、様々な機能を付加することができるのですが、利用するにはビジネスプランにアップグレードする必要があります。カルーセルスライダーなどもプラグインで実装できます。

●フロントページ画像の変更
固定ページの無題(フロントページ)の編集画面でアイキャッチ画像を差し替えて下さい。
事前に画像をメディアライブラリーにあげておき、編集画面右下のアイキャッチ画像をクリックするとメディアライブラリーが開きます

もう一つの管理画面

WPにはもうひとつ別の(新しいインターフェースの)管理画面があります。

https://wordpress.com/log-in/ja?redirect_to=https%3A%2F%2Fwordpress.com%2F

こちらでも出来ることはほぼ同じですが、個人的には旧画面のほうが作業しやすいと思います(両方を切り替えて作業することも可能)。
この管理画面ではメニューが英語表記になっているかもしれません。その場合、以下の方法で日本語に変更してください。

プロフィール(画面右上のマルに人のアイコン)>Account Setting(歯車マーク)>Interface Language>CHANGE>日本語 を選択>Select Lauguage>Save Account Setting

 

サイト診断

サイトが適切に構築されているか、軽快度など、以下のサイトで診断できます。

https://gtmetrix.com/

URLを入力し、Analyzeボタンを押してみてください。環境や時間帯にもよりますが、本日6月24日17時台では軽快で(PageSpeed Score:A91%、YSlow Score:B84%、Fully Loaded Time:1.1s)、問題ありませんでした。


 

カテゴリーの作り方

新たにカテゴリーを作るには二つの方法があります。

①左のサイドメニューから、
投稿>カテゴリー> で名前を入れ、[新規カテゴリーを追加]ボタンをクリック

②記事投稿編集画面右設定項目から、
カテゴリー>+新規カテゴリーを追加 をクリック、 名前を入れて[新規カテゴリーを追加]ボタンをクリック

 

タグの作り方

①左のサイドメニューから、
投稿>タグ> で名前を入れ、[新規タグを追加]ボタンをクリック

②記事投稿編集画面右設定項目から、
タグ>名前を入れ、 [追加]ボタンをクリック

ヘッダーナビゲーションタブメニューの編集

外観>メニュー>
メニューには以下のリンクを設置できます。

固定ページ:投稿した各固定ページ(ご予約&アクセス)
投稿記事:投稿した各記事ページ(本サイトでは未設定)
カスタムリンク:任意のURLページへのリンク(ランチメニュー、ディナーメニュー、料理)
カテゴリー:各カテゴリーのアーカイブページ(お知らせ、伊な話し)

設置したい上記の項目を選択し、[メニューに追加]をクリック
項目の並び順をドラッグで調整>[メニューを保存]ボタンをクリック

 

トップページ ・フードメニュー三枚の画像の変え方

外観>カスタマイズ>テーマオプション>フロントページ>
Featured Image One , Two, Three それぞれの [画像の変更]ボタンをクリック
メディアライブラリーが開くので、アップしてあった写真家、もしくは新規にファイルをアップロードして選択する (画像サイズは345×345にしておく)

 

投稿記事への写真挿入の仕方

記事投稿画面で挿入したい場所にカーソルを持っていき、[メディアを追加]ボタンをクリック

①単発で画像を挿入したい場合は、
メディアライブラリーの希望画像をクリック>キャプションが必要な場合は記入>配置を設定>サイズを設定>[投稿に挿入]ボタンをクリック

②ギャラリーを作成して挿入したい場合は、
メディアライブラリー左のサイドメニューから>ギャラリーを作成をクリック>ギャラリーに含めたい写真をクリックで選択>[ギャラリーを作成]ボタンをクリック
ギャラリーを編集画面にて>カラム数を設定>サイズ>を設定>タイプを設定>[ギャラリーを挿入]ボタンをクリック

※あとから写真を変更したり、ギャラリーのタイプを変更したいときは、
投稿ページの写真の上をクリック>編集をクリック>メディアライブラリーで上記の作業を行う

 

データベースの保存方法

構成を変える前だけでなく、定期的にバックアップを取っておかれるとよろしいと思います。

サイドバーメニューのツール>エキスポートで全てのコンテンツにチェックを入れ、[エクスポートファイルをダウンロード]ボタンをクリック

復元するにはサイトのデータをすべて削除し、

ツール>インポートからエクスポートしたデータをインポート

いきなりすべて削除してしまうのは怖いので、PCにWP環境を作るか、あるいは他の無料サーバーなどできちんとインポートが可能かどうか、試してから行うと良いです。

 

TOPページ[最近の投稿]の編集(ウィジェット)

フッター上部には、自由に編集できるスペースが設けられています。現在ここには最近の投稿が直近の5タイトル表示されるようになっていますが、表示数その他カスタマイズが可能です。

外観>ウィジェット>First Front Page Widget Area>最近の投稿(▲をクリックするとカスタマイズ項目が表示されます)>表示数を設定

投稿日を表示しますか? にチェックを入れると日にちも表示されるようになります。

このエリアは三カラムまで増やすことができます。それぞれウィジェットに用意された様々なアイテムを表示させることが可能です。たとえば画像、動画、(シェフの)インスタ写真、カレンダー、固定ページや任意のテキスト(HTMLコードも可)などです。

 

フッターの編集(ウィジェット)

フッターはウィジェットで編集を行います。

外観>ウィジェット>First Footer Widget Area >テキスト で内容を編集(編集画面の展開は▼をクリック)

フッターはFirst とSecond の2カラムで、テキストや画像など、用意された様々なアイテムを表示させることができます。