ストークテーマでtableタグを横スクロールできるようにするカスタマイズ - OPENCAGE
リンクをコピー ストークテーマでtableタグを設置した場合、tableの大きさ（中の文字量やカラム数）によってはスマートフォンで見た際にうまくレイアウトされず、はみ出してしまう場合があります。 tableタグは昔からあるタグですが、スマートフォンサイトにはあまり適していない場合がある（見た目の部分で）タグなのですが、スマートフォンで確認した際には、table（表）を横スクロールさせるようにする方法をご紹介します。 ちなみに、STORK19であれば表ブロックにテーブルの横スクロール機能が標準装備されていますので、こちらのカスタマイズは不要です。 CSSを追加する まずは下記CSSを子テーマのstyle.cssなどに追記していただくことで横スクロール型のtableを利用する準備が完了します。 @media only screen and (max-width: 480px) { .tscro
彩神一分快速三 (集团)有限责任公司
彩神一分快速三☯【官方推荐，值得信赖】☯顶级信誉彩神一分快速三属于老百姓自己的休闲平台，秉承公平、信誉、高效、顾客至上的理念，打造『彩票』『棋牌』『真人』『电子』.彩神一分快速三欢迎您！
【楽天koboにも対応】カエレバやヨメレバをレスポンシブな紹介リンクにするためのCSSデザイン
「わかったブログ」を運営するかん吉さん(kankichi)が提供しているブックマークレットツール「ヨメレバ」と「カエレバ」。 お世話になっているブログ運営者の人も多いのではないでしょうか? さて、そんな両ツールに対応したレスポンシブなCSSを書いたので、さらっと公開してみることにしました。 まぁ、書いたと言っても、今回のネタフルリニューアルに派生したもので、この記事書くために書いたわけではないのですが、そこそこシンプルかつキレイに、なおかつ画面の別を問わず表示させられるので、これくらいは公開してもいっかーくらいのもんです。 つっても、CSSなんかブラウザ開いてさらっと見られるもんですから、別に非公開でもなんでもないんですけどね。 のちほど紹介するコードを、ご自分のサイトやブログのCSSファイルにペロッとコピペすることで、こんな感じの紹介リンクになります。 PC/タブレット向けでの表示 スマ
WordPressプラグインで記事の目次を自動生成する-Table of Contents Plus
WordPressを使ったサイトでは記事の内容や全体構成を一目で把握するために、目次が設定されていることが多いと思います。 しかし、目次を手作業で作成すると「本文のみ更新し、目次の最新化を忘れる」や「リンクを貼り忘れる」等、手作業であるがゆえのミスも発生してしまいます。 WordPressのプラグイン「Table of Contents Plus」は記事の見出しから目次を自動生成することができます。また、「Table of Contents Plus」は初心者の方でも簡単に設定できるプラグインです。 今回は「Table of Contents Plus」の仕組み、設定方法、カスタマイズ方法についてご紹介いたします。 Table of Contents Plusとは Table of Contents Plusとは、見出しタグから目次を自動生成するプラグインです。 目次の表示例見出しタグの内
Table of Contents Plus カスタマイズ方法（CSS デザイン） - Naifix
WordPress で目次を自動的に表示してくれる Table of Contents Plus（ TOC+ ） は、初期設定のままだとちょっと味気ないデザインですよね。 設定画面から横幅や背景色を変更しても、ちょっと物足りないと思います。そこで、CSS でおしゃれなデザインにするカスタマイズしてみましょう。 サンプル付きで具体的な手順を解説していきます。 カスタマイズ前の設定 Table of Contents Plus の基本的な使い方は以下の記事をご覧ください。 「Table of Contents Plus」の設定方法・使い方 設定画面で、横幅・フォントサイズ・背景色などを指定できます。 初期設定のままだと、以下のようなデザインです（テーマ：Twenty Twenty-One）。 シンプルすぎるので、サイトのテイストに合わせてカスタマイズしたいところですね。 プラグインが出力してい
CSS で蛍光ペン風マーカーを指定したら iPhone 上で transparent の部分が黒くなってしまった話
文章の一部を強調表示をするために、Webllica では蛍光ペン風マーカーの CSS を設定しています。実際にそのスタイルを反映させると次のような表示になります。 蛍光ペン風マーカーの黄色を指定した場合。 蛍光ペン風マーカーのピンクを指定した場合。 しかしブラウザによって解釈が違うようで、iPhone で見てみると transparent で設定して透明になるはずだった部分が黒くなってしまいます。 この時指定していた CSS は次の通り。上が黄色で下がピンクです。 strong { background: linear-gradient(transparent 30%, #FEFE98 90%); } strong.pink{ background: linear-gradient(transparent 30%, #FFCCFF 90%); }さて、この黒くなる原因はどこにあるのか。 結
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
強調文字 strong をちょっとおしゃれにする CSS デザインサンプル - Naifix
ブログの本文で強調したい部分には <strong> や <b> を使いますが、デフォルトのスタイルではただの太字になるだけです。 これだとちょっと味気ないときは、CSS でデザインしてみましょう。 文字や背景の色を変えたり、蛍光ペンでマーカーをひいたような感じにすると、重要なポイントをより一層伝えやすくなりますよ。 強調文字の CSS デザインサンプル 強調の意味を持たせる HTML タグには <strong> <b> <em> があります。 これらは主に検索エンジンに対して重要性を伝えるタグで、見た目だけ強調したいなら <span> で指定することもできます。 それぞれの使い分け方などは後述します。まずはデザインサンプルをご覧ください。 デフォルトのスタイルは太字 現在使用しているテーマ・テンプレートで特に指定がない場合、<b> や <strong> で囲ったテキストはただの太字になりま
【CSS】急がば急いで回れ、さんのSNSボタンの着替えを作りました - えむしてっく
今回紹介するのはgeorge-gogo(急がば 急いでまわれ！)さんが紹介されているSNSボタンの着せ替えCSSです。 はじめに デザイン案1 設置方法 デザイン案1CSS デザイン案2 2017年6月11日追加 デザイン案2CSS 最後に はじめに メインブログのえむしとえむふじんがあらわれたは、妻のえむふじんがカラーで絵を描いて、それがメインコンテンツになっています。 ですので、それを邪魔しないように、ブログはなるべくモノトーンかつシンプルで主張の少ないデザインで行こうと言う方針でやっています。 もともとSNSのフォローはgeorge-gogoさんのこちらを使わせていただいていましたが、カラーの部分を抑えたいと思い、CSSをリデザインしました。 georges.hatenablog.jp 単にカラーな部分を抑えるだけでは面白くないので、ボタンのアニメーションもフォーカスする感じに変えて
画像でなくcssで背景をつけてブログ記事を一気に読みやすくする方法 - Yukihy Life
最近ブログを書くときに、背景色や枠で囲ったりすると一気に見やすくなるなあと思って使い始めています。 それどうやんねん？とのコメントをいただいたので、記事にしてみたいと思います（ネタ提供あざっす！）。 実例 どんな感じかと言うと、例えば下の図は昨日の記事 【お知らせ】当ブログで配布していたSNSボタンに関して重大なミスがありますので修正をお願いします - Yukihy Life なのですが、 ん〜、何か読みづらくないですか？？ 普通に記事を書いていくと、改行するタイミングだったり、句読点の位置・太字ぐらいしかアクセントをつけることが無いと思います。 ましてや僕のブログ、誤字脱字がめちゃくちゃ多いんですよね。二ヶ月後ぐらいに「ぎゃーー！！」って気づくことも良くありげ。 そこで以下のように背景にちょっと色をつけてやると… このようにどこがURLでどこが説明なのかの判断が一瞬ででき、分かりやすいよ
はてなブログの CSS 編集を Dropbox で高速化しよう - MoonNote
※Dropbox の Public フォルダが廃止になる 2017/03/15 以降、この方法は使えなくなります。 はてなブログのテーマ制作やデザインカスタマイズで CSS を編集する際、Dropbox の共有フォルダを使うとぐっと楽になります。 Dropbox の共有フォルダに CSS ファイルを保存/アップロードする CSS ファイルの公開リンクを取得してブログに読み込む 公開リンクの例 https://dl.dropboxusercontent.com/u/********/hatenablog/themes/Innocent/innocent.css 読み込み（ヘッダーに記述） ダッシュボードの［設定］→［詳細設定］→［head に要素を追加］から、link 要素でスタイルシートを追加します（2016/01/07 @import だと問題があることが判明したので、この形に修正）。
子テーマ - WordPress Codex 日本語版
なぜ子テーマを使うのか? 子テーマの使用にはいくつかの利点があります。 テーマを直接変更した場合、そのテーマがアップデートされると変更が失われるかもしれません。子テーマを使用すればテーマの変更は確実に保持されます。 子テーマを使用することで開発時間を短縮できます。 子テーマの使用することでWordPressのテーマの開発を良い形で学べます。 子テーマの作り方 子テーマは、少なくとも 1つのディレクトリ(子テーマディレクトリ)と、2つのファイル(style.css と functions.php) から構成されます。以下を作成する必要があります。 子テーマディレクトリ style.css functions.php 子テーマを作成する最初のステップは、子テーマディレクトリの作成です。wp-content/themes ディレクトリ下に作成します。子テーマディレクトリの名前には最後に '-ch
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「STORK（ストーク）」と「PS Auto Sitemap」の相性が微妙だったのでCSSカスタムしたった | 束縛されるの大嫌いなんでサラリーマン辞めました。
http://www.north-geek.com/entry/css-keiko
http://www.north-geek.com/entry/heading-css
Redirecting
2.8の管理画面のCSSが反映しない