親テーマから子テーマ内のディレクトリにコピーしてから修正します。カスタマイズする箇所はこの辺り。?>これをこんな感じにします。行目を先ほど追加した関数で置き換えという感じです。本文が記載されていた場所には「この記事を読む」のテキストアンカーで置き換えられていると思います。最後はスタイルシートの調整です。「この記事を読む」のテキストアンカーをボタンっぽい感じにしてあげます。子テーマ内のスタイルシートに下記を追加します。Customize」として項目を追加しています。PC・タブレット表示のカスタマイズは完了です。スマートフォンの場合は元々コンテンツ部分は表示されませんが、今回追加した「この記事を読む」も表示されないので合わせてスタイルシートを修正します。none;}...}これで下記のような表示になると思います。afterこっちは配置等をまだカスタマイズしていないのでスッキリ感が損なわれましたがとりあえずはこんな感じで。抜粋表示カスタマイズはこれでお終いです。様コメントありがとうございました。具体的な症状を教えていただければ何かアドバイスできるかもしれません。お手数でなければ再度コメントをいただければと思います。19:32早速の返信ありがとうございます。部分でテキストエディタで作成したfunctions.phpをアップロードして、記載のコードを記述すると、ヘッダーと本体の間に少し余白が出来てしまいます。(最後まで設定すると抜粋表示にはなります。)また、「一覧表示を全デバイスで統一する」記事の通り設定してもアイキャッチ画像が大きいままj、上部に表示されたままになります。19:34なんどもすみません。最終的に、「投稿メタ情報」の削除の部分まで行っておりません。19:42さらに何度もすみません。}という表示が現れます。行き違いになってしまいましたすみません。状況を理解できました。まとめてのご返信となり恐縮ですが以下に回答します。アイキャッチ画像の表示についてすみません、これは私のコードミスですね。後日、記事を修正します^^;アイキャッチ画像は下記の関数を使って表示しているのですが、デフォルトはサムネイルサイズを表示してくれるものだと勘違いしていたようです。?>正しくはこうなります。画像を手元で作ってそのまま使っていたのでコードミスに気付きませんでした。アイキャッチ画像を画像アップロード時に自動作成していなかったり、サーバに必要なモジュールがインストールされていない場合も大きな画像で表示されると思います。その場合はアイキャッチ画像を手元でリサイズして使うと良いと思います。自動抜粋のコードが上手く動作しない件についてコードがそのまま表示されてしまう原因は、恐らくこういうことかなと思います。ファイルの先頭に「<?php」、末尾に「?>」がない。末尾はなくても一応は動く。範囲内に書いていく形となります。現在利用しているテーマファイルの公開について気に入っていただき恐縮です^^公開するのは構わないのですが、その場合、お時間を少しいただけないでしょうか。以前にも同様の問い合わせがあって差し上げたのですが、あおい様のご指摘で発覚した問題もありましたので少し精査したいと思います。アップできると思います。表示をカスタマイズで潰していたり、左右のウィジェットを使うことを前提としたものとなっているのでその点はご了承ください。以上、よろしくお願いします。23:07夜分に申し訳ございません。先頭の「」の抜けでした。ありがとうございます。サムネイルのサイズ調整はうまくいき、レイアウトもうまくいったのですが、「投稿メタデータの出力を調整」の項目を飛ばしており、サムネイルにメタデータが重なって白いラインが入ってしまいましたので、「投稿メタデータの出力を調整」の項目に戻って記述を修正したところ、下記エラーが表示るようになってしまいました。(一部URL伏せてあります。style.cssを公開していただけるとありがたいです。23:21本当に何度も何度も申し訳ございません。検証してから投稿すればいいものを焦ってしまって申し訳ございません。最初から設定しなおしたところを削除するとエラーになるようです。23:46あおい様ご返信ありがとうございました。勝手に除外された後で確認できませんでした。下記にアップロードしました。投稿メタ情報とサムネイル画像が重なってしまうのは、スタイルシートの問題のはず。取り急ぎ、ご参考までに。これで試してみておかしいようであればまたご連絡ください。19:20ごめんなさい、いきなり送信してしまいました...なぜかうまくいきませんToT子テーマを作っても、直接テーマを弄っても、アイキャッチ画像がこのサイトのように小さく表示されません...ここのレイアウトがすごく見やすいので、できれば、完全にカスタマイズされたphpやcssファイルを公開して頂けるとありがたいです。21:29移動しており御礼が遅くなり申し訳ございません。丁寧なご対応いただきありがとうございます。forteenのカスタマイズサイトをたくさん見ましたが、現在Stingerを使っており、work.log様のレイアウトが一番しっくりくるというか、デザイン的にスッキリしており、私の求めるものだったので、失礼ながら図々しいお願いをしてしまい申し訳ございませんでした。現在タブレットでコメント投稿しておりますので試せませんが、後ほどPCからご指摘のあった部分修正して見たいと思います。してもできなかった場合、ファイルの公開をお願いするかもしれません。(これだけ完璧なデザインなので、work.log様のオリジナルテーマとしても、すごく人気が出ると思います。)とりあえず、一度自分で頑張って見ます。本当にありがとうございました。素早いご対応ありがとうございます。50というエラーになってしまいます。申し訳ございませんがよろしくお願いいたします。12:37あおい様ご返信ありがとうございました。すみません、やはり動作確認してから出すべきでした。独自機能が紛れていたのでこちらは修正して再アップロードしました。twentyforteen_sample.zip別の環境で試してみましたが、今度は問題ないと思います。このブログに書いていない調整が結構入っています^^;思い出せる範囲での留意事項を同梱のテキストに追加しましたので念のためご確認ください。何かご不明な点があればお気軽にお問い合せください。完璧です!!動作確認して、大丈夫でした。あとはcssを自分で試行錯誤しながら調整したいと思います。本当にありがとうございます。お礼に広告クリックのひとつでもと思ったのですが、広告もありません。善意でサイト運営をされているのでしょうか?まったく1円の得にもならないのに優しく、親切、丁寧なご対応いただきありがとうございました。Network様を検討したいと思います。本当に感謝しております。19:13あおい様ご返信ありがとうございました。業務の一貫でスタートしたブログなのですが、今では後学の為に書いているというのが大きいですかね。存在意義はこんな感じです。弊社サービスについてお気遣いいただきありがとうございました。言っていただけるお気持ちだけで十分です^^実の所、レンタルサーバはその人に合う合わないがありますので、不満がなければそのままの業者が良かったりもしますよ。携わる者の意見を合わせてお伝えしておこうと思います。以上となりますが、また何かありましたらお気軽にご連絡ください。13:12こんにちは。あおい様に便乗して、修正前のzipをダウンロードさせていただきました。ソーシャルボタン関連のエラーが出ましたが、記述を削除したところ、たちどころに素敵な抜粋表示が...!Twentyfourteenに魅了されつつも、そのままではおしゃれすぎて自分の記事にはいかがなものかと悩んでいたところでしたが、本当に助かりました。17:18koba様コメントありがとうございました。確かにデモを見るとよさ気なテーマでも、いざ使ってみると微妙って事ありますよね。自分のブログに合わてカスタマイズが一番かもです。02:18こんばんは。わかりやすく、またサンプルを提示していただき非常に感謝しております。こちらもあおい様に便乗して、サンプルを参照させていただいた者です。このサンプルのような形で、トップページにアイキャッチつきの記事を途中まで表示させるにはどのように変更したら良いのでしょうか?よろしければご教授いただけませんでしょうか。様コメントありがとうございました。質問の件でご確認したいことがあります。件はこのブログのようなデザインで表示みたいに一覧表示を分ける感じでしょうか。お手数ですがご確認よろしくお願いします。18:18miura様さっそくお返事いただきありがとうございました。ブログ記事の本文を途中まで見えるようにして、「続きを読む」のようなものを最後に表示させたいという意味でした。わかりにくくてすみません。アイキャッチ画像、日付、ブログの文章を途中まで、「続きを読む」をトップページに記事一覧として表示させたいという感じです。コメントが反映されているのか心配でしたので、もう一度コメントさせていただきました。お手数ですが、よろしくお願い致します。様コメントありがとうございました。ご返信が遅くなりすみません、頂いたコメントは上記へ統合させていただきました。アイキャッチ画像、日付、ブログの文章を途中まで、「続きを読む」をトップページに記事一覧として表示させたいという感じです。制御していますが、これを下記コードに置き換えると指定した文字数で本文を表示することが可能です。必要な文字数を指定してください。注意点としては、私が行ったカスタマイズはこの「抜粋表示」を完全に捨てる事を前提としているため確実に表示が崩れます。要素にクラス名「more」を付けておきましたので、スタイルシートで調整していただければと思います。^^;一度こちらで試してみて、不明な点等あれば再度コメントをいただければと思います。02:14miura様お返事いただきありがとうございます。教えていただいた通りに修正したところ、できました!そこで、もう少し気になった点があるのですが、お聞きしてもよろしいでしょうか。>アイキャッチ画像をトップページ、タグ別ページ、などだけで表示させ、本文記事には表示させない方法はあるのでしょうか?>アイキャッチ画像をトップページと本文記事どちらにも表示させる場合、異なるサイズで表示させることは可能なのでしょうか?>トップページに表示させたアイキャッチ画像を、タイトル、日付、本文の左側に表示させることは可能なのでしょうか?ご好意に甘えてしまい非常に恐縮なのですが、何卒よろしくお願い致します。様コメントありがとうございました。ご質問の件を下記に回答します。独自のページ判定関数を使って出し分けていくという流れになってます。アイキャッチ周りは下記の記事でも書いているので一度ご参照いただければと思います。カスタマイズ次第では可能だと思います。コードのみの例ですが私だったらこんな感じに書くと思います。タグを除いていますので、あくまでも条件判定の参考程度にお願いします。編集してのカスタマイズがメインになると思います。独自にカスタマイズする必要がでてきます。以上が回答となりますが、不明な点等あれば再度コメントをいただければと思います。様ご連絡が遅くなりました。丁寧に教えて頂き、ありがとうございました。ご提示いただいた記事のようにしたところ、希望通りになりました。初心者ですが、今後もこのサイトを参考に勉強していきたいと思います。様コメントありがとうございました。うまくいったようで良かったです^^また何かありましたらコメントいただければと思います。16:53はじめまして。work.logに記載されているカスタマイズ方法を多用させて頂いています。本当に感謝しています。質問なのですが、「この記事を読む」というアンカーをここの記述通りにやっています。そのアンカーが右下に固定されず、タグの多さ(タグの左に来てしまっている)によって位置が変わってしまいます。何か原因など思い当たるでしょうか。説明が辿々しいですが、わかるようでしたらよろしくお願い致します。ps.参考に一応URL記載させて頂きます。様ご返信が遅くなり申し訳ありません。「この記事を読む」のボタンの表示位置の件ですが、カスタマイズの全工程をこのブログに書いている訳ではないので多分そのせいかと思います。申し訳ないのですが、細かい調整部分は失念してしまっている部分が多く続きを書けずにいました。ソースを確認するしかないのですが今現在このような構造にしています。これは「タグ」と「続きを読む」ボタンの収まりを良くするために途中で変更したのだと思います。class=’my-excerpt’>この記事を読む</a>感覚のみの都度カスタマイズであればいくらでもできるのですが、文章に残すというのは難しいものだと痛感しております。曖昧な回答しか出来ずに申し訳ありませんが、不明点等あれば再度ご質問ください。サンプルがありますので良ければ比較してみてください。twentyforteen_sample.zipよろしくお願いします。