リンクをコピー ストークテーマでtableタグを設置した場合、tableの大きさ（中の文字量やカラム数）によってはスマートフォンで見た際にうまくレイアウトされず、はみ出してしまう場合があります。 tableタグは昔からあるタグですが、スマートフォンサイトにはあまり適していない場合がある（見た目の部分で）タグなのですが、スマートフォンで確認した際には、table（表）を横スクロールさせるようにする方法をご紹介します。 ちなみに、STORK19であれば表ブロックにテーブルの横スクロール機能が標準装備されていますので、こちらのカスタマイズは不要です。 CSSを追加する まずは下記CSSを子テーマのstyle.cssなどに追記していただくことで横スクロール型のtableを利用する準備が完了します。 @media only screen and (max-width: 480px) { .tscro

リンクをコピー AdSenseにてインフィード広告が解禁されました。 いくつかお問い合わせをいただきましたので、弊社テーマ（アルバトロス、ハミングバード、ストーク）にてインフィード広告を記事一覧の間に表示させたい場合のカスタマイズ方法をご紹介させていただきます。 今回はサンプルとして、記事一覧の4番目に広告を表示させる方法です。 ▼仕上がりイメージ 補足 今回の記事は、弊社テーマ（アルバトロス、ハミングバード、ストーク）をご利用中の方向けのカスタマイズ記事です。その他のテーマの場合はちょっと手順などが違う場合がありますので、その点はあらかじめご了承ください。 1. インフィード広告用のコードを作成する まずはインフィード広告用のコードを作成しましょう。ここは通常のAdSense広告を取得する方法とほとんどかわりません。 1-1. 新しい広告ユニットを作成 まずはAdSenseのページより「

WordPressのトラブルやお悩みをバシッと解決する「ブログサポーターGamitaka」のWebサイトです！

先日とあるブログ様にて、「ストークカスタマイザー」の称号を頂いた、狐火兎（コビト）です。 「STORK（ストーク）」とは、当ブログでも使用している、WordPressのテーマです。そのオシャレさと機能性から、本当にたくさんのブロガーが使用しています。 例えば・・・ ただ、WordPressを始めたばかりの方は、すぐには手が出づらい「有料テーマ」です。実際、「ワードプレス始めたばかりの初心者だし、「STORK」は気になるけど、迷っています・・・」というご相談も、頂きました。 しかし、僕は声を大にして、言いたいです。 「初心者の方にこそ、STORKを選んでほしい」 そのために、「STORK」を使ってきた僕だからこそ、たどり着いた魅力を、すべてお届けしたいと思います。 また、すでに「STORK」を使っているよ！という方にも、改めて「STORK」を使う際に必要なコト・便利な使い方を、「完全マニュア

現在、ブロガーの間で大人気となっている、テーマ「STORK（ストーク）」を、自分だけのオリジナルデザインにカスタマイズしよう！ 今回は、第5弾「おしゃれ・機能的なSNSフォローボタン編」を、ご紹介します。   ... 投稿 STORKカスタマイズ！「第5弾：おしゃれ・機能的なSNSフォローボタン 8選」 は コビトブログ に最初に表示されました。

WordPressの表示を速くするための、キャッシュ系のプラグインはどれが良いんでしょうか？ WordPressのキャッシュ系のプラグインで有名な｢W3 Total Cacheの設定方法と使い方｣を紹介しましたが、管理画面が英語なのでわかりにくいんですよね。 でも｢WP Fastest Cache｣は日本語対応していて安心して使えます。 このプラグイン｢WP Fastest Cache｣はWordPressの高速化に役立ちます。 サイト表示を速くしたい人はぜひチェックしてみてください。 WP Fastest Cacheとは？ 公式プラグインディレクトリ｢WP Fastest Cache｣ WP Fastest Cacheは、キャッシュを有効にするプラグインで、HTMLやCSSファイルを圧縮してサイトの表示速度を早くするプラグインです。キャッシュ系のプラグインは他にもたくさんありますが、WP

リンクをコピー アルバトロス、ハミングバードでは、記事一覧ページのアイキャッチ画像を自動で切り抜く仕様となっております。 テーマを適用した後に追加された画像（アイキャッチ画像）は最適な状態で切り抜きされますが、過去別のテーマでアップロードしたアイキャッチ画像に関しては、切り抜き後の画像がないため、フルサイズのアイキャッチ画像が適用されるようになります。 過去の記事も最適なサムネイルサイズとするには 過去に投稿されていた記事の画像にも適用するには、アイキャッチ画像をアップロードし直すことで、アイキャッチ画像が再度設定されるようになります。 アイキャッチ画像を一度デスクトップなどに保存し、再度記事ページの【アイキャッチ画像 > アイキャッチ画像を削除】からアイキャッチ画像を消します。 そして、先ほどデスクトップなどに保存したアイキャッチ画像をアップロードし直し、【公開】を押すことでアイキャッチ

必要な設定 有効化後、「設定」の中に項目ができます。 その中から、「WordPress Ping Optimizer」を押します。 1．通知先リストを設定 「http://rpc.pingomatic.com/」を、削除 下（↓）の「通知先リスト」を、そのままコピーして、貼り付け 「Save Settings」を選択 ＜通知先リスト＞ （↓ をコピーして、使ってください） http://api.my.yahoo.co.jp/RPC2 http://blog.goo.ne.jp/XMLRPC http://blogsearch.google.co.jp/ping/RPC2 http://blogsearch.google.com/ping/RPC2 http://ping.blo.gs/ http://ping.bloggers.jp/rpc/ http://ranking.kuruten.

必要な設定 有効化後、「お問い合わせ」いう項目ができます。 その中から、「新規追加」を押します。 「フォーム」タブに、以下（↓）をコピーして、貼り付けます。（文言は好きに変えてOK） <label> お名前 (必須) [text* your-name] </label> <label> メールアドレス (必須) [email* your-email] </label> <label> 題名 [text your-subject] </label> <label> メッセージ本文 [textarea your-message] </label> <p>[acceptance acceptance-990]   内容を確認後、こちらにチェックを入れてから、「送信」ボタンを押してください。</p> [submit "送信"] ※返信は遅くなるかもしれませんが、必ずいたします。今しばらく、お待ちく

OGPタグはSNSなどで記事がシェアされた時に表示させる、画像や文章を設定することができるタグです。ハミングバードやアルバトロスでは、OGPタグを自動的に出力する機能がないので、設定するにはプラグインが必要になります。 人気のSEO関連のプラグインである「All in One SEO Pack」にてその設定が可能となりますので、その設定方法をご紹介します。 ※OGPとは？ OGPとは「Open Graph protocol」の略称です。 FacebookやTwitter、Google+、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。 FacebookのOGP設定方法＋参考記事6選｜ferret [フェレット] テーマの機能としていない理由 冒頭でハミングバードやアルバトロスではOGPタグ

ご注意下さい このショートコードはオープンケージ製のテーマでのみ利用可能です。他のショートコードプラグインを使用している場合、設定が競合してしまう可能性があるので、十分ご確認ください。 記事中に関連記事のリンクを画像つきで表示 記事内に表示させたい記事IDを入力するだけで、キレイなリンクがつくれます。 単一の場合： ラベル無し 単一の場合の書き方 [kanren postid="2748"] ラベル無し [kanren2 postid="2748,2456"] 記事IDの調べ方 WordPressカスタマイズに！IF文(条件分岐)の使い方まとめ〜スラッグを指定している場合のIDの調べ方〜

うまく設置できれば、記事下に下記キャプチャのようなCTAが表示されるようになります。 CTAサンプルのスクリーンショット デフォルトのサンプルコード ウィジェットの「テキスト」内に設置するサンプルコードが下記です。画像URLやリンク先URLに置き換えていただくことで設置が可能となっています。 [cta_in] [cta_ttl]ここにキャッチコピーを記入[/cta_ttl] ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述 [cta_btn link="ここにボタンのリンク先を"]ここにボタン内のテキストを[/cta_btn] [/cta_in] 【応用編】CTA用のショートコードとその他のショートコ

リンクをコピー ハミングバードやアルバトロスで、「Ptengine」などのアクセス解析コードをテンプレート内に追記しようとした場合、親テーマのheader.phpやfooter.phpをそのままカスタマイズしてしまうのが簡単ですが、これだとテーマの更新があった場合にデフォルトに戻ってしまいます。 また、アップデートの度にアクセス解析コードを追記していたら、思わぬヒューマンエラーが発生してしまうことも考えられるので出来る限り子テーマにて管理したいですよね。 ただ、テーマのコアファイルであるheader.phpを子テーマにコピーしてしまうとheader.phpのアップデートがあった場合に、便利な機能が使えなくなってしまうリスクも抱えてしまいます。 そういった場合に、アルバトロスとハミングバードではheader.php内に読み込まれるhead.phpというものがありますので、そちらを子テーマにコ

ハミングバードテーマでは見出しタグはステッチ風の可愛らしいデザインとなっておりますが、これを変更する方法をご紹介します。 流れとしては 子テーマを準備する 子テーマのstyle.cssにCSSを追記する これだけです。では下記に方法を記しておきます。 現状のCSSを理解する デフォルトの状態の親テーマに書かれている見出しタグのCSSは下記です。これを子テーマ側で上書きしていくようになりますので、まずはデフォルトではどのように書かれているのかを理解しておきましょう。 H2タグ（デフォルト） .entry-content h2{ position: relative; border: none; font-size:1.25em; padding: 1em 1.1em; margin-top: 2.1em; margin-bottom: 1em; -webkit-border-radius:

ヘッダーメニューの設定方法をご紹介します。 基本的な設定方法としては【外観 > メニュー】から設定を行います。 PC用グローバルナビの設定 英語表記付きのグローバルナビを管理画面から設定できます。 まず、管理画面の【外観 > メニュー】を開きます。 メニューをつくったことがない場合は、メニューを新規作成し、任意の名前をつけます。（ご自身のわかりやすい名前にすると、後からわかりやすいです。） 追加したいメニューを選んで【メニューに追加】で追加していく。 追加後、ドラッグアンドドロップで並び替え可能です。 メニューを階層化することも可能です。 メニューが出来上がったら【メニュー設定 > グローバルナビ】にチェックをいれて【メニューを保存】で表示するとこが可能です。 ただし、この段階でサイトの表示を確認してみると、英語表記がでていないのが分かるかと思います。 グローバルナビの英語を表示させる方法