ストークテーマでtableタグを横スクロールできるようにするカスタマイズ - OPENCAGE
リンクをコピー ストークテーマでtableタグを設置した場合、tableの大きさ（中の文字量やカラム数）によってはスマートフォンで見た際にうまくレイアウトされず、はみ出してしまう場合があります。 tableタグは昔からあるタグですが、スマートフォンサイトにはあまり適していない場合がある（見た目の部分で）タグなのですが、スマートフォンで確認した際には、table（表）を横スクロールさせるようにする方法をご紹介します。 ちなみに、STORK19であれば表ブロックにテーブルの横スクロール機能が標準装備されていますので、こちらのカスタマイズは不要です。 CSSを追加する まずは下記CSSを子テーマのstyle.cssなどに追記していただくことで横スクロール型のtableを利用する準備が完了します。 @media only screen and (max-width: 480px) { .tscro
Googleアドセンス「記事内広告」新登場！収入アップの導入方法！ |
最終更新日: 2018/11/06 Googleアドセンス「記事内広告」新登場！収入アップの導入方法！Googleアドセンス 先日に引き続き本日もGoogleアドセンスの記事を書こうと思う。 今日はアドセンスから新しく誕生した「記事内広告」について。そしてその導入方法、活用方法などを詳しく書いていく！ 記事内広告がメジャーになって浸透していくことで、今まで記事内広告を不快に感じていたユーザーの慣れを誘発できれば素晴らしい！ 収入アップに繋がる絶好の機会なので、ブログ初心者やアドセンスで収入を得ている方は必見！ 関連記事：Googleアドセンス「インフィード広告」解禁！凄まじい効果を発揮か！ 記事内広告って！？ Googleアドセンスから新しく登場したこの記事内広告。果たして一体どんな広告なのか？といった部分なんだけど、読んで字の如く。 記事内の段落の間に溶け込む形で導入できる広告で、記事を
AdSense-インフィード広告を記事一覧の間に表示する方法 - OPENCAGE
リンクをコピー AdSenseにてインフィード広告が解禁されました。 いくつかお問い合わせをいただきましたので、弊社テーマ（アルバトロス、ハミングバード、ストーク）にてインフィード広告を記事一覧の間に表示させたい場合のカスタマイズ方法をご紹介させていただきます。 今回はサンプルとして、記事一覧の4番目に広告を表示させる方法です。 ▼仕上がりイメージ 補足 今回の記事は、弊社テーマ（アルバトロス、ハミングバード、ストーク）をご利用中の方向けのカスタマイズ記事です。その他のテーマの場合はちょっと手順などが違う場合がありますので、その点はあらかじめご了承ください。 1. インフィード広告用のコードを作成する まずはインフィード広告用のコードを作成しましょう。ここは通常のAdSense広告を取得する方法とほとんどかわりません。 1-1. 新しい広告ユニットを作成 まずはAdSenseのページより「
【保存版】初心者こそ使ってほしい「STORK」の魅力・完全マニュアル | コビトブログ
先日とあるブログ様にて、「ストークカスタマイザー」の称号を頂いた、狐火兎（コビト）です。 「STORK（ストーク）」とは、当ブログでも使用している、WordPressのテーマです。そのオシャレさと機能性から、本当にたくさんのブロガーが使用しています。 例えば・・・ ただ、WordPressを始めたばかりの方は、すぐには手が出づらい「有料テーマ」です。実際、「ワードプレス始めたばかりの初心者だし、「STORK」は気になるけど、迷っています・・・」というご相談も、頂きました。 しかし、僕は声を大にして、言いたいです。 「初心者の方にこそ、STORKを選んでほしい」 そのために、「STORK」を使ってきた僕だからこそ、たどり着いた魅力を、すべてお届けしたいと思います。 また、すでに「STORK」を使っているよ！という方にも、改めて「STORK」を使う際に必要なコト・便利な使い方を、「完全マニュア
WordPressのテーマ「ストーク」を使っている初心者に向けたオススメリンク集 - はみだしぶろぐ
どうも はみだしぶろぐ（@hamidasiblog）です。 現在、ブログ合宿中でございます。 その模様は後日記事にする予定です。 その合宿のなかでは、様々な人がいるのですが、 まだブログ、特にWordPressの人気テーマ「ストーク」を使用する上での、 設定面でなれてない方がいらっしゃいました。 ここ何ヶ月かで、WordPressのサイトを２度作り２度破壊した（笑）経験から、初心者さんに向けて、定番もしくはサイト作成時に個人的にブックマークして参考にしたサイトのリンクを紹介したいと思います。 公式HP WordPressテーマ「ストーク」 公式は見るべし ブログマーケッターJUNICHI ストークを監修されている方のHPです。必見 初めてのWordPressで集客できるブログを作るまでの使い方まとめ バズ部という超有名なHP ワードプレステーマSTORKのトップページを固定ページにするカス
旧ストーク：ショートコードの使い方
ご注意下さい このショートコードはオープンケージ製のテーマでのみ利用可能です。他のショートコードプラグインを使用している場合、設定が競合してしまう可能性があるので、十分ご確認ください。 記事中に関連記事のリンクを画像つきで表示 記事内に表示させたい記事IDを入力するだけで、キレイなリンクがつくれます。 単一の場合： ラベル無し 単一の場合の書き方 [kanren postid="2748"] ラベル無し [kanren2 postid="2748,2456"] 記事IDの調べ方 WordPressカスタマイズに！IF文(条件分岐)の使い方まとめ〜スラッグを指定している場合のIDの調べ方〜
CTAウィジェットの効果的な使い方（複数設置したり/カテゴリごとに切り替えたり） - OPENCAGE
うまく設置できれば、記事下に下記キャプチャのようなCTAが表示されるようになります。 CTAサンプルのスクリーンショット デフォルトのサンプルコード ウィジェットの「テキスト」内に設置するサンプルコードが下記です。画像URLやリンク先URLに置き換えていただくことで設置が可能となっています。 [cta_in] [cta_ttl]ここにキャッチコピーを記入[/cta_ttl] ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述ここに説明文章を記述 [cta_btn link="ここにボタンのリンク先を"]ここにボタン内のテキストを[/cta_btn] [/cta_in] 【応用編】CTA用のショートコードとその他のショートコ
Ptengineなどのアクセス解析コードを子テーマで追記する方法 - OPENCAGE
リンクをコピー ハミングバードやアルバトロスで、「Ptengine」などのアクセス解析コードをテンプレート内に追記しようとした場合、親テーマのheader.phpやfooter.phpをそのままカスタマイズしてしまうのが簡単ですが、これだとテーマの更新があった場合にデフォルトに戻ってしまいます。 また、アップデートの度にアクセス解析コードを追記していたら、思わぬヒューマンエラーが発生してしまうことも考えられるので出来る限り子テーマにて管理したいですよね。 ただ、テーマのコアファイルであるheader.phpを子テーマにコピーしてしまうとheader.phpのアップデートがあった場合に、便利な機能が使えなくなってしまうリスクも抱えてしまいます。 そういった場合に、アルバトロスとハミングバードではheader.php内に読み込まれるhead.phpというものがありますので、そちらを子テーマにコ
ハミングバードテーマの見出しタグ（H2,H3,H4）をカスタマイズする方法 - OPENCAGE
ハミングバードテーマでは見出しタグはステッチ風の可愛らしいデザインとなっておりますが、これを変更する方法をご紹介します。 流れとしては 子テーマを準備する 子テーマの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:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【STORKカスタマイズ】コピペで出来る★ブログの回遊率を上げよう大作戦！ | 予備部屋
【Stork（ストーク）】「この記事を書いた人」を記事上部に移動するカスタマイズ【Albatross（アルバトロス）】 | ブログサポーターGamitaka
STORKカスタマイズ！「第5弾：おしゃれ・機能的なSNSフォローボタン 8選」 | コビトブログ
「STORK（ストーク）」と「PS Auto Sitemap」の相性が微妙だったのでCSSカスタムしたった | 束縛されるの大嫌いなんでサラリーマン辞めました。