プログラミング

プログラミング

軽量のhighlight.jsとprism.jsの比較、どっちか迷ったらプラグインPrismatic!シンタックスハイライトのおすすめ!

highlight.jsとprism.js、その両方が使えるプラグインPrismatic、他いろいろと紹介していきます。 Crayon Syntax HighlighterやSyntaxHighlighter Evol...
2019.09.01
プログラミング

内部リンクのブログカードを作成(PHP、CSS、HtmlのWordPressのカスタマイズ)

内部リンクのブログカードを作成しました。プラグインなしです。「続きを読む」などのボタンもつけたりアニメーションもかけたりしました。 完成デモと実装計画 完成デモです。 実装計画は次のとおりです。 ブロ...
2019.03.15
プログラミング

CSSでハートの鼓動アニメーションをボタン化して実装する!

本日は「ドキドキ!!」「バクバク!!」という心臓の鼓動アニメーションを作成してみます。ボタンにしてリンクをつけてみますよ。 心臓の鼓動アニメーション完成デモ プログラミング CSSでハートの鼓動アニメーション ...
2017.12.04
プログラミング

【絞り込み検索設置】WordPressのsearch.php(検索結果)のカスタマイズや作り方

Wordpressで絞り込み検索を作成していますが、今回は検索結果のページをカスタマイズしていきます。いじるファイルはsearch.phpなど。 絞り込み検索の作り方 第1回から見る場合はこちらを参照してください。 ...
2018.02.24
プログラミング

あいおんな(i-onna)のプログラミング記事目次

女子のサイトでプログラミングの記事は珍しいかもしれませんね。でもこれからは技術の時代です。( *´艸`) プログラミング記事目次 ctrl+Fで検索をお願いしますね! おまけ話 ここだけの話、あいおん...
プログラミング

WordPressで条件の絞り込み検索を設置できるプラグイン比較、おすすめで安いのは?

実体験に基づき、Wordpressで条件の絞り込み検索を設置できるプラグイン比較していきます。おすすめはどれでしょう? Reactive LITE(最安レベル) Reactive LITEは最安レベルで機能も豊富なので購...
2019.03.15
プログラミング

cssで吹き出しの会話文を作成する手順(デモ)

PCで閲覧している場合、ブラウザの幅を縮めてみてください。幅が一定の値になると、横並びから縦並びになります。 デモ 吹き出しです。 ここに吹き出しの内容を記載します。 ...
2018.01.16
プログラミング

ブログカードのデザインにcss3でアニメーションを追加しました!

あいおんな(i-onna)テクニカル担当のすくねえです。(*´∇`*) あたしはプログラムよりデザインに興味がある人間なのですよね。だからどうしても見た目のおしゃれかが気になります。 ブログカードの完成品 今回...
2017.11.16
プログラミング

wordpressで更新日と公開日を両方を表示してGoogleの検索結果に反映させる

Wordpressで更新日と公開日を両方を表示してGoogleの検索結果に反映させる方法を試してみました。できるだけわかりやすく解説してみますね(*´∇`*) 予約投稿した場合、修正日より公開日の方が早いことを防ぐ処理 ...
2017.01.22
プログラミング

Cssで吹き出しの会話文を作成する手順(レスポンティブデザイン対応)

Cssで吹き出しの会話文を作成する手順を紹介します。レスポンティブデザイン対応して途中で矢印の向きを切り替えてみます。 完成形のコードだけ貼り付けているサイトが多いので、初心者でもわかるようcssは段階的に解説してみますね。 ...
2018.01.15
最初から↑
タイトルとURLをコピーしました