「 河野 裕の記事 」 一覧

イラストレーターでの加工方法

画像作成(イラストレーター)

イラストレーターでの画像の作り方

2019/1/15  

上の画像は出来上がりイメージです。   イラストレーターを起動     とりあえず「web(大型)」をクリック     「詳細設定」→「RGB」をクリックする     1920×1920の画像ができた     自分のサイトに載せたい画像の幅を設定。 今回は「FXの歩き方」というサイトに載せるので横幅920pxで設定。 左の「長方形ツール」をクリックして白い画面のどこかをクリックすると長方形の幅と高さが指定できる     920×920の枠ができた     枠を動かせないように固定する必要がある *この枠内に画像を作っていく 「表示」→「ガイド」→「ガイドを作成」をクリック     枠の色が青から水色に変わりガイド(印刷範囲)が作成された。 *ロックされた状態なので「ガイド」が動かなくなった     参考画像を配置する為に、新しくレイヤーを作る     レイヤー2が新しくできた     作りたい画像の参考になるものを持ってくる。 今回はhttps://www.forex.com/jp/support/tax-report/から参考となる画像を持ってきて(ディスクトップに移動)、それをイラストレーターに移動(ドロップ)     画像が新し ...

webアイコン

アイコン

Webアイコン 4千種類のアイコンから選んで使える

2018/10/16  

好きなアイコンを自分のサイトで使える「Webアイコン」 Font Awesomeというサイトを使えば数千種類のアイコンを自分のサイトで表示できます。 step1使いたいアイコンを選ぶ         step2ソースをコピー step3テキストモードでサイトに貼り付け  サイトに貼り付けると左のようにアイコンが表示される。デフォルトは黒色 注意バージョン4とバージョン5があるが、バージョン5だとサイトで表示できないことが多いのでバージョン4を使う      色をつけたい場合はCSSで設定が必要 アイコンに色をつけたい場合は別途CSSで設定が必要です。 step1ワードプレスにログイン→外観→カスタマイズ→追加CSSを選び書きを貼り付け保存をクリック

step2アイコンのコードに「my-色コード」をつける 例:fa fa-timesの後ろに「my-red」をつける ×

 

ライター運用

編集・ライター管理

保護中: ライター募集・運用のQ&A

2018/10/8  

この投稿はパスワードで保護されているため抜粋文はありません。

ライター応募フォーム

ライター

①ライター応募フォーム【未経験者も大歓迎・随時募集】

2018/10/11  

ライターをしたい方は下記の応募フォーム(Web履歴書)に記載の上、ページ下部にある「送信」をクリックしてください。 後日、担当者からご連絡を致します。 事前に下記の記事をお読みいただくと、ライター業務の収入形態と流れがわかります。   ライター応募フォーム 読み込んでいます... 応募フォームのご記入ありがとうございました。 基本、3営業日以内に、担当者からご連絡をさせていただきます。

ライターの仕事とは?

ライター

②ライターの仕事とは?

2018/10/5  

ライターの仕事とは? ここで言うライターの仕事とは、ホームページの記事を書くことを言います。 編集者から「〇〇と言うキーワードに沿って、こういう文章を書いてほしい」と依頼を受けて記事を書きます。 「FX、仮想通貨、ウォーターサーバー、転職、サプリ」など色々ジャンルがありますが、記事を書く上で重要なのは下記の通りです。 ポイント そのキーワードで検索しているユーザーは「どんな悩みや疑問があるのか?」 記事を通してその悩みや疑問に対する「どんな答えを与えれるか?」 記事を読んだユーザーの「悩みや疑問が解決したか?」 検索ユーザーのニーズを満たす記事を書くことが重要です。   仕事の流れ 研修を受ける(このサイトの手順に従って勉強をする) ライティングを実践 納品 編集からフィードバックを貰い記事を直す 再納品 報酬支払 納品された記事の質が高ければ④と⑤は発生しません。   報酬形態・収入UPの方法 1文字〇〇円、1記事いくらのように報酬形態は様々です(実力次第で単価は変わります)。 最初のうちは文字単価は安いですが、質の高い記事を納品しているとクライアント側から指名が来るようになり、単価が上がることがあります。 また、やる仕事(役職)により報酬は上がってきます。 編集長(進行管理) > 編集 > 専属ライター > ライター の順で報酬が高くなります。 まずはライターからですが、質の高い記事を納品していけば徐々に単価や役職は上がります。 逆に適 ...

事前準備が重要

ライター

③ライター業務の事前準備

2018/10/15  

ライター業務をすると編集と連絡を取り合い、記事の入稿・修正など様々な業務が発生します。 記事の納品以外は報酬が発生しないので、無駄な作業や連絡は減らすのが収入UPの近道です。 これからご紹介するツールはライターに必須のものです。必ず事前に準備をしてください。 逆にツールの導入すら面倒でできないという方は、ライター業務に向いていないのでこの時点でやめておいた方が無難です。 ライター業務を行う前に必要なツール 事前に下記のツールのインストール(もしくはツールを使のに必要なIDとパスの取得)をしてください。 ①chrome:Googleのウェブブラウザ。Googleの各種ツールを使うのに使います。 参考サイトの閲覧、②の各種ツールはchromeを使って作業をします。   ②Googleアカウント:Googleの各種クラウドツールを使うためにアカウントが必要になります。 gmailのメールアドレスを持っている方は、そのIDとパスでログインできます。 Googleアカウントを取得すると下記のツールが使えるようになります。 Googleドキュメント:Word(ワード)と同じような機能 Googleスプレッドシート:Excel (エクセル)と同じような機能 *クラウドで使えるので、ライターと編集者で同時にデータの編集ができるのが特徴です。 校正・編集が同時にリアルタイムでできるので、無駄な連絡が不要になり、効率的にライター業務ができるようになります。   ...

記事作成

ライター

④記事の作成方法・報酬の支払いについて

2018/10/15  

テストライティング 本契約の前に、テストライティングをしていただきます。 このテストライティングで問題無ければ本採用となり、契約を結んで記事を書いていただきます。 実力を測る為のテストになりますので、報酬はお支払いできません。 正式採用になった場合は、テスト記事に対しても報酬を支払う事があります。 会社の面接と同じような感じね。 実力がわからないと、仕事をお願いできないもんね。   記事の作成手順 納品までの流れ 編集から Googleドキュメント (原稿)、コンテンツシート (参考資料)のURLが送られてくる chrome を開き、Googleアカウント でログインした状態で、そのURLをクリック Googleドキュメント、コンテンツシートを見る コンテンツシートを参照し、Googleドキュメントに記事を書いていく 記事の作成が終わったら編集にチャットワークで連絡 編集が記事のチェックをし、問題無ければ納品完了 最初の頃は誤字脱字があったり、文章的におかしい部分を指摘されて、修正が必要になるケースが多いわ。 ただ、慣れてくればそういう事も無くなるから、まずは経験を積むことが重要ね。 確かに、俺も最初の頃は適当な文章書いてたから、編集さんにずいぶん迷惑かけちゃったな~ 今は修正を指摘されることもほとんどなくなったから、俺も成長したんだな。 他のサイトからコピペで記事作って納品した時は、滅茶苦茶怒られてビビったけど…。     原稿 ...

簡単に記事を作る方法

ライター

⑤記事の書き方

2018/10/5  

記事の書き方は簡単! 編集者から渡されるGoogleドキュメントの目次を見て、それをGoogleで検索し、参考になるサイトの内容を確認してまとめるだけです。 下記は編集者からもらった見出しの一部です。 上記の見出しを例にして、記事の作り方を解説します。 ①chromeを開く chromeを使ったことがない場合はこちらを読んでその他必要なツールも準備してください。 必要なツール:chrome、Googleアカウント、チャットワーク   ②「︙」の部分をクリック→  シークレットウィンドウ をクリック。 chromeの機能の一つ。 日頃の検索履歴や見ているコンテンツの履歴の影響を受けて、検索した結果が表示されるが、シークレットウィンドウだと検索履歴に左右されずに、履歴0の状態で検索結果が表示される。   ③「二つに一つを選ぶだけ?バイナリーオプションとは?」で検索する   ④検索結果が表示されるので、このページの広告以外のサイトをキーボードの「Ctrl」を押しながら全てクリック   ⑤複数のサイトがタブで開いた   ⑥タブをクリックして内容を確認   ⑦複数のサイトの内容を参考にしながら、見出しにあった内容を作っていく 赤枠は、他のサイトを参考にしながら、そのサイトよりわかりやすいように、独自の視点も入れながら作った内容です。 全ての見出しについて内容を書いたら終了です。 担当の編集者に、書いた「キーワー ...

表記

ライター

⑥漢字・ひらがな・英語表記

2018/10/7  

開く漢字・表記の統一 ライターそれぞれで、漢字の使い方に特徴があるから、使い方を統一する必要があるよね? 難しい漢字は使わないのが基本よ。小学3年生の女の子でもわかるように書いてね。 ただし、ひらがなが続きすぎると見にくくなるから、その場合は例外的に通常ひらがなで使う単語をわざと漢字で書く場合があるわ。 ひらがなを使いすぎても見にくくなるし、漢字を使いすぎてもダメってことだね。 そう!漢字は4文字まで、ひらがなは7文字まで。それ以上続くと見にくいわね。 迷ったらユーザーが見やすいかどうかで決めればOKよ! ×〇使用例・※備考 更にさらに 既にすでに 但しただし 且つかつ 中でもなかでも 下さいください 勿論もちろん ~な事こと ~な為ため ~な時とき ~する上で~するうえでそのうえ、したうえで、など同様 ~する度~するたび 拘るこだわる 元々もともと 共にともに 過ぎるすぎる高価すぎる 是非ぜひ 沢山 沢山たくさん 全てすべて 出来るできる 併せてあわせてあわせてご紹介します 易いやすい 良く知られているよく知られている"※頻度を表す場合はひらがな /善悪は漢字(良い)" 等など 格好良いかっこいい おすすめオススメ オススメ おススメ お勧め お洒落おしゃれ オシャレ 1つひとつ ~のひとつです。 一つ 1つ1つ一つひとつ 一つ一つ 1人ひとり 一人一人一人ひとり 1人1人 ひとり一人 様々さまざま いえます言えます おいしい美味しい 1カ月 1ヵ月1か月1 ...

新しい文章力の教室

ライター

⑦時給・単価がUPする文章の書き方・考え方

2018/10/16  

ライター必読の本 新しい文章力の教室 苦手を得意に変えるナタリー式トレーニング (できるビジネス) posted with ヨメレバ 唐木 元 インプレス 2015-08-07 Amazonで見る Kindleで見る 楽天ブックスで見る 楽天koboで見る 7netで見る   ライター必読の本として紹介するのが、「新しい文章力の教室」です。 SEOで有名な「バズ部」も推奨する本で、見込みのあるライターさんには必ず読んでもらっています。 SEO・コンテンツマーケティング担当者には全員、本を読んでもらっているほど、メディア運営の基本となるものなので、本気でライター業で食べていきたい方はぜひご購入をご検討ください。   良い文章は完読される文章 Webサイトでの良い文章とは何でしょうか? そのコンテンツの最後まで読んでもらう=完読が良い文章です。 文章の途中でページを閉じられてしまう、他のサイトへ行ってしまう、ネットユーザーはこらえ性のない読み手なのです。 そのような読み手に興味を持たせ、有益な情報を与えることが完読して貰うための近道です。 確かに自分が調べていることに関係のなさそうなサイトだと、すぐに閉じちゃうよね。 今すぐに答えが欲しいから検索してるんだし、関係のない情報はいらないね。   まずは結論(答え)を文章の最初に持ってくる! 小説のように「起承転結」なんてしてたら、ネットユーザーはすぐにサイトを閉じてしまいます。 音楽でいう重要な部 ...

ステ子(クイックタグ)

AFFINGER ステ子(クイックタグ)

ボックス(囲み)

2018/10/1  

ステ子→ボックス(囲み)で使えるタグです。 「ポイント 黄色 背景(薄黄色)」、「ポイント 黄色 背景無し(白色)」は明るい背景時には見にくいので基本的に使いません。 ポイント 黄色 背景(薄黄色) ポイント

      ポイント 黄色 背景無し(白色) ポイント

      ポイント 緑色 背景(薄黄色) ポイント

      ポイント 緑色 背景無し(白色) ポイント

      ポイント 水色 背景(薄黄色) ポイント

      ポイント 水色 背景無し(白色) ポイント

      ポイント 赤色 背景(薄黄色) ポイント

      ポイント 赤色 背景無し(白色) ポイント [crayo ...

テキスト装飾

スタイル(装飾タグ)

①テキスト装飾 太字・赤太字

2018/10/10  

ビジュアルモード→スタイル→「テキスト」で表示されるタグです。 赤字 これは赤字です。

原則、赤字は使わずに赤太字を使う       太字 これは太字です。

      赤字(太字) これは赤字(太字)です。

      大文字 これは大文字です。

      小文字 これは小文字です

原則使わない       ドット線 これはドット線です。

      参照リンク これは参照リンクです。

上記に文字(リンク)を入れる       参考 参考これは参考マークです(例:参考という文字を記入してから使用)

上記に文字(リンク)を入れる &n ...

アニメーション

スタイル(装飾タグ)

②アニメーション(文字・画像が動く) AFFINGER5 タグ・ショートコード

2018/10/3  

ビジュアルモード→スタイル→「アニメーション」で表示されるタグです。 45°揺れ これは「45°揺れ」です。

      ベル揺れ これは「ベル揺れ」です。

      横揺れ これは「横揺れ」です。

      縦揺れ これは「縦揺れ」です。

      点滅 これは「点滅」です。

      バウンド これは「バウンド」です。

      回転 これは「回転」です。

      ふわふわ これは「ふわふわ」です。

      大小 これは「大小」です。 [crayon-5ce77e9b017825522 ...

アイコン

スタイル(装飾タグ)

③アイコン

2018/10/10  

ビジュアルモード→スタイル→「アイコン」で表示されるタグです。 はてな これは「はてな」マークです

      注意 これは「注意」マークです

      人物 これは「人物」マークです

      チェック これは「チェック」マークです

      メモ これは「メモ」マークです

      王冠 これは「王冠」マークです

      初心者 これは「初心者」マークです

  アイコンマークは「外観→カスタマイズ」の「オプション」でカラーを設定できます。※通常エディタ上では表示されません

見出し風装飾

スタイル(装飾タグ)

④見出し風 装飾 見出しではないので目次に表示されない

2018/10/3  

ビジュアルモード→スタイル→「見出し」で表示されるタグです。 あくまで見出し風に見せるタグなので目次には記載されません。目次は増やしたくないけど、ちょっと強調したい時に使います。基本的に使う機会は無いでしょう。 カウント カウント

カウントは設定したテキストや見出し(hタグ)などに自動で番号を振付けます。 手動で番号を付けるよりも簡易であるのはもちろん、テキスト自体ではなくCSSで数字を付与するため目次などにも反映されないなどのメリットがあります。       記事タイトル 記事タイトル

      h2風 h2風

      h3風 h3風

      h4風 h4風

      h5風 h5風

      まとめ まとめ

記事 ...

ランキング用 見出し

スタイル(装飾タグ)

⑤ランキング用 見出し

2018/10/3  

ビジュアルモード→スタイル→「ランキング(管理CSS対応)」で表示されるタグです。 ランキングのアイコンは管理画面の左カラムにある「ランキング管理」→「アイコン」で変更できます。 ランキング1位(基本) ランキング1位(基本)

      ランキング2位 ランキング2位

      ランキング3位 ランキング3位

      ランキング4位以下 ランキング4位以下

      h4の見出しを使ってのランキングなので、見出しとしての使い方に注意。 h2~h4の順番に注意する事。逆にならないように

マーカー

スタイル(装飾タグ)

⑥マーカー 文字の背景に色を付ける

2018/10/3  

ビジュアルモード→スタイル→「マーカー」で表示されるタグです。 黄マーカー これは黄マーカーです。

      黄マーカー(細) これは黄マーカー(細)です。

      赤マーカー これは赤マーカーです。

      赤マーカー(細) これは赤マーカー(細)です。

      青マーカー これは青マーカーです。

      青マーカー(細) これは青マーカー(細)です。

      鼠マーカー これは鼠マーカーです。

      鼠マーカー(細) これは鼠マーカー(細)です。

 色んなマーカーを使うとサイトがゴチャゴチャして見にくくな ...

写真 枠・ポラロイド風・ワイド

スタイル(装飾タグ)

⑦写真 枠・ポラロイド風・ワイド

2018/10/1  

ビジュアルモード→スタイル→「写真」で表示されるタグです。 枠線

写真に「枠線」を付与します。境界が曖昧な写真などに、とくに有効です(クイックボタン「写真枠」でも使用できます)       ポラロイド風

      ワイド

ボックス

スタイル(装飾タグ)

⑧ボックス(枠)

2019/2/16  

ビジュアルモード→スタイル→「ボックス」で表示されるタグです。 黄色ボックス 黄色ボックスです

      薄赤ボックス 薄赤ボックスです

      グレーボックス グレーボックスです

      引用風のボックス 引用風のボックスです

      チェック(ulタグ) ulタグの番号なしリストを囲むとチェック風のデザインになります。「テキストモード」でするか、「チェック(ulタグ)」を適応してから「番号なしリスト」を適応すると正しく表示されます。 ※カスタマイザーの「オプション」でカラー変更が可能です これはダミーのリストです これはダミーのリストです これはダミーのリストです

先に「番号無しリスト」を適用してから「チェック(ulタグ)」を適用すると、色やスタイルが反映されません。 必ず番号無しリストじゃない状態から「チェック(ulタグ)」→「番号無しリスト」の順に適用してください。     & ...

AFFINGER5 レイアウト

スタイル(装飾タグ)

⑨レイアウト センター寄せや回り込み解除など

2018/10/3  

ビジュアルモード→スタイル→「レイアウト」で表示されるタグです。 回り込み解除

<div class="clearfix"> </div>で囲み、floatを解除します       センター寄せ

要素をセンター寄せにします。       下に余白

要素の下に「10px」の余白を付けます。       カードスタイル ブログカード(内部、外部サイトへの紹介リンク)が縦表示に変わる。 ※PC・スマホ・タブレット、どのサイズで見ても縦表示になります。

【手順】テキスモードに切り替え→記事IDを記載→IDを選択した状態で「ブログカード風」ボタンをクリック→ショートコードが出るのでそれを選択した状態で「カードスタイル」をクリック(これで縦書きになる。) 注意ポイント アイキャッチ画像が元の大きさのまま表示されてしまうので単独では使わない。下記のように画面を3分割にすると綺麗に表示されるので基本的に縦に3分割して使う。

【手順】ビジュア ...

Copyright© 【SEO Wiki】初心者でもできるSEOでアフィリエイト , 2019 All Rights Reserved.