【丁寧に説明】WordPressで記事を投稿する方法[Gutenberg(グーテンベルク)]

ITリテラシー学習
ITリテラシー学習

世界的に有名なブログCMS(ContentsManagementSystem)である「Wordpress(ワードプレス)」。

この記事ではブログ記事を新規投稿する手順を紹介します。
(2018年12月6日、WordPress 5.0へのバージョンアップから採用された新しいエディター、Gutenberg(グーテンベルク)の使い方です)

STEP1. ログインする

ログインすると以下のようなダッシュボード画面が開きます。

STEP2. 左サイドメニュー > 新規追加をクリック

STEP3. タイトル/本文を記入

上記画面のようにタイトルと本文を入力します。

説明にあるように、改行幅(上下余白)を狭くしたい場合は[Shift] + [Enter] で改行
することでパラグラフ内改行を行うことが可能です。

STEP4. 画像を挿入する

おそらくどのような記事でも画像を用いるかと思います。
画像をアップロードしたい場合は上の図のように「+」ボタン > 画像ボタンを選択し、

上図の「アップロード」から画像を選択してください。

なお、その際は以下などに注意してください。


・ファイルのサイズは1MB以下(あくまで目安)
・あるいは縦/横は1500px以内
・拡張子は [.jpeg]、[.gif]、[.png]を用いること([.PSD] などを用いないこと)
(動画アップロードの場合は[.mp4] などを用いること)

STEP5. カテゴリやタグ情報を設定する

ブログ記事に設定するカテゴリ情報、タグ情報を右側メニューのチェックボックスから選択して設定してください。

なお、カテゴリ/タグいずれも新規追加することができますが、管理者に追加許可を取った上で追加することを推奨します。(現在のカテゴリ/タグ情報には管理者の意図があって設計されているケースもあるため、勝手に追加/変更しないこと)

STEP6. 下書き保存する

右上にある「下書き保存する」ボタンから保存してください。

STEP7. URLスラッグを日本語から半角英数字記号に変更する

URLスラッグとは、URLの一部分のことで、自由に設定できる文字列のことを指します。
これを用いてページ名(URL)の最後の部分を好きな文字列に指定することが可能です。

日本語のママだとURLに変換するため長い記号が付いてしまったり、その他にも不具合があるのでオススメしません。

STEP8. URL変更を確認

URLスラッグを変更して下書き保存を更新すると、右下のURLが更新されます。

STEP9. 右上プレビューでセルフチェックする

ここまでである程度完成です。実際の記事と同じ体裁で確認を行うため、「新しいタブでプレビュー」から確認しましょう。

STEP10. プレビューのURLを承認者等に共有し確認依頼を行う

プレビューのURLは以下のようなURLになっていることと思います。
このURLを管理者にシェアし、記事内容のチェックを受けましょう。

https://blog.menter.jp/?p=***&preview=true&_thumbnail_id=***

STE11. 公開

承認者のチェック/修正依頼が届いたらこちらの修正を行い、再度確認が取れたら「公開」ボタンから公開しましょう。

以上で無事完了です。

menter_logo

[転職希望者限定]
『MENTER PERSONAL』
3ヶ月間 0円キャンペーン!!

「MENTER PERSONAL (メンターパーソナル)」は、ITスキルを身につけることでこれまで未経験であった職種への転職、副業、独立、スキルアップを支援するサービスです。
転職希望者に限り3ヶ月間サービスを0円でご利用頂けるキャンペーンを実施中!

*教材/リモート面談/転職支援サービスを提供
*キャンペーン適用条件1:WHITE㈱の転職支援サービス利用
*キャンペーン適用条件2:期間内に指定カリキュラムの受講
*適用条件に満たない場合はサービス提供中断させて頂く場合がございます(料金請求することはありませんのでご安心ください)

店舗販売員、飲食業などオフィスワーク未経験から転職も。
サービス詳細や転職成功者のストーリーを‍見る
*お問い合わせ時に「ブログを見た」と備考欄に入力ください。

menter_logo

[法人向け]
文系DX人材育成なら『MENTER』

「うちの会社はITリテラシーが低い...」
「DXを行うには人材育成から始めなくては...」
「自動化やAI理解できる社員が増えたらな...」

デジタルに強い人材育成を行うオンライン学習サービス『MENTER』が、そんなお悩みを解決します!

・マンガで楽しくインターネットについて学習
・ショートカットキーからAIの設計まで
・大手企業の導入事例/成功事例あり
・DX人材育成について相談/事例集請求/無料トライアル/ITリテラシー無料診断可能

MENTER紹介ページを‍見る
お問い合わせは ‍こちら

ITスキルアップ相談室

コメント

タイトルとURLをコピーしました