[WordPress]「最近の投稿」ウィジェットに日付をつける – comemo com
一般にウェブサイトには、新着情報があるものですが、 首相官邸ホームページ WordPress.com の「最近の投稿」ウィジェットを使うと、同じようなものを表示することができます。 例えば、テーマ「Adelle」の場合、こんな感じで表示されます。 「最近の投稿」ウィジェットの管理画面はこんな感じです。 配置やデザインを修正したりしたいときには、CSS スタイルシートエディターを使います。 例えば、テーマ「Twenty Twelve 」の場合、初期状態ではこんな感じですが、 以下のような感じの CSS を CSS スタイルシートエディターの方へ追加することで、 /* 「最新の投稿」ウィジェットの日付を左側にもってくる -twenty twelve- */ .widget_recent_entries .post-date { margin-left: 0; float: left; posi
![[WordPress]「最近の投稿」ウィジェットに日付をつける – comemo com](https://cdn-ak-scissors.b.st-hatena.com/image/square/84e3a240ec07cd7145e6b93b650bc265535803b7/height=288;version=1;width=512/https%3A%2F%2Fcomemo508.files.wordpress.com%2F2013%2F05%2Ffafadfasd.jpg)
蛍光ペン風にテキスト上をマーカーするCSSを設定してみた
WordPressのテーマによっては最初から蛍光ペン風のマーカーが付いていることがあります。 その場合は設定する必要はありません。 この記事は設定されていない方向けに書いています。 蛍光ペンマーカーを設定（CSS） まずはCSSの設定からスタート。 蛍光ペンマーカーのCSSは「linear-gradient()属性」を使います。 linear-gradient(transparent 線の太さ, 線の色 0%) このlinear-gradient属性、グラデーションを使って設定します。 （）内の線の太さと線の色を好みの色と太さに変更するだけでOK。 線の太さと線の色の意味は下の通りになります。 線の太さ 黄色の蛍光ペン(太) .marker_yellow_futo { background: linear-gradient(transparent 0%, #ffff66 0%); } 黄色
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
