仕事を辞めて後悔した時の乗り越え方。Stick」の使い方。イクミヤWordPressテーマSTORK(ストーク)!カスタムも簡単で効率10倍UPツイートシェアはてブLINEPocketスポンサーリンクどうも!イクミヤです!ワードプレスには数えきれないほどのテーマが存在しています。大きく分けると無料テーマと有料テーマがあり、多くのサイト運営者は無料から始めます。たしかに最近の無料テーマはデザイン性も良く、「これが無料なの?」と思うほど素晴らしいです。デザインが優れていても少なからずカスタマイズしないと何の特徴もないサイトになりユーザーの興味を引くことが出来ないでしょう。カスタマイズにはプログラミングの知識が必要不可欠で知識がある方なら、まだしも無い方には無料テーマはハードルが高いです。実際、僕も見様見真似で無料テーマをカスタマイズしていましたが、執筆どころじゃありません。時間を掛けても満足できませんでした。初心者には有料テーマをおすすめします。当サイトが使っているテーマは「STORK」というテーマで読み方はタイトル通りストークです。それでは「STORK」についてお伝えします。まとめ有料テーマのストークかの有名なブロガー。ブログマーケッターjunichiさんとOPENCAGEが共同制作したテーマです。ストークはモバイルファースト対応Googleがサイトの評価基準にしているモバイルファーストに特化したテーマです。モバイル化プラグイン?そんなもの「ストーク」には必要ないんです。テーマを有効化するだけでモバイル端末から見るサイトは素晴らしいとしか言いようがない出来栄えです。ショートコード機能で執筆ラクラクストークには執筆に必要なショートコードが完備されています。吹き出しやリンクボタンなどプログラミング知識ゼロの方でも簡単に使えるんです。美しい...ストークショートコード機能もさることながらデザインが美しいです。CSSの知識がない初心者でも、あっという間にサイトデザインが完成します。ユーザーに与える印象は絶大。他テーマと同じく設定は全てワードプレスの管理画面から行います。簡単にできますので説明していきます。子テーマは親テーマと紐づけされたテーマです。親テーマでカスタマイズしているとテーマの更新の度に最初からやり直しになります。子テーマをカスタマイズすると親テーマに反映する仕組みでテーマを更新してもやり直しにならないので長期的な運用をする方は必ず導入して下さい。ストークの子テーマダウンロード下のリンクからダウンロードします。テーマのアップロード」に進みインストールをして必ず有効化して下さい。子テーマのカスタマイズは「外観」➡「テーマ編集」から可能で下記画像の赤枠の部分は消さないで下に追記していきます。ストークの初期カスタマイズ「外観」➡「カスタマイズ」スポンサーリンク今から説明する方法はストークの基本機能に組み込まれたカスタマイズ方法になります。サイトカラーやレイアウトの変更など、ストークでは管理画面から行えます。サイトカラーの変更ワンクリックで簡単にサイトカラーを変更できます。変更できる箇所は全部で21箇所あって、自分好みのサイト作りが可能です。サイトロゴサイトを象徴する大事なロゴでスマホ、PC、タブレットで表示されます。ファビコンファビコンはサイトのシンボルマークでお店の看板のような役割です。複数のブックマークから探す時に活用されユーザーの利便性が向上します。推薦サイズ:32×32pxIE用ファビコン(.ico)こちらはインターネットエクスプローラーに表示させるファビコンです。表示される位置は変わりません。推薦サイズ:16×16pxアップルタッチアイコンスマホやタブレットに表示するアイコンです。これを設定すると一目でサイトを区別できます。144pxグローバル設定ヘッダーお知らせ設定ヘッダー下に告知や記事を宣伝することができ、リンクの設定も可能です。記事レイアウト記事レイアウトは全部で4種類「シンプル」「カード型」「ビッグ」「マガジン」から選択可能です。お好みで選択してください。シンプルアイキャッチ画像と抜粋文字が規則的に表示されます。規則的に配置されているので見やすいレイアウトです。マガジン記事がランダム風に表示されます。ビッグ1記事1記事をアピールするならビッグがおすすめです。見出しデザイン3種類の見出しデザインから選択できます。吹き出しウィジェット設定方法は2種類。ストークの特徴としてスマートフォン用のウィジェット、PC版のウィジェットを使い分けれます。ここからアドセンスや広告の表示も簡単に設置可能。ウィジェットメニューの作成このようにおしゃれなメニューを作成できます。スマホ版ではスクロールでき一味違うサイト作りが可能。メニューを作成すると下記画像のように表示されます。スポンサーリンク作成するとヘッダー画像内にメニューが表示されます。ユーザーに伝わりやすいメニューを作成しましょう。「外観」➡「カスタム」➡「メニュー」から追加できます。ショートコードで執筆ラクラク複雑なコードが必要なく記事作成に必要な作業が全てこのショートコードで補う事ができます。ショートコードを使うのに便利なプラグインです。ショートコードを使うなら必須プラグインなので導入して下さい。関連記事表示ウェブサイトを高速化して-表示速度を改善する魔法のようなテクニック2017年8月11日このように記事を紹介したい時に使います。サイトの回遊率改善、PV数が向上します。関連記事を表示するには記事IDが必要になります。記事IDは投稿画面から確認できるので、IDを記入すれば表示できます。投稿画面から記事一覧に表示されている記事にマウスオンすると左下に表示されます。小さなフォントで少し目立つような補足説明を追加することができます。小さなフォントで少し目立つような補足説明を追加することができます。小さなフォントで少し目立つような補足説明を追加することができます。小さなフォントでかなり目立つ感じで注意説明を追加することができます。小さなフォントでかなり目立つ感じで注意説明を追加することができます。注意説明をいれる少し小さなフォントでかなり目立つ感じで注意説明を追加することができます。type="boader"]シンプルな枠で囲むシンプルなサイトにピッタリ[/aside]ボックス新機能として追加された補足やワンポイントに使えますポイント補足や強調する時に使います。問い合わせなどユーザーに何かしらのアクションを起こしてもらうボタンです。吹き出しは文を読みやすくしたり自サイトのキャラを会話させたり、ブログを楽しくしてくれます。type="r"]左と右にも簡単に変更できる[/voice]コードをtype=”r”にすると右にtype=”l”にすると左です。〇〇〇”上記〇の部分に下記コードを記載すると色が変わります。※半角で入力icon_yellowicon_redicon_blueicon_blackストークで相性が悪いプラグインストークの公式サイトで公開している相性の悪いプラグインを紹介していきます。相性が悪いと表示やレイアウトが崩れてしまうあるので下記プラグインは停止して下さい。JETPACKJETPACKに付いている機能の「photon」を「OFF」にしましょう。プラグインそのものは問題ありません。photonの機能がONになっていると画像の読み込みの遅延や表示がされない不具合があります。CleanerこのプラグインはHEADを最適化するプラグインで人気も高いプラグインですが、ストークでは不具合があるので停止をおすすめします。Cacheキャッシュプラグインを代表するプラグインですが、こちらも停止にする方が無難です。Cacheは問題なく使用できています。Fontアイコンフォントが使えるプラグウインです。レイアウトが崩れるので使用する場合はfontawesomeを使用して下さい。WP-Copyright-Protection不正コピーを防止するプラグインですが、「外観」➡「カスタマイズ」のカスタマイズ機能が使えなくなるので、こちらも停止しましょう。ストークカスタマイズ初心者にとっての関門がカスタマイズです。ストークはカスタマイズもいらないぐらいの出来栄えですが、その完成度の高さから生じるデメリットが「デザインが被る」という点です。たくさんのブログを拝見しますが、ストークを使っているブログは一目でわかります。差別化をするにはカスタマイズは必須条件になります。ヘッダーを大きく表示する初期のストークはヘッダーが小さくロゴを大きく表示させたい人はカスタマイズが必要になります。下記コードを追記すると大きいヘッダー画像が表示できます。※ストークではこれ以上大きくできません。(style.css)に追記するだけです。!important;見出しのおすすめサイト追記中ストークのサイトスピードを上げるストークはデザインに優れていますがサイトスピードが遅いという欠点があります。当ブログはサイトスピードについても記載していますが、グーグルの評価、ユーザー観点から見ても良くないので改善しましょう。.htaccessにブラウザーキャッシュのコードを記述していきます。注意!!.htaccessはサーバーを制御する重要なファイルです。application/x-font-opentype</IfModule></span>まとめストークはメリットの方が多く、デメリットが少ないテーマです。大きなデメリットとしては1サイトに1アカウント必要で使いまわしが出来ないという点。値段も10800円とは思えない高機能です。当ブログで感じたメリットです。コメントをキャンセルメールアドレスが公開されることはありません。*サイトRECOMMENDこちらの記事も人気です。views12年勤めた大手企業のグループ会社から転職した結果。