Atomを日本語化して便利に使おう!オススメのプラグインも!

Atomを日本語メニューに対応にする

 

atom開きWelcome Giide内にあるInstall a Packageを開きます。

 

次にInstall a Package内のOpen Installerボタンをクリック

 

 

Settingsの中のInsrall Packagesが表示されるので、

japanese-menuと入力してPacagesをクリックするとインストールが始まります。

 

イントールが終わるとメニューが日本語になっています。

その他にも以下のように色々と便利なプラグインがありますので、必要に応じて使用しましょう。

①自動補完が自動表示する
php-integrator-autocomplete-plus

②ファイルパスを追加してくれる
autocomplete-paths

 
にほんブログ村 IT技術ブログへ

WordPress Ping Optimizerの設定方法

WordPressをインストールしてすぐにプラグインのインストールをしておくことをお勧めするのが、WordPress Ping Optimizerです。

WordPressのデフォルト設定では、記事を更新するたびにPingが送信されてしまいます。

何度もPing送信をするとGoogleなどにスパム判定される恐れもあります。それを回避するのに役立つのが、WordPress Ping Optimizerです。WordPress Ping Optimizerは、投稿記事の初回だけPingを送信し、その後のping送信はStopしてくれるプラグインです。

 

1.Ping送信とは

 
ブログから新しい記事の更新を「記事タイトル」や「概要」・「URL」などの記事情報を、登録している「PINGサーバー」に送信してくれる機能を指します。

 

2.WordPress Ping Optimizerのイントール方法

 
Word pressのダシュボードから「プラグイン」→「新規追加」をクリックします。

次にキーワードにWordPress Ping Optimizerと入力します。

次に、WordPress Ping Optimizerを「今すぐインストール」をクリックします。インストールが終わりましたら、有効化をします。

 

3.WordPress Ping Optimizerの設定

 
ダッシュボードの「設定」→「WordPress Ping Optimizer」をクリックします。

するとWordPress Ping Optimizerの設定画面になります。

1ping送信先リストです。

現在、WordPressに設定しているping送信先が表示されます。

2Enable pinging(ping送信を有効にする)にチェックが入っているか確認して下さい。

3Save Settings(設定を保存する)で完了

3-1.現在登録しているping送信先

 

 
現在のインデックス状況を調べたいときは、下記の記事を参考にして下さい。

サイトがインデックスされているか確認してGoogleにインデックスしてもらう方法

Contact Form 7 に「ファィル添付」&「CAPTCHA」設定

お問い合わせ内容にファイルが添付出来ないとご指摘がありましたので、ファイル添付出来るようにカスタマイズしました。

以前、「お問い合わせホームプラグインContact Form 7 のインストール方法から設置方法まで」で初期設定の方法は掲載しましたので、今回はカスタマイズ方法のみにさせて頂きます。

お問い合わせホームプラグインContact Form 7 のインストール方法から設置方法まで

1.フォームにファイルを添付できるようにする

 

1-1.ダッシュボードからコンタクトフォームにアクセスする

現在のフォームを編集する場合は、
ダッシュボードの「お問い合わせ」→「コンタクトホーム」→「編集したいタイトル」の編集をクリックするとフォーム画面になります。

※新規で作りたい場合は、
ダッシュボードの「お問い合わせ」→「新規追加」をクリックしてください。

 

1-2.ファイルをクリックします。

すると、次のようにフォームタグ生成画面になります。

1-3.フォームタグ生成画面

1-3-1.ファイルサイズの上限(バイト)を設定する。

ファイルサイズの上限(バイト):では、ファイルの上限を設定できます。

デフォルトでは、許容ファイルサイズは1 MB(1048576バイト)です。

許容される最大ファイルサイズを制限します。オプションで、kb(キロバイト)またはmb(メガバイト)の接尾辞を使用できます。接尾辞を省略すると、数値はバイトを意味します。

limit:1048576
limit:1024kb
limit:1mb

 

1-3-2.受け入れ可能なファイル形式を設定できます。

デフォルトのファイルタイプ(拡張子)は、jpgjpegpnggifpdfdocdocxpptpptxodtavioggm4amovmp3mp4mpgwavwmvです。

複数指定する場合は、拡張子を,(カンマ)で区切ってください。

するとフォームタグ生成:ファイルの一番下にタグができます。

1-3-3.タグをフォームに追加する。

[file file-537 limit:2mb filetypes:jpg|png|pdf]をフォームに追加します。

訪問者がわかりやすいように

<label>添付可能なファイル形式:jpg png pdf
ファイル容量:最大2mb </label>と表示するようにフォームに追加しました。

入力が終わりましたら、保存してください。

1-3-4.メールのタグをファイル添付にコピペする

最後に保存をしてください。

既存のフォームを編集された方はこれで終わりですが、新規でファイルを作成された方は、投稿、固定ページなどの新規追加でショートコードをテキストエディタにペーストしてください。

 

2.「CAPTCHA」でスパムから守る

 

スパム目的の自動投稿の防止としてCAPTCHAを利用することができます。

2-1.Really Simple CAPTCHAをインストールする

Contact Form 7は、Really Simple CAPTCHAを公​​式に認可されたCAPTCHAモジュールとして利用しているため、フォームにCAPTCHAを使用する前にReally Simple CAPTCHAプラグインをインストールする必要があります。

Word Prsessのダッシュボード「プラグイン」→「新規追加」→キーワードに「Really Simple CAPTCHA」と入力し「今すぐインストール」をクリックします。

2-2.reCAPTCHAのAPIの登録

まず、Googleアカウントにログインした状態で、recaptchaにアクセスして下さい。

すると、reCAPTCHAのAPIを使用する登録画面が表示されます。

画面になります。

2-2-1.Labelに詳細を設定する

Labelにサイト名と貴方が使用している表題を入力します。

2-2-2.Choose the type of reCAPTCHAを設定する

 

簡単に表示させたいので、reCAPTCHA V2のチェックボックスにチェックします。

2-2-2-1.reCAPTCTC V2とInvisible reCAPTCHAの内容

reCAPTCHA v2

reCAPTCHA v2は、ユーザーがロボットではないことを示すチェックボックスをクリックする必要があります。これにより、ユーザーはすぐに(CAPTCHAなしで)ユーザーに渡されるか、ユーザーが人であるかどうかを確認するようにユーザーに挑戦します。これは、統合するための最も簡単なオプションで、チェックボックスを表示するには2行のHTMLしか必要ありません。

Invisible reCAPTCHA

Invisible reCAPTCHAは、見えないRECAPTCHAでユーザーがチェックボックスをクリックする必要はなく、ユーザーがサイトの既存のボタンをクリックしたときに直接呼び出されるか、JavaScript API呼び出しによって呼び出すことができます。reCAPTCHA検証が完了すると、統合にJavaScriptコールバックが必要です。デフォルトでは、最も疑わしいトラフィックだけがキャプチャを解決するように促されます。この動作を変更するには、詳細設定でサイトのセキュリティ設定を編集します。

 

2-2-3.ドメインを設定する

Domeinsには、WordPressで使用しているブログのドメインを指定します。

ドメインはWord Pressの「設定」→「一般」からも確認できます。

例:WordPress アドレス (URL)が「https://xn--68j3b2d8le4af20azcz743e.com」

であれば、ドメインは「xn--68j3b2d8le4af20azcz743e.com」になります。

2-2-4.利用規約に同意する

Accept the reCAPTCHA Terms of Service(サービスのreCAPTCHAの利用規約に同意します。)

2-2-5.登録します。

「Register」をクリックします。

すると次の画面が表示されます。


表示されたサイトキーとシークレットキーをメモしておいて下さい。

2-3.reCAPTCHAをWord Prsess に設定する

 

これからreCaPTCHAで所得したSite keyとSecret keyをWord Pressに登録します。

2-3-1.インテグレーションにキーを設定する。

WordPressの管理画面に戻り、「お問い合わせ」メニューの中にある「インテグレーション」メニューをクリックして下さい。

次に、キーを設定するをクリックします。

 

メモしておいたサイトキーとシークレットキーを入力し「保存」をクリックして下さい。

2-3-2.コンタクトホームを編集する。

コンタクトフォームの編集画面を開き、「reCAPTCHA」ボタンをクリックして下さい。

CAPTCHAの設定画面が表示されます。テーマやサイズを選択して下さい。

フォームに[recaptcha]を記述して保存して下さい。

これで終わりです。

WordPress4.7.4で動作確認済みのおすすめプラグイン

Word Pressには色々なプラグインがありますが、探すのにかなりの時間がかかったりしますので、今回は、私が実際に試してよかったプラグインを管理画面のプラグイン検索から直接インストールできるものを抜粋しています。

プラグインは入れているだけでも負荷がかかりますので、ご自分のWord Press のテーマに存在する機能のプラグインや重複する機能が付いているプラグインなど選定して最小限度にインストールすることをおおすすめします。

1.WordPrressに必須と思われるプラグイン

 

1-1.WordPress Ping Optimizer

WordPress Ping Optimizer-Word Press Plugins

記事の投稿を編集するたびに送信されるPingを最適化するプラグインです。

WordPressのデフォルト設定では、
記事を修正した時でもその都度Pingが送信されてしまいます。

ピングスパマーとしてタグ付けされるのはあまり好ましくないので是非導入しておきましょう。

WordPress Ping Optimizerの設定方法

1-2.All In One SEO Pack

All In One SEO Pack-Word Press Plugins

SEOに関するカスタム投稿タイプの機能が細かく設定できるプラグインです。

  • 特定の記事・固定ページ、カテゴリページ、タグページのnoindex設定
  • サイトトップページや各ページのtitle・meta description・meta keywordタグの設定
  • Google Analytics、Google Search Consoleのコードの簡易設置
  • SitemapXMLの生成

 

1-3.Contact Form 7

Contact Form 7-Word Press Plugins

お問い合わせフォームを簡単に育成できるプラグイン。

シンプルなコンタクトホーム、でも柔軟。

お問い合わせホームプラグインContact Form 7 のインストール方法から設置方法まで

Contact Form 7 に「ファィル添付」&「CAPTCHA」設定

1-4.AddToAny Share Buttons

Add ToAny Share Buttons-Word Press Plugins

SNSシェアボタンを簡単に設置できるプラグインです。

  • カウンター機能
  • Floating share buttons
  • 100以上のサービスから選んで表示

 

1-5.Google XML Sitemaps

Google XML Sitemaps-Word Press Plugins

Google、Bing、Yahoo、Ask.comなどの検索エンジンがブログをよりよく索引付けするための特別なXMLサイトマップを生成するプラグイン

すでにAll In One SEO Packをインストールしている場合All In One SEO Packの機能管理からXmlサイトマップをActiveにすればインストール不要です。

 

1-6.Throws SPAM Away

Throws SPAM Away-Word Press Plugins

日本語が存在しないコメントを捨ててしまうコメントスパムプラグイン

コメント内に日本語の記述が存在しない場合はあたかも受け付けたように振る舞いながらも捨ててしまうプラグイン

  • 対応する最新バージョン: 4.7-RC1となってましたが、無事スパムコメントは0になりました。

 

1-7.BackWPup-Word Press Plugins

BackWPup-Word Press Plugins

サイトのデータを設定で定期的に自動でバックアップもしてくれるプラグインです。

  • データベースをバックアップ
  • ファイルバックアップ
  • インストールされたプラグインを使用してファイルを生成します

Word Pressの復元やデータ破損時にバックアップを取っておけば安心です。

 

1-8.001 Prime Strategy Translate Accelerator


001 Prime Strategy Translate Accelerator-Word Press Plugins

WordPressを日本語で表示させる場合には、英語と日本語を対訳させるja.moというファイルを読み込んでいます。
この日本語翻訳ファイルをキャッシュして高速化するプラグインです。

 

2.必要に応じてあると便利なプラグイン

 

2-1.TablePress

TablePress-Word Press Plugins

投稿やページに美しく機能豊富なテーブルを作成してくれるプラグインです。

面倒なHTMLコードを書かずに直感的に作成でき、Excelデータをインポートする機能も付いています。

投稿画面に作成したショートコードをコピペするだけで表示されます。

 

2-2.TinyMCE Advanced

TinyMCE Advanced-Word Press Plugins

ビジュアル・エディタのツールバー上に表示されているボタンを配置し自分の好みでカスタマイズできます。

  • フォントサイズの選択
  • フォントファミリの選択
  • テーブルをExcelデータのようにセルの結合などができます

 

2-3.Crayon Syntax Highlighter

Crayon Syntax Highlighter-Word Press Plugins

HTMLなどのソースコードを記事上に綺麗に表示してくれるプラグイン

複数の言語、テーマ、URL、ローカルファイル、または投稿テキストを強調表示しますので、HTMLやCSS、PHPなどの解説をするサイトや、プログラミング言語を扱うサイトは便利なプラグインです。

  • 対応する最新バージョン: 4.2.0となってましたが、4.7.4で使用した結果動作可能でした。

 

2-4.Hatom/hentry remover

Hatom/hentry remover-Word Press Plugins

Search Consoleの構造化データに役立つプラグインです。

このプラグインはpost_classフィルターで「.hentry」クラスを削除し、単にJavaScriptで再びタグを追加することによって、すべてのテーマをサポートしています。
これは、レイアウトをめちゃくちゃにせずに「構造化データ」のhentryとしてそれをインデックスからGoogleのを防ぐことができます。

  • 対応する最新バージョン: 4.4.9となってましたが、構造化テストで「.hentry」クラスを削除し最終的なエラー数が減少しました。

 

2-5.WordPress Related Posts

WordPress Related Posts-Word Press Plugins

関連記事を簡単に表示できるWordPressプラグイン

記事下などに設定した任意のレイアウトで画像やテキストを表示してくれます。

  • 対応する最新バージョン: 4.6.5となってましたが、4.7.4でも関連表示可能でした。

 

2-6.Redirection

Redirection-Word Press Plugins

パーマリンクを変更したときやサイトを引越ししたときに役立つプラグインです。

301 リダイレクトを管理し、404 エラーをモニターするための WordPress プラグインです。

WordPressパーマリンク変更時に必須なリダイレクト設定方法

 

2-7.Simple Custom CSS

Simple Custom CSS-Word Press Plugins

テーマのCSSを直接編集しなくても、CSSを追加・上書きできるプラグインです。

  • 対応する最新バージョン: 4.4.9となってましたが4.7.4で使用した結果、子テーマのcssをそのままコピペしても大丈夫でした。

2017.6.11訂正 クラス属性(class)で名前を付けて、CSS(スタイルシート)での指定が一部できませんでした。

 

2-8.fancybox for wordpress


FancyBox-Word Press-Word Press Plugins

画像をクリックすると画像を拡大表示してくれるプラグインです。

画像の細かい部分が見やすくなるのでおすすめです。

 

2-9.Table of Contents Plus


Table of Contents Plus-Word Press Plugins

記事の見出しごとに目次を自動で設置してくれるプラグインです。

投稿ペーシに<a href=”#”> </a>などのタグ入力が不要になります。

また、アンカーにジャンプするのではなくスクロールする機能が付いていますのでページ内のリンクに飛ぶとき滑らかにスクロールするプラグインです。

  • 対応する最新バージョン: 4.4.9となってましたが、4.7.4で使用した結果設置は可能です。

 

2-10.Simple Scroll to Top Button


Simple Scroll to Top Button-Word Press Plugins

矢印など10種類のアイコンからボタンの背景色やボタンのサイズを自分の好みで色をカスタマイズできクリックすると記事の上部までスクロールするボタンです。

記事を読み進めた時記事のトップに速く戻れます。

 

2-11.WordPress Popular Posts

WordPress Popular Posts-Word Press Plugins
ウィジェットに人気記事を表示できるプラグインです。

人気の記事をページビュー数やコメント数を基本に、24時間・1週間・30日間・すべての時間単位で表示できるプラグインです。

  • 対応する最新バージョン: 4.6.5となってましたが4.7.4でカスタマイズし、動作確認しました。

Twenty SeventeenでWordPress Popular Postsのサムネイルにタイトルを重ねて表示する方法をコピペでどうぞ

 

WordPressパーマリンク変更時に必須なリダイレクト設定方法

リダイレクトとは

 

パーマリンクを変更する前のページにアクセスした際に自動的に新しいページを表示させる機能の事です。

301リダイレクトをうまく利用すると、Wordpressでパーマリンク設定を変更した時などにGoogleにインデックスされている旧ページをクリックしても、新ページを表示させることができます。

 

1.Redirectionプラグインのインストールの仕方

1-1.WordPress管理画面→プラグイン→新規追加で「Redirection」を検索してください。
1-2.「今すぐインストール」を押し、インストールできたら有効化してください。

alt"Installation image"

 

2.Redirectionプラグインの表示方法

2-1.管理画面の「ツール」→「Redirection」をクリックしてください。

alt""

 

すると転送ルールの項目が表示されます。

3.転送ルールーの設定

3-1.ソースURL : 転送元のURLを入力します。

3-2.ターゲットURL : 転送先のURLを入力します。

3-3.グループ : パーマリンク変更など変更されたURLを転送する場合は「Modified Posts」を選択してください。通常のリダイレクトであればそのまま「Redirections」でOKです。

3-4.新しい転送ルールを追加してください。

 

最後までお読み頂きありがとうございます。