![](https://dorandni.com/wp-content/uploads/2020/12/Z0A2298-2.jpg)
こちらはWordpressで記事を投稿する手順書です。
テーマは【Swell】を使っていますのでSwellを使用して記事を投稿する際の手順書になります。
記事の新規作成
文章を作成する基本の流れになります。
WordPressの管理画面から[投稿]-[新規追加]をクリックします。
![](https://dorandni.com/wp-content/uploads/2022/04/01_blog-1-1024x355.png)
![](https://dorandni.com/wp-content/uploads/2022/04/01_blog-1-1024x355.png)
画面が開きます。「タイトルを追加」の部分に記事のタイトルを入力します。
![](https://dorandni.com/wp-content/uploads/2022/04/02_blog-2-1024x548.png)
![](https://dorandni.com/wp-content/uploads/2022/04/02_blog-2-1024x548.png)
「ブロックを選択するには「/」を入力」の部分に文章を入力します。
![](https://dorandni.com/wp-content/uploads/2022/04/03_blog-1-1024x350.png)
![](https://dorandni.com/wp-content/uploads/2022/04/03_blog-1-1024x350.png)
画面の左側(赤枠の部分)を設置していきます。
![](https://dorandni.com/wp-content/uploads/2022/04/04_blog-1-1024x575.png)
![](https://dorandni.com/wp-content/uploads/2022/04/04_blog-1-1024x575.png)
記事のURLとなるパーマリンクを設定します。
「URLスラッグ」欄を入力してください。
日本語は文字化けするので、英語での設定をおススメしています。
![](https://dorandni.com/wp-content/uploads/2022/04/05_blog.png)
![](https://dorandni.com/wp-content/uploads/2022/04/05_blog.png)
カテゴリーにチェックを入れます。
カテゴリーがない場合は「新規カテゴリーを追加」から追加できます。
![](https://dorandni.com/wp-content/uploads/2022/04/06_blog.png)
![](https://dorandni.com/wp-content/uploads/2022/04/06_blog.png)
記事の中に出てくる重要なキーワードをタグに設定します。
書き方は、文字を入力し「ENTER」キーで設定できます。
![](https://dorandni.com/wp-content/uploads/2022/04/07_blog.png)
![](https://dorandni.com/wp-content/uploads/2022/04/07_blog.png)
①アイキャッチ画像を設定する場合、
「アイキャッチ画像を設定」欄をクリックします。
![](https://dorandni.com/wp-content/uploads/2022/04/08_blog.png)
![](https://dorandni.com/wp-content/uploads/2022/04/08_blog.png)
②「ファイルをアップロード」タブをクリックします。
![](https://dorandni.com/wp-content/uploads/2022/04/09_blog-2-1024x582.png)
![](https://dorandni.com/wp-content/uploads/2022/04/09_blog-2-1024x582.png)
③「ファイルを選択」ボタンをクリックします。
![](https://dorandni.com/wp-content/uploads/2022/04/10_blog-1-1024x583.png)
![](https://dorandni.com/wp-content/uploads/2022/04/10_blog-1-1024x583.png)
④アイキャッチ画像に設定する画像を選択し、「開く」ボタンをクリックします。
![](https://dorandni.com/wp-content/uploads/2022/04/11_blog-3-1024x693.png)
![](https://dorandni.com/wp-content/uploads/2022/04/11_blog-3-1024x693.png)
⑤アイキャッチ画像を選択して、「アイキャッチ画像を設定」をクリックします。
![](https://dorandni.com/wp-content/uploads/2022/04/12_blog-1024x575.png)
![](https://dorandni.com/wp-content/uploads/2022/04/12_blog-1024x575.png)
「公開」ボタンをクリックします。
![](https://dorandni.com/wp-content/uploads/2022/04/13_blog-1-1024x385.png)
![](https://dorandni.com/wp-content/uploads/2022/04/13_blog-1-1024x385.png)
「公開」ボタンをクリックします。
![](https://dorandni.com/wp-content/uploads/2022/04/14_blog-1-1024x814.png)
![](https://dorandni.com/wp-content/uploads/2022/04/14_blog-1-1024x814.png)
左下画面に「投稿を公開しました」のメッセージが表示されたら完了です。
![](https://dorandni.com/wp-content/uploads/2022/04/15_blog-1-1024x836.png)
![](https://dorandni.com/wp-content/uploads/2022/04/15_blog-1-1024x836.png)
基本的な操作(ブロックの追加)
![](https://dorandni.com/wp-content/uploads/2020/12/Z0A2298-2.jpg)
![](https://dorandni.com/wp-content/uploads/2020/12/Z0A2298-2.jpg)
![](https://dorandni.com/wp-content/uploads/2020/12/Z0A2298-2.jpg)
ブロックの追加をすることで文章を書いたり画像を追加したりすることが可能です。
黒の「+」部分をクリックします。
![](https://dorandni.com/wp-content/uploads/2022/04/20_blog-1-1024x147.png)
![](https://dorandni.com/wp-content/uploads/2022/04/20_blog-1-1024x147.png)
追加したいブロックを選択します。
使用したいブロックがない場合、「すべて表示」をクリックで表示することが可能です。
![](https://dorandni.com/wp-content/uploads/2022/04/21_blog.png)
![](https://dorandni.com/wp-content/uploads/2022/04/21_blog.png)
記事を装飾する方法
ブロックツールバーの説明
文字を入力すると上に表示されるバーをブロックツールバーと言います。
![](https://dorandni.com/wp-content/uploads/2022/04/19_blog-1.png)
![](https://dorandni.com/wp-content/uploads/2022/04/19_blog-1.png)
色変更やマーカーの設定、文字の大さを変更する、太字にする背景色の変更など
文字の装飾やグロック単位の行間の設定などが行えます。
![]() ![]() | ブロックタイプやスタイルを変更する際に使用します。 |
![]() ![]() | テキストを左寄せ、中央寄せ、右寄せにします。 |
![]() ![]() | デバイス制限(PCのみ表示、スマホのみ表示を選択することができます) |
![]() ![]() | 余白量設定(ブロック下の余白量の設定が可能です) |
![]() ![]() | 太字(文字を太くすることができます) |
![]() ![]() | イタリック(文字をイタリックに変更することができます) |
![]() ![]() | リンク設定(文字にリンクを貼る事ができます) |
![]() ![]() | テキストの色を変更する際に使用します |
![]() ![]() | 背景色の変更などの設定を行います |
![]() ![]() | 改行の指定などの設定を行います |
![]() ![]() | マーカーの設定が出来ます |
![]() ![]() | 文字の大きさを変更できます |
文字を装飾する
![](https://dorandni.com/wp-content/uploads/2020/12/Z0A2298-2.jpg)
![](https://dorandni.com/wp-content/uploads/2020/12/Z0A2298-2.jpg)
![](https://dorandni.com/wp-content/uploads/2020/12/Z0A2298-2.jpg)
文字の色を変更する方法です。
文字の色を変更したい部分を選択します。選択すると上にブロックツールバーが表示されるので
「Ⅴ」をクリックして「ハイライト」を選択します。
![](https://dorandni.com/wp-content/uploads/2022/04/16_blog.png)
![](https://dorandni.com/wp-content/uploads/2022/04/16_blog.png)
〇の中から色を選ぶこともできますし、色がない場合は、赤枠の部分をクリックします。
![](https://dorandni.com/wp-content/uploads/2022/04/17_blog.png)
![](https://dorandni.com/wp-content/uploads/2022/04/17_blog.png)
表示されたカラーパレットで色を作成し、設定します。
![](https://dorandni.com/wp-content/uploads/2022/04/18_blog.png)
![](https://dorandni.com/wp-content/uploads/2022/04/18_blog.png)