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

WordPress(ワードプレス)

スポンサーリンク
◆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

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

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

【ワードプレス】リンクターゲットってなに?別タブで開けるようになる

リンクターゲットを設定すると別タブでウィンドウを開けるようになります。
◆WEB

【ワードプレス】ボックスメニューのアイコンを変更する方法

メニュー設定の上にある「①表示オプション」を選択。「②cssクラス」と「③説明」にチェックを付ける。 ①で見出し②でアイコンの変更③で説明文を設定できます。 参考サイト
◆WEB

【ワードプレス Cocoon】ユーザー名(投稿者)を非表示にする方法

ワードプレス左メニューから「①Cocoon設定→②本文」を選択。 「①投稿者名の表示」のチェックを外すとユーザー名が非表示になります。 参考サイト
スポンサーリンク