【Cocoon】滞在時間が13.8％もUPする『この記事は○分で読めます』を実装してみた
Warning: Undefined variable $content in /home/c9099599/public_html/dstrikes.net/wp-content/themes/cocoon-child-master/tmp/content.php on line 76 この記事は 約8 分で読めます。日々沢山のブログを読んでいるとたまに『この記事は○分で読めます』みたいに書いてあるブログを見かけます。 私も初めて見た時は『ぉ！これすげー！』ってなりました。 何故か？ だって、記事を全部読もうと思ってブログを訪問するわけですよね？ そこで右端を見ると、スクロールバーがめちゃくちゃ小さくなっていたらゲンナリしてしまいませんか？ また理解しにくい文章だった場合などは読み飛ばしてしまう事もしばしばありますよね？ 最悪の場合はブラウザバーック！なんて事にもなり大変な機会損失をして
コピペ一発でWordPressの投稿・固定ページの管理画面にメモを残す機能を実装する方法
WordPressでサイト運営をしていて以下のようなことを考えたりすることがたまにあります。 投稿管理画面に対して備忘録的なメモを残せればいいのに そんな機能をWordPressテーマにコピペで簡単に実装する方法の紹介です。 管理画面のサイドバーにこんなメモ入力欄を作成します。 メモ機能の実装方法 今回のメモ機能を実装するには、子テーマ等のfunctions.phpに以下のコードを貼り付けるだけです。 /////////////////////////////////////// // カスタムボックスの追加 /////////////////////////////////////// add_action('admin_menu', 'add_memo_custom_box'); if ( !function_exists( 'add_memo_custom_box' ) ): fun
WordPress【twenty seventeen】をカスタマイズする方法！ | 便利なデジタル生活
2017年10月現在においてWordPress標準の最新テーマである「twenty seventeen」ですが、本サイトもこのテーマをベースにカスタマイズしております。日々少しずつカスタマイズしてきましたが、このテーマ特有のカスタマイズに限定したネタをまとめて一挙公開します。 恐らく、このページ以上に「twenty seventeen」特有のカスタマズ方法を紹介しているページはないのではないかという位にまとめてみました。まとめたと言っても、今まで少しずつ記事にしてきたことをまとめて紹介するページと思ってください。 私も2017年6月よりWordPressでサイト運営を開始しましたが、最新テーマの「twenty seventeen」が一番斬新的な感じがして採用したのですが、実際に使ってみると直してみたくなる部分が多数出てきましたね。もう原型を感じさせないサイトになってしまいました。しかし、こ
コピペ一発でSimplicityを結構高速化する方法
Simplicityを高速化し、さらなるパフォーマンスアップをする方法を解説します。 高速化には、ブラウザキャッシュの設定と、リソースを圧縮の設定を行います。 たったこれだけのことですが、かなりの高速化が図れます。 例、Simplicityに今回紹介する高速化のみを行った結果。 追記：この方法は、サーバーで採用されているサーバーソフトがApacheでないと利用できません。ご利用のサーバーで採用されているサーバーソフトをこ確認してから設定を行ってください。 この設定をすることで この設定をすることで、Wordpress全体の高速化対象ファイルに以下の設定を行います。 ブラウザキャッシュの設定（GIF、JPEG、PNG、CSS、JavaScript、WEBフォントファイル） リソースの圧縮設定(TEXT、HTML、XHTML、XML、RSS、CSS、JavaScript、WEBフォントファイル
「あわせて読みたい」をWordPressで設置する方法【コピペOKなコード付き】
元のテキストリンク（↓の文字だけのリンク） グーグルの人に教わった検索上位に入るためのたった一つのコツ と比べると、なんとなくクリックしたくなる気がしませんか？ クリックしたくなりますよね？ お願いだからクリックしたくなると言って！ ふぅ、すこし取り乱してしまいましたが、今回はその設定方法をお伝えします！ 「あわせて読みたい」リンクを作成する方法 （WordPress）1. 事前準備編 CSSをカスタマイズまずはCSS（カスケーディング・スタイル・シートと言い、ブログやHPのデザイン部分を決めているコード） をカスタマイズするのですが、何かあってもいいように 念のため事前にバックアップを取っておくことをオススメします。 （関連記事：初心者でもワードプレスのバックアップを確実に取る方法！） さて、↑の記事を読んでバックアップをしっかりとったら ここからCSSのカスタマイズに入ります。 Wor
【WordPress】プラグインを使わずにページのTOPへ戻るリンクを設置してみた。
2024年04月06日非レスポンシブのサイトをレスポンシブ化いたしました。2024年04月05日テーマファイルが編集できない不具合を解消いたしました。2024年04月04日WordPress、テーマ、プラグイン、のバージョンアップを担当いたしました。2024年04月03日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年04月02日お問い合わせフォームを再構築いたしました。2024年04月01日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月31日サーバー移管に共に表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月30日WordPressの操作方法をサポートいたしました。2024年03月29日サイドバーに人気記事を表示させる仕組みを導入いたしました。2024年03月28日テキスト等の簡易な修正を
WordPressプラグイン「Jetpack」を有効にした際に読み込まれるCSSやJavaScriptを無効化（削除）する方法｜今村だけがよくわかるブログ
WordPressプラグイン「Jetpack」を有効にした際に読み込まれるCSSやJavaScriptを無効化（削除）する方法 WordPressで作ったWebサイトの表示を高速化させるために「不要なCSSやJavaScriptを読み込まないように設定する」なんてことはよく聞きますね。 今回は、WordPressプラグイン「Jetpack」に焦点をあてて見てみました。 読み込まれるCSSとJavaScriptJetpackを有効にすると、下のようなCSSやJavaScriptがデフォルトで読み込まれます。 CSS<link rel='stylesheet' id='jetpack_css-css' href='https://www.imamura.biz/blog/wp-content/plugins/jetpack/css/jetpack.css?ver=3.8.0' type='te
もう覚えなくても大丈夫！？WordPressの条件分岐タグの使い方まとめ
色んなサイトを回らずに済むように、条件分岐タグのまとめを作りました WordPressの条件分岐タグ、とても便利ですね。 「ホームでは別の動作をして欲しい」「サイドバーの要素を変えたい」そんな、ちょっとした要素の変更くらいなら、条件分岐タグで対応できます。 毎日プログラムと格闘する人はCodexを見なくても書けると思いますが、私のように本職がデザイナーだと「あれ？条件分岐って、どうやって書くんだっけ？？」状態に陥ります。そんな時に役立つ、基本も含めたまとめを作りました。 条件分岐の使い方「基本編」 まずは条件分岐について押さえておきたい基本編。 条件分岐とは、簡単に解説すると条件分岐「if」を使って「もし◯◯ならば、◯◯」といった条件を指定することです。具体例はページ下部にあるので、まずは書式から。 1つの条件を指定する方法 if ( 条件1 ){ 条件1に合う場合の処理 } これが1番簡
WordPress：カスタマイズするなら覚えておきたい条件分岐について - NxWorld
WordPressを使ってサイトやブログを構築する際、例えば「一覧と詳細でサイドコンテンツを変えたい」とか「カテゴリーによって表示内容をガラッと変えたい」のように「○○の時に○○する」といったことをしたい場合に用いるのが条件分岐です。 WordPressには便利な条件分岐タグが沢山用意されており、それらを用いることで様々なことができるので、先述したように特定の条件で何か処理を行うカスタマイズをしたい方は参考にしてみてください。 条件分岐の使い方 条件分岐とは、簡単に説明すると「指定された条件に合うか・合わないかを判断し、判断に応じて処理を行う」というものになり、例えばWordPressの場合であればこれを利用することによって、同じテンプレートを使用していても条件に応じて全く違う見栄えにしたり、処理を行うといったことが可能です。 条件分岐にはswitch文というものもありますが、ここで紹介し
プラグインを使わずに WordPress カテゴリーページに説明文を表示する方法 - Naifix
WordPress カテゴリーの「説明」に入力したテキストを、カテゴリーページに表示するカスタマイズ方法を解説します。 以下 2 パターンの解説です。 クラシックテーマ（ category_description() を使用 ） ブロックテーマ（ ブロックを使用 ） WordPress カテゴリーの「説明」 カテゴリーの「説明」入力欄は、投稿 > カテゴリー と進んだ先にある「新規カテゴリーを追加」の部分にあります。 追加済みカテゴリーの場合は、「編集」をクリックした先です。 テーマによっては、「説明」に入力したテキストがカテゴリーページに表示されます。以下は当サイト（Naifix）の例です。 ブログ運営に関する記事一覧 – Naifix 「説明」に入力してもどこにも表示されないテーマは、カスタマイズが必要です。 クラシックテーマの場合 従来のテーマ（クラシックテーマ）の場合、以下の手順で
URLを記入するだけ！WordPressに内部ブログカードを実装するカスタマイズ方法
作成したWordpressブログカード 今回作成したブログカードは、以下のような表示になります。（追記：はてブ数やサイトリンクは、後に機能追加されたもので以下の方法では表示されません。） サムネイルを左側にした以外は、はてなみたいな感じにしてみました。 これは、単に以下のようにエディターで書いたのみです。 WordPressブログカードの仕様 今回試しにカスタマイズしてみたブログカードの仕様は以下のようになっています。 本文記事の1行にサイト内URLのみが記載されていたらブログカード化する 1行にURL以外も記載されているとブログカード化しない カード化されるのは「投稿ページ」「固定ページ」のみ あくまで自サイトURLのみで他サイトのURLではカード化されない WordPressエディターなどで編集していて、その本文中の1行を「サイト内URL」のみで使用していれば、URLがブログカードに置
これで自由自在！WordPress Popular Postsで人気記事を任意の箇所に表示する3つの方法（プラグイン使用） | BLOG ROOM9（ブログルームナイン）
ホームWeb・WordPressこれで自由自在！WordPress Popular Postsで人気記事を任意の箇所に表示する3つの方法（プラグイン使用） これで自由自在！WordPress Popular Postsで人気記事を任意の箇所に表示する3つの方法（プラグイン使用） 2014 4/17 ども、Qtaro（＠Daisuke_9taro）です。 どんなWebサイトでも「人気記事」が表示されていると、「あーこの記事も面白そうだな〜♪」と興味が湧いてついつい覗きに行っちゃいますよね？僕はついつい見ちゃいますw そんなワケで、今回はWordPressサイトで人気記事を 自分の好きな場所に配置する方法 を解説したいと思います。 なお、表示させるための方法は全部で「3つ」あります。そのうちの以下の「③」が今回ちょっと敷居が高めなので手厚く説明しますが、①②の方法についてもザッと解説します。ど
[WordPress]3大カスタム要素、カスタム投稿タイプ・タクソノミー・フィールドを使いこなす | バシャログ。
こんにちは Latin です。 コンフェデレーションズカップはじまりましたね！夏のフットボール観戦はやっぱり燃えます。 さて今回は、WordPressの「3大カスタム要素」と題しまして、「カスタム投稿タイプ」、「カスタムタクソノミー」、「カスタムフィールド」についてまとめていこうと思います。 目次 カスタム投稿タイプ カスタムタクソノミー カスタムフィールド 3大カスタム要素を使ったサイトの運用例 追加されたカスタム要素の表示サンプル どういったケースで使うの？ 例題として今回は、「コーポレートサイト」の場合を想定してみます。 カスタム投稿タイプ 通常の投稿記事と「切り分けたい場合」や「体裁の違うコンテンツを投稿したい場合」によく用いられます。 例えばコーポレートサイトの場合、通常の「投稿」は「お知らせ」などの記事で運用しているケースが多く、 そこに「本の紹介」などの「体裁の違う記事」を投
![[WordPress]3大カスタム要素、カスタム投稿タイプ・タクソノミー・フィールドを使いこなす | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/b53dec6a802a8894496962b618bea8a7e8829438/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_wordpress.png)
[Å] 私がブログでFacebook OGPの設定をプラグインに頼らない2つの理由
[Å] 私がブログでFacebook OGPの設定をプラグインに頼らない2つの理由
![[Å] 私がブログでFacebook OGPの設定をプラグインに頼らない2つの理由](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c80c165b2689fd4e2d1d32ff5e17360569e025e/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2Ffacebook-ogp-setting.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
affinote.net - このウェブサイトは販売用です！ - affinote リソースおよび情報
便利なWordPressの条件分岐16パターン：カスタマイズで活躍するものを厳選！
http://hapisupu.com/2015/11/wordpress-popular-posts-display-ranking-only-css/
★★WordPressで「前の記事へ」、「次の記事へ」をカスタマイズする方法 - よつば手帖
Jetpackで、はてなブックマークとEvernoteの共有ボタンの追加する方法。 | Freeice
@webbingstudio@githubのマイページ - Qiita
