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

方法

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

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

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

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

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

【ワードプレス】ボタンにマウスカーソールをホバーした時に、背景色を変更する方法

ボタンを選択した状態で追加CSSクラスにクラス名を入力。ワードプレス左メニューから「外観→テーマファイルエディター→スタイルシート(style.css)」に下記内容を追加すれば、ホバー時に背景色が変わります。.button1 .has-ba...
◆WEB

【ワードプレス】メニュー文字の前にアイコンを追加する方法

上記アイコンサイトにアクセス。使いたいアイコンの①をコピー。メニューのナビゲーションラベルに貼り付けます。この時「-solid」は削除します。参考サイト
◆WEB

【ワードプレスプラグイン】「Smart Slider 3」でマウスオン時にボタンの色を変更する方法

「Smart Slider 3」のボタンを選択した状態で「①スタイル」→②を「ホバー」にします。「③背景色」でマウスオン時の色を設定できます。
◆WEB

【ワードプレス Cocoon】内部リンクを「新しいタブ(別タブ)で開く」方法

ワードプレス左メニューから「①Cocoon設定→本文→②内部リンクの開き方」で「リンクを新しいタブ」で開くか否かを選べます。参考サイト
スポンサーリンク