IT小ネタ

夜明けがすっかり遅くなり、季節はすっかり秋になりました。でも今週は夏日もあり、変な季節感だったけど。去年の今頃は遅くなる夜明けには関係なく、同じ時間に家を出て、遠距離通勤していたので今から思えば大変だったなぁ。遅刻もせずよく毎日早朝から出勤できたものだ。この頃は体がすっかり鈍ってしまったなw

夏と同じ時間に出ても、羽田空港に着いた時に夜明けが見られるようになった。そう言えば、環八井荻トンネルで早朝(4時30分頃)にも関わらず、前走車がゼロクラウンの覆面パトカーだった。60Km/h制限の一般道だけど、障害物も合流もないので、通常は80Km/hぐらいで流れる道。内回りの笹目通りと環八が合流するところで、信号待ちをしていたのが、歩道側にゼロクラウン、その後ろにビッグスクーター、中央側に地方ナンバーの日産ラフェスタ、信号が青に変わり、全車スタート、70Km/hぐらいで流れる。ラフェスタが中央側から歩道側に車線変更しゼロクラウン覆面の前に出る、ビッグスクーターは相変わらず70Km/hで流す。ラフェスタとゼロクラウンだけが離れている、しばらくして赤色灯が点灯、トンネル内の退避場所に誘導される。20Km/hオーバーぐらいかなぁ、かわいそうに、土地勘無いクルマを餌食にしなくても。まあお陰で助かったとも言えるけど。

そうそう、IT小ネタの話だったw

本文の先頭を大きな文字にするのを、英語ではDrop Capと言うらしい。パッと見目立つので面白いと思い実装して見た。その名もズバリ「Simple Drop Cap」と言うPluginです。ポツンと先頭が大文字になるだけだと、なんか間延びするので、右側の縦棒を追加で加飾して見ました。いかがでしょうかw

修正するのは、plugins/simple-drop-cap/includes/scripts.php

<変更前>

'<style type="text/css">
        .wpsdc-drop-cap {
               float : left;                           
               padding : 0.25em 0.05em 0.25em 0;                               
               font-size : 5em;
               line-height : 0.4em;'
               . $wpsdc_font_color_css
        . '}
</style>';

<変更後>

'<style type="text/css">
        .wpsdc-drop-cap {
               border-right-width: 1px;
               border-right-style: solid;
               border-right-color: '. $wpsdc_font_color_css .';
               margin-right: 22px;
               float : left;                           
               padding : 0.25em 0.05em 0.25em 0;                               
               font-size : 5em;
               line-height : 0.4em;'
               . $wpsdc_font_color_css
        . '}
</style>';

もう一つは、「いいね」の位置を、本文の直後に変更しました。これまでは「関連記事」も「いいね」もPluginの自動設定で本文の「最後に追加」を指定していたけど、この設定では、本文の後に関連記事が来て、その後に「いいね」が来ます。これだと「いいね」の場所がわかりづらいので変更します。

「Wordpress Related Posts」Pluginの設定変更と、テーマのcontent-single.phpへのコード追加で実装します。これまではサイト内のPlugin設定で「自動で追加」にチェックしてあったのを外し、直接content-single.phpへ

<?php wp_related_posts()?>

を追加します。今のテーマ(Fashionistas-child)の場合、以下の場所が追加箇所となります。

        <!-- .entry-content --></div>

        <?php wp_related_posts()?>

        <footer class="entry-meta entry-footer">
                <?php athemes_updated_on(); ?>

これで本文の直後の左下辺りに「いいね」ボタンが配置されるようになります。
↓ おそらくこの辺では無いかとw

最終更新日: 2019年6月16日