制作・ハック【WordPress初心者】ブログ記事内のブロックにクラス名(class)を追加する方法【CSS】
WordPressでCSSを追加してページ内に反映させるには、該当要素にクラス名を追加する必要があります。 CSSを追加したものの、クラス名のつけ方がわからない…という方は是非参考にしてくださいね。 段落ブロックにクラス名(class)を追...
wordpress
制作・ハック
制作・ハック【CSS】テキストリンクのクリックできる領域を増やす方法【WordPress】
普通のテキストリンクだとテキストの範囲しかクリックできませんが、 テキストの周囲もクリックできる領域にしてしまう方法があります！ 広い範囲をクリックできるようになるので、クリック率もアップするかも👍 CSS関連記事はこちら テキストリンクの...
制作・ハック【ブログ】Google検索結果にPC版でもサムネイルが表示されてる【アイキャッチ】
いつの間にかGoogleの検索結果のサムネイル表示がモバイルだけでなくPC版からでも表示されるようになっていました。 Google検索結果にPC版でもサムネイルが表示されてる 以前にスマホ（モバイル）でGoogle検索をする時にサムネイルを...
制作・ハック【ブログ】テキストリンクを貼ると自動でバナーが出てくるCSSの書き方【WordPress/Cocoon】
WordPressなどブログ上で、テキストリンクにクラス名を追加するだけでバナーが表示されるCSSを作りました！ このCSSを追加すればエディター上ではテキストリンクを作るだけ！ 簡単にバナー付きリンクを表示させることができます。 テキスト...
制作・ハック【Cocoon】投稿した画像を加工せずに円形や長方形にトリミングするCSSの方法【WordPress】
WordPressのブログ記事に画像をアップしたものの、周りに写っているものをトリミングしたいな〜でも加工して再アップしたくないなという時ありませんか？ すでに投稿した画像をトリミングしたい長方形の画像を円形にトリミングしてメリハリをつけた...
制作・ハック【WordPress】ブログ記事の好きな位置に矢印を入れる方法【CSS】
ブログ記事で流れや手順の説明をしている内容の時に「↓矢印」が好きな位置に配置できたら便利じゃないですか？ Wordpressの投稿記事内の好きな位置に矢印を入れることができる方法をまとめてみました。 ブログ記事の好きな位置に矢印を入れる方法...
制作・ハックブログ記事内のテキストリンクをボタンにするCSS
ブログ記事にリンクをつけることはよくありますが、テキストリンクだけでは寂しい時やもっと目立たせたい時はありますよね。 CSSを追加してテキストリンクからボタンのデザインに変更できるようにしてみました。Class名を付け替えるだけでデザインを...
制作・ハック【CSS】吹き出しの三角▼部分の作り方
HTMLとCSSで作る吹き出しデザイン。吹き出しの「三角」の部分、どうやって作っていますか？一番簡単な吹き出しの作り方を伝授します！ 吹き出しの三角部分の作り方 吹き出しのCSSの作り方はこちら 作る流れとしては、まず吹き出しにしたい要素に...
制作・ハック【WordPress】吹き出しのCSSを自作してみた【Cocoon】
吹き出しをCSSで自作 こんにちは 数日前の記事から、記事内に「吹き出し」を入れてみることにしました。 こんなの！ 「吹き出し」って、最近のWebページやブログ記事などではよく見る表現ですよね。 その「吹き出し」をできるだけ簡単に投稿画面（...