100文字でわかる百科事典『100文字百科』

ホームページ

スポンサーリンク
◆WEB

【ワードプレス】Jetpack(ジェットパック)の画像比較が表示されない時の対処方法

ワードプレス左メニューから「Jetpack → 設定」を選択。「①パフォーマンス」の「②画像の遅延読み込みを有効にする」にチェックを付けると、画像比較が表示されるようになります。 参考サイト
◆WEB

【ワードプレス Cocoon】新着記事一覧を表示する方法。ショートコードを使う

▼下記ショートコードを貼り付ければ、新着記事一覧を表示できます。 new_list count=3 cats=3,5 type=large_thumb_on children=1 引用元: 参考サイト
◆WEB

【ワードプレス Cocoon】「投稿日」と「更新日」を非表示にする方法

ワードプレス左メニューから「①Cocoon設定→②本文」を選択。 投稿関連情報の「投稿日の表示」と「更新日の表示」のチェックを外すと非表示にすることができます。
スポンサーリンク
◆WEB

【ワードプレス】投稿ページ単位で、記事内のアイキャッチ画像を非表示にする方法

記事作成画面の下部にある「カスタムCSS」欄に下記コードを追加すると、アイキャッチ画像が非表示になります。 .eye-catch {display: none;} 引用元: 参考サイト
◆WEB

【ワードプレス】画像の上にリンクを複数配置(イメージマップ・クリッカブルマップ)する方法

「HTML Imagemap Generator」にアクセス。画像をアップロード。①でリンクエリアを設定。コードをコピペして、HTMLとして貼り付けます。②の画像のURLを変更。③のリンク先を設定すれば完了。 参考サイト
◆WEB

【ワードプレス Cocoon】headタグ内に文字列を追加する方法

ワードプレス左メニューから「①テーマファイルエディター → ②tmp-user → ③head-insert.php」を選択。最後に④に文字列を追加すればOKです。 参考サイト
◆WEB

【ワードプレス Cocoon】本文中のアイキャッチ画像を非表示にする方法

ワードプレス左メニューから「①Cocoon設定→②画像→③本文上にアイキャッチを表示する」のチェックを外すと、アイキャッチ画像を非表示にできます。
◆WEB

【ワードプレス Cocoon】クリックで画像を拡大表示する方法

「①Cocoon設定→②画像」を選択。 「画像の拡大効果」のbaguetteBoxにチェックを付けて保存。 記事内の画像を選択。「①リンクを挿入→②メディアファイル」でクリックで画像が拡大表示になります。 参考サイト
◆WEB

【ワードプレス プラグイン】タイルギャラリー画像を作る「Gallery Block (Meow Gallery)」

記事内の「ブロックを追加」→「すべて表示」から「Meow Gallery」を選択するとタイルギャラリーを作れます。 右メニューから「①Justified」を選ぶと、画像の上下左右がトリミングされません。「②メディアファイル」を選ぶと、画像選...
◆WEB

【ワードプレス プラグイン】画像比較スライダー「Ultimate Before After Image Slider & Gallery – BEAF」

「①Add New」を選択。「②タイトル」を追加。③でビフォー画像、④でアフター画像を設定。⑤で公開。最後に⑥のショートコードをコピペで記事内に貼りつけると画像比較のスライダーを設置できます。 参考サイト
◆WEB

【ワードプレス】スマホで2カラムや3カラム表示にする方法

カラムを選択した状態でワードプレスの右メニューにある「モバイルでは縦に並べる」のチェックを外すとスマホでのカラム表示が、PCと同じカラム数になります。
◆WEB

【ワードプレス】素材を使いまわす場合は「再利用ブロック」を使えばいい

①で再利用したいブロックを選択。②でメニューを開き、③で作成を押す。 ①でメニューを開き②ですべて表示する。 ①で再利用可能タブを開き②で再利用するブロックを選ぶとブロックを配置できます。 再利用ブロックを編集すると他ページの同再利用ブロッ...
◆WEB

【ワードプレス】オシャレな見出しパターン一覧

▼下記サイト「サルワカ」でオシャレな見出しパターンを取得できます。 ▼デフォルトの見出しが表示上悪さをする場合は、下記サイトを参考にして下さい。
スポンサーリンク