[記事数:1,202] 日本を元気にするキーワード、地域活性化×中小企業× ITのTips and Quotes(秘訣と引用文)
creative  link  memo 

CSSでテキストを書き換える方法



下記のコードを参考にしてください。
まず書き換えたい要素のfont-sizeを0に設定します。
次に書き換え後の文字列を疑似要素で作成し、そちらはfont-sizeを任意の値に設定してください。以上です。
サーバーサイドのプログラムを変更せずに、表示されるテキストだけ変えたいときにおすすめです。
SEOには書き換え前のテキストの内容しか反映されないと思いますので注意です。

デメリット
1.SEO効果なし (CSSに記述してあるのでbotも読まない)
2.ブラウザによってtext-indentの挙動が微妙にちがう。特にIE6
3.ページ内検索でヒットしない
4.テキストとしてコピーできない





FavoriteLoadingお気に入りAdd to favorites
カラーコード一覧表 HTML,CSS カラーコード一覧表 | 背景色や文字色の設定 216色のセーフカラー基準 ( CSSは、RRGGBBをRGBに短縮記述可能 ) R:FF基準 R:CC基準 R:99基準 R:66基準 R:33基準 R:00基準 #FFFFFF ...
CSSで作るシンプルなテーブルデザイン まとめ...   // Timeline タイムライン フラットデザイン向け三角矢印つきtable css html HTML5+CSS3でデザインしたtableのCSS&HTMLサンプルソース5点 | 株式会社LIG 会社案内表 css html ...
画像を使わずにCSSだけで角を丸くする方法... CSS3で追加されたborder-radiusプロパティを使えば、スタイルシートだけで枠線の角を丸くできます。これなら、「四隅の角丸を画像で用意して配置を工夫する」というような複雑で面倒なことをせずに、簡単にボックスの角を丸くできます。 2/3 画像を使わずにCSSだけで角を丸く...
WordPressタグクラウドのデザインをカスタマイズするCSS... アイコンも入れたい場合追加↓ STINGER7:タグクラウドのデザインをカスタマイズする方法【サイドバーウィジェット】 - うぇぶあしび ...
CSSだけで角を丸くする方法 ボックスの四隅すべての角を丸くする書き方をご紹介いたします。記述方法はとても簡単で、以下のように、border-radiusプロパティの値に「丸くする角の半径」を数値で指定するだけです。 角を丸くするborder-radiusプロパティは、FirefoxやChrome等の古いバージョン...
WordPressの投稿者名をcssで非表示にする方法... 「表示オプション」の “作成者” は、投稿編集画面の作成者メタボックス(ドロップダウンで作成者を選ぶ)を表示するか隠すかを決めるものです。投稿一覧ページや個別投稿ページの投稿者名には影響しません。 CSSに下記のスタイル指定を入れれば、投稿一覧ページや個別投稿ページの投稿者名を非表示にでき...
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技... 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのd...
FacebookのLike Boxは2015年6月23日で終了。Page Pluginに変わります... FacebookのLikeBox(サイトにFacebookページの情報を埋め込むための仕組み)の仕様がかわり、2015年6月23日から使用しているLikeboxが使えなくなります。 名称もLikeboxから「Page Plugin」に変更になります。 ・Page Pluginのレスポンシブ対...
1行内に左寄せと右寄せを同時に書きたい... 左寄せ 右寄せ 1行内に左寄せと右寄せを同時に書きたい All About
WordPressで記事ごとに個別のCSSを設定する方法... body内のstyle指定は非推奨 一部分のスタイルを変えるだけなら、本文内で直接指定するのが一番楽かもしれません。 指定方法はおもに 2 つ。 まず 1 つ目は、style を記事本文入力エリアの冒頭に書いてしまう方法。 2 つ目は、タグに直接 styl...




コメントを残す