[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)
WordPressの管理画面カスタマイズ時に使えるハック #2 - NxWorld
WordPressの管理画面カスタマイズ時に見るチートシート目的のメモ第2弾です。 紹介している内容は、基本的にWordPress Ver 3.3で実装・確認したものになります。 February 20, 2014 追記 WordPress Ver 3.8になって管理画面がいろいろ変更されたことにより、紹介しているカスタマイズの一部が使用できなくなっている可能性がありますのでご注意ください。 ログイン画面のロゴを変更 デフォルトのログイン画面はWordPressのロゴが表示されていますが、これを任意のものに変更する方法です。 下記をfunctions.phpに記述して、ロゴ部分のCSSを上書くことで変更します。 イメージの置き場所やファイル名が違う場合は、echoの部分を変更してください。 デフォルトで表示されているWordPressロゴの大きさは274×63ですので、これを基準に作成すれ
カレンダー・日付｜CSSデザイン｜スタイルシート（CSS）｜PHP & JavaScript Room
カレンダー風日付表示 unknown ブログの日付表示をカレンダー風にするサンプルです。 カレンダー風日付表示（画像＋CSS） カレンダーアイコン入手先: Download: Web 2.0 Date Icons For Your Blog <style type="text/css"> div#sampleCalender { height:100%; } div#sampleCalender .the_date { float:left; display:block; width:79px; height:80px; margin:0 10px; padding:0; overflow:hidden; text-align:center; } div#sampleCalender .blue { background:transparent url(/content/img/topic
CSS3で画像を一切使わずに美しいナビを作ってみた！（IE対策もしてみた） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回はCSS3のみで１pxのラインまでデザインされたナビゲーションを作ってみました。 □demo □サンプル.zip 参考までに・・・こちらがPhotoshopで制作したナビゲーションです。（画像使用） 次にこちらが今回CSS３のみで作成したナビゲーションです。（画像不使用 Win7 Firefox12.0でキャプチャ） どうでしょう？さほど違いはないんじゃないでしょうか？ HTML <ul id="menu"> <li class="first active"><a href="#">デザイナー</a></li> <li><a href="#">プログラマー</a></li> <li><a href="#">社長ブログ</a></li> <li class="last"><a href="#">お空</a></li> </ul> HTMLソースはわずかこれだけ！ 本当はクラス名の「fir
WordPress で Web製作をしたいけど、PHP はまだちょっと … という人の PHP ガイド
WordPress はとっても便利なブログツール。使い方さえ勉強すれば、HTML や CSSの知識がなくてもWebサイトを作成、運営することができます。そして HTML + CSS を勉強すれば、デザインを自分の好きなように変更することもできます。でも見た目のデザインだけじゃなくて、いろんな機能をつけたりカスタマイズしていくとなると、やっぱり PHP の知識が必要です。WordPress をカスタマイズしたいけど、PHP はまだ ... という人向けに、WordPress と PHP について簡単にまとめてみました。 WordPress は PHP（プログラム言語） + MySQL（データベース） で作られている、人気のブログエンジンです。最近ではブログじゃない一般的な Webサイトを、WordPress で作ってるっていう人も増えてきたように思います。WordPress を使えば、HTM
WordPressテーマTwenty Elevenのヘッダーレイアウトの変更方法 – PresentNote
Twenty Eleven のヘッダーのカスタマイズ方法について、以下のことをまとめておきたいと思います。 header.phpの構成をなんとなくつかんでおく グローバルメニューを一番上に持って来たり、タイトルと画像の間にメニューを挟んだり、とにかくヘッダー部分のパーツのレイアウト表示を入れ替えるためには、php の構成をつかんで、それぞれ該当箇所を入れ替えれば OK みたいです。 というわけで、header.php の構成を見てみましょう。 確認方法は Firefox の Firebug なんかを使って、CSS の id、もしくは class を確認し、それが指定している箇所をheader.php から見つけ出す、という単純作業です。 ヘッダーパーツの id の指定は、CSS についてまとめたこちらの記事でも紹介しておりますが、改めてここでも紹介しておきます。 WordPressテーマT
ソースコードの装飾表示方法 SyntaxHighlighter
HTML,CSS,JS,Perl,PHPなどの各ソースコードをWebサイト上に綺麗に再現。 NetyaSun ソースコード表示 ホームページ 作成、運営、管理ガイド 行番号や各行背景色で見やすい ソースコード ビュー ライブラリ SyntaxHighlighter エディタのようにWebサイト上に綺麗にソースコードを表示する方法。 ソースを書くプロ達や未来の開発者のための学びの場である HTML,CSS,JS,Perl,PHPなどのマニュアル・解説サイトなどで、 PREソースコードを行頭番号付きでカッコよく表示するソース ビューア SyntaxHighlighter SyntaxHighlighter:Download ソース上にオンマウスで の操作タブがソースの右上に表示されるようになった。 ソースを別窓ビュー表示したりクリップボードに保存や印刷も可能な優れものです。 <?xml ve
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
