東京都立川市のWeb制作事務所KOSAERU（コサエル）
理想をカタチに！あなたのホームページをこさえます！

このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。   ▼モーダルウィンドウを…

CSSイジってブレイクポイントで表示非表示を調整することはできるんだけども、この条件分岐も覚えておくと便利な時があります。 例えば、PCとスマホで大きくデザインを変えたい時なんかに使っています。 ▼スマホとPCで異なるものを表示したい場合 [crayon-662ae…

FRIEND 投稿日時をそのまま表示するんでなくて、Twitterみたいに「●●時間前に投稿されました」って表示させたい！ ME そんなYouに！ 以下のソースをコピペするだけで対応可能だYO!! １．functi…

▼フッターに以下のコードを書く [crayon-662ae2b690aeb513763117/] ▼表示方法 ハイライトさせたいソースコードを以下のタグで囲む。 <pre><code>ソースコード</code></pre> …

WordPressのダッシュボードからサイトの色んな情報を表示することができる「ウィジェット」。 サイドバーで最新記事、最新コメント、アーカイブなんかを表示する方が多いと思います。 このウィジェットはテーマファイル内のfunctions.phpに書き加えることで色…

Wordpressサイトでの対処方法となり、全てsingle.phpに以下のものを書く ▼author がありません <span class="vcard author"><span class="fn">投稿者名</span><…

WordPressでページビュー数をカウントしてランキング表示を簡単にしてくれるプラグイン「Wordpress Popular Posts」。 プラグインをインストールするとウィジェットの場合、すぐに設置できるけど、任意の場所に設定したいことがありませんか？ そんな時は、以下…

ME 記事詳細ページの閲覧回数をデータベースにカウントして、それを表示させる方法をご紹介！ １．functions.phpに以下のコードを書く [crayon-662ae2b690c8f963624956/] ２．表示させたい場所に以下のコ…

閲覧回数をデータベースにカウントしていく方法 ①functions.phpに以下のコードを書く [crayon-662ae2b690d15599007816/] ②表示させたい場所に以下のコードを書く [crayon-662ae2b690d170373…

[crayon-662ae2b690d92870841714/] ↑ の「70」の部分をイジることで、文字数が変わりまつ。

WordPressのカスタムフィールドを使いやすくしてくれるプラグイン「Advanced Custom Fields」。 設定したフィールドをフロント画面に表示する方法として基本となる「テキスト」の出力方法を記します。 ▼何も考えずに出力する [crayon-662ae…

text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合

固定ページのページIDから記事を引っ張ってくるます。 GIRL 例えば、固定ページにプロフィールを作って、その内容を任意の場所に設置する時になんかに使えます！ ソース [crayon-662ae2b690e8f548926225/] …

ME 複数のテンプレートに同じ共通パーツを利用する時には、共通テンプレートを用意して、それを読み込ませたほうが良いと思います。 多くの人がヘッダー・フッターを共通パーツにしているように、他のものでも共通パーツ化すると便利になります。 理由は以下の…

FRIEND 記事一覧ページの１件目の記事の直下にグーグルバナーを設置したい！ FRIEND なんかクリックしてくれそうな位置だから（汗） ME 最初の１件目を呼んで、その直下にグーグルバナーを設置して…

現在、以下の画像のようにトップページに画像を8枚掲載している。 その方法を記しておく。 ▼functions.phpに以下のコードを書く function my_random_images($count=1, $size='thumbnail'){ $ar…

FRIEND WordPressのテンプレートカスタマイズする時なんか、色々イジってのに「あれ～？反映されない…」ってことがあるとです… ME ふむふむ。その理由はページ読み込みスピードを上げるためのキャッシュが原因なんやで。 …

cssに以下のものを書いて、フロントをみながら調節 .popular-posts {counter-reset: wpp-ranking;} .popular-posts ul li:before { content: counter(wpp-ranking, …

テーマファイルのimagesディレクトリに任意の画像をアップロードして、以下のコードを書く。 ソースコード [crayon-662ae2b69105e190998401/]

①functions.phpに以下を記述する function tdd_oembed_filter($html, $url, $attr, $post_ID) { if ( strstr( $url,'youtu' ) ) { $return = '<div clas…