[WordPress]「この投稿の続きを読む」（Read more）部分をボタン風にカスタマイズする
WordPress Logo / Phil Oakley どうも、おつぱ（ @OZPA ）です。 WordPressで、トップページやアーカイブページでは投稿の抜粋が表示され、続きを読む場合には「more」だの「続きを読む」だのと言ったリンクをクリックして全文表示するようになるわけですが、今回はその部分のカスタマイズについて。 文言を変える まずはデフォルトですと「(more…)」（「日本語化されている場合は「この投稿の続きを読む »」）となっている部分の文章の変更方法。 「index.php」、もしくは「loop.php」にある [php] <?php the_content() ?> [/php] と言う部分を [php] <?php the_content(‘続きを読む’); ?> [/php] こうすれば(more…)となっていたのが「続きを読む」と表示されます。 「続きを読む」部
![[WordPress]「この投稿の続きを読む」（Read more）部分をボタン風にカスタマイズする](https://cdn-ak-scissors.b.st-hatena.com/image/square/33b467c488dbe5d4a9fe7884f6c508d67a9736ab/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F4919659112_70f8836dfa1.jpg)
[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック
テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 Replacing the -9999px hack (new image replacement) [ad#ad-2] 画像置換：-9999px 改善したテクニック 画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「text-indent:-9999px;」でテキストを見えない位置にし、見出しとなる画像を背景画像として表示します。 #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
